/*!
Theme Name: exact_extranet
Theme URI: http://underscores.me/
Author: Hansdotter Oy
Author URI: https://hansdotter.fi/
Description: Description
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: extranet
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.

exact_extranet 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
	- Variables
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Media queries
	- Media
	- Captions
	- Galleries
# 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%;
}

html, body { min-width: 320px; margin: 0!important; }

@media (prefers-reduced-motion: no-preference) {
	:root { scroll-behavior: auto; }
}


/* 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;
}

/* 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
--------------------------------------------------------------*/

/* Variables
--------------------------------------------- */
:root {
	--gray: #A5A5A5;
	--grayLight: #EDEDED;
	--grayLight80: #B6B6B6; /*80% opacity version of --grayLight from the template*/
	--grayLightAlt: #DCDCDC;
	--grayDark: #6F6F6F;
	--yellow: #FFCC00;
	--extranetGray: #9F9DA0;
	
	--iconFiletype: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='19' viewBox='0 0 14 19' fill='none'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M13.24 18H1V1H9.16L13.24 5.08V18Z' stroke='%236F6F6F' stroke-linecap='round'/%3E%3Cpath id='Vector_2' d='M9.15992 1V5.08H13.2399' stroke='%236F6F6F' stroke-linecap='round'/%3E%3Cpath id='Vector_3' d='M9.15992 1V5.08H13.2399L9.15992 1Z' fill='%236F6F6F'/%3E%3C/g%3E%3C/svg%3E");
	--iconDL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg id='Layer_1' clip-path='url(%23clip0_619_110)'%3E%3Cpath id='Vector' d='M14.6818 7.39136L8.49999 13.3044L2.31818 7.39136' stroke='%236F6F6F'/%3E%3Cpath id='Vector_2' d='M8.5 13.3043V0' stroke='%236F6F6F'/%3E%3Cpath id='Vector_3' d='M17 16.261H0' stroke='%236F6F6F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_619_110'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	--iconDLyellow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg id='Layer_1' clip-path='url(%23clip0_619_110)'%3E%3Cpath id='Vector' d='M14.6818 7.39136L8.49999 13.3044L2.31818 7.39136' stroke='%23FFCC00'/%3E%3Cpath id='Vector_2' d='M8.5 13.3043V0' stroke='%23FFCC00'/%3E%3Cpath id='Vector_3' d='M17 16.261H0' stroke='%23FFCC00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_619_110'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	--iconDLdark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cg id='Layer_1' clip-path='url(%23clip0_619_110)'%3E%3Cpath id='Vector' d='M14.6818 7.39136L8.49999 13.3044L2.31818 7.39136' stroke='%23595959'/%3E%3Cpath id='Vector_2' d='M8.5 13.3043V0' stroke='%23595959'/%3E%3Cpath id='Vector_3' d='M17 16.261H0' stroke='%23595959'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_619_110'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	--iconDLblack: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:multiply'%3E%3Cg clip-path='url(%23clip0_266_1957)'%3E%3Cpath d='M14.6819 7.89136L8.50006 13.8044L2.31824 7.89136' stroke='%23000000'/%3E%3Cpath d='M8.5 13.8043V0.5' stroke='%23000000'/%3E%3Cpath d='M17 16.761H0' stroke='%23000000'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_266_1957'%3E%3Crect width='17' height='17' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	--iconFilter: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_650_430)'%3E%3Cpath d='M0 1H12' stroke='%23EDEDED' stroke-miterlimit='10'/%3E%3Cpath d='M2 5H10' stroke='%23EDEDED' stroke-miterlimit='10'/%3E%3Cpath d='M4 9H8' stroke='%23EDEDED' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_650_430'%3E%3Crect width='12' height='9' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	--iconFilterYellow: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_650_430)'%3E%3Cpath d='M0 1H12' stroke='%23FFCC00' stroke-miterlimit='10'/%3E%3Cpath d='M2 5H10' stroke='%23FFCC00' stroke-miterlimit='10'/%3E%3Cpath d='M4 9H8' stroke='%23FFCC00' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_650_430'%3E%3Crect width='12' height='9' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	--iconClose: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3.98336' y1='4.01656' x2='11.7615' y2='11.7947' stroke='%23A5A5A5'/%3E%3Cline x1='11.7615' y1='4.20512' x2='3.98336' y2='11.9833' stroke='%23A5A5A5'/%3E%3C/svg%3E%0A");
	--iconCloseYellow: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3.98336' y1='4.01656' x2='11.7615' y2='11.7947' stroke='%23FFCC00'/%3E%3Cline x1='11.7615' y1='4.20512' x2='3.98336' y2='11.9833' stroke='%23FFCC00'/%3E%3C/svg%3E%0A");
	--iconAnchorLight: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 7.16675L6.33333 12.5001L1 7.16675' stroke='%23A5A5A5'/%3E%3Cpath d='M6.33331 12.5V0.5' stroke='%23A5A5A5'/%3E%3C/svg%3E%0A");
	--iconAnchorYellow: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 7.16675L6.33333 12.5001L1 7.16675' stroke='%23FFCC00'/%3E%3Cpath d='M6.33331 12.5V0.5' stroke='%23FFCC00'/%3E%3C/svg%3E%0A");
	--iconAnchorDark: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6667 7.16675L6.33333 12.5001L1 7.16675' stroke='%23594E24'/%3E%3Cpath d='M6.33331 12.5V0.5' stroke='%23594E24'/%3E%3C/svg%3E%0A");
	--iconPlay: url("data:image/svg+xml,%3Csvg width='52' height='61' viewBox='0 0 52 61' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52 30.5L0.249997 60.3779L0.25 0.622121L52 30.5Z' fill='white'/%3E%3C/svg%3E%0A");
	--iconForwardBlack: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.39136 2.31825L13.3044 8.50007L7.39136 14.6819' stroke='%23443600'/%3E%3Cpath d='M13.3043 8.5L0 8.5' stroke='%23443600'/%3E%3C/svg%3E%0A");
	--iconPlus: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.18994' y1='0.5' x2='6.18994' y2='11.5' stroke='%23A5A5A5'/%3E%3Cline x1='11.5566' y1='6.1333' x2='0.556641' y2='6.1333' stroke='%23A5A5A5'/%3E%3C/svg%3E%0A");
	--iconPlusYellow: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.18994' y1='0.5' x2='6.18994' y2='11.5' stroke='%23FFCC00'/%3E%3Cline x1='11.5566' y1='6.1333' x2='0.556641' y2='6.1333' stroke='%23FFCC00'/%3E%3C/svg%3E%0A");
}

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea,
.frm_forms.with_frm_style .frm-show-form div.frm_description p {
	color: #fff;
	font-family: 'Prompt', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 0.01em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both; line-height: 1.3em; letter-spacing: 0.01em; font-weight: 800; font-style: italic;
}

h1 { font-size: 112px; margin-top: 0; margin-bottom: 24px; }
#hero h1 { text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); margin-bottom: 0.14em; overflow-wrap: break-word; }
#hero.prod-hero h1 { color: var(--yellow); font-size: 64px; line-height: 1em; margin: 0; }

h2 { font-size: 40px; }
h2.small-h2 { font-size: 24px; font-weight: 600; font-style: normal; line-height: normal; margin-bottom: 1.5em; }

h3 { font-size: 24px; line-height: normal; font-weight: 600; font-style: normal; margin-bottom: 1em; }

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #3d3d3d;
	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: #000;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

#primary ul li, #primary ol li { position: relative; padding-left: 1em; margin-bottom: calc(1em / 2 + 2px); }
#primary ul li::before { position: absolute; top: calc(1em / 2 + 2px); left: 0; content: ''; display: inline-block; background-color: #000; width: 3px; height: 3px; border-radius: 50%; }

ol {
	padding-left: 1.2em;
	list-style: decimal;
}

#primary ol li { padding-left: 0; }

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

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%;
}

img {
	height: auto;
	max-width: 100%;
	pointer-events: none!important;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a, a:visited {
	color: #fff;
}

a:hover,
a:focus,
a:active {
	color: var(--yellow); outline: 0;
}

/* Forms
--------------------------------------------- */
.accordion, select {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23A5A5A5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFCC00' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

label { font-size: 14px; line-height: 157%; text-transform: uppercase; color: var(--grayLight); }
label > span.label { display: block; margin-bottom: 18px; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
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 {
	border: 1px solid var(--grayDark);
	border-radius: 0;
	background: transparent;
	color: var(--gray);
	line-height: 1;
	padding: 13px 19px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--yellow);
	color: var(--yellow);
}

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"],
textarea {
	color: var(--gray);
	border: 1px solid var(--grayDark);
	border-radius: 0;
	padding: 3px;
	background: transparent;
	font-size: 16px;
	line-height: 162%;
}

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: #fff;
}

select { max-width: 100%; border: 1px solid var(--grayDark); color: var(--gray); font-size: 16px; line-height: 162%; appearance: none; background: transparent var(--bs-accordion-btn-icon) no-repeat calc(100% - 21px) 50%/13px auto; padding: 8px 46px 8px 21px; letter-spacing: 0; }
select:active, select:focus { outline: 0; }

option { background: #000; color: var(--gray); font-size: 16px; line-height: 162%; letter-spacing: 0; }

textarea { width: 100%; max-width: 100%; color: var(--gray); font-size: 16px; line-height: 162%; }

/*Custom checkbox*/
.custom-cb { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-cb:hover { opacity: 0.7; }
.custom-cb input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: relative; display: inline-block; margin-right: 13px; height: 19px; width: 19px; background-color: transparent; border: 1px solid #000; }
.custom-cb .checkmark::after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 7px; height: 7px; background-color: #000; border-radius: 50%; }
.custom-cb input:checked ~ .checkmark::after { display: block; }

/*Facets*/
#facets .facetwp-facet > * { cursor: pointer; }
#facets .facet-wrap { margin-right: 40px; }
#facets .facet-wrap:last-of-type { margin-right: 0	; }
#facets .facetwp-counter { display: none!important; }

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
#page { position: relative; }
#masthead { position: absolute; z-index: 99; width: 100%; top: 30px; left: 0; }
#masthead-inner, #masthead-inner::before { width: calc(100% - 60px); margin-left: 30px; }
#masthead-inner { height: 86px; display: flex; align-items: center; justify-content: space-between; background: rgba(0, 0, 0, 0.72); /*backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);*/ padding: 13px 38px; }
#masthead-inner::before { content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); z-index: -1; } /*Chrome fix for backdrop-filter working on nested elements*/
.site-branding, .site-branding:visited { width: 238px; max-width: 238px; flex: 0 0 238px; display: flex; align-items: center; text-decoration: none!important; }
.footer-branding { display: flex; align-items: center; }
.site-branding span, .footer-branding span { color: var(--extranetGray); font-size: 20px; font-weight: 300; line-height: normal; letter-spacing: 0.02em; margin-left: 23px; }

#menu-toggle { display: none; width: 24px; padding: 0!important; border: none!important; outline: 0; }
#menu-toggle .menu-bar { display: block; height: 1px; background: #fff; margin-bottom: 10px; }
#menu-toggle .menu-bar:last-of-type { margin-bottom: 0; }

.main-navigation {
	display: block; padding: 0 20px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: flex; align-items: center;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block; text-decoration: none; font-size: 20px; line-height: normal; letter-spacing: 0.02em; margin-right: 40px;
}
.main-navigation ul > li:last-of-type > a { margin-right: 0; }

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .single-product .main-navigation .products > a, .archive.tax-prod_cat .main-navigation .products > a { color: var(--yellow); }

.secondary-nav { display: flex; align-items: center; }
/*.secondary-nav > div { flex: 0 0 112px; }*/

.lang-nav, .profile-nav { cursor: pointer; }
/*.secondary-nav > div.lang-nav { flex: 0 0 118px; }*/
.current-lang::before { content: ''; width: 15px; height: 15px; display: inline-block; margin-right: 11px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.81826 15C9.476 15 10.8199 11.866 10.8199 8C10.8199 4.13401 9.476 1 7.81826 1C6.16052 1 4.81665 4.13401 4.81665 8C4.81665 11.866 6.16052 15 7.81826 15Z' stroke='%23EDEDED' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.813477 8H14.8222' stroke='%23EDEDED' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.81785 15C11.6863 15 14.8222 11.866 14.8222 8C14.8222 4.13401 11.6863 1 7.81785 1C3.94944 1 0.813477 4.13401 0.813477 8C0.813477 11.866 3.94944 15 7.81785 15Z' stroke='%23EDEDED' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain; }
.current-lang .chevron, .profile-main .chevron { content: ''; width: 10px; height: 10px; display: inline-block; margin-left: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M10.3223 0.75L5.57227 5.5L0.822266 0.75' stroke='%23EDEDED'/%3E%3C/svg%3E") no-repeat center/contain; }
.current-lang:hover .chevron, .profile-main:hover .chevron { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M10.3223 0.75L5.57227 5.5L0.822266 0.75' stroke='%23FFCC00'/%3E%3C/svg%3E") no-repeat center/contain; }
#lang-switcher, #profile-menu { position: relative; }
#lang-switcher span, #lang-switcher a, #profile-menu span, #profile-menu a { user-select: none; -webkit-user-select: none; }
.langs-sub, .profile-sub { display: none; position: absolute; z-index: 1; top: 55px; left: -10px; background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); width: calc(100% + 20px); }
/*#lang-switcher.open .langs-sub { display: block; }*/
.langs-sub > li, .profile-sub > li { margin: 3px 0; }
.langs-sub > li:last-of-type, .profile-sub > li:last-of-type { margin-bottom: 10px; }
.langs-sub a, .profile-sub a { padding: 4px 10px 4px 36px; display: block; }
.profile-sub a { padding-left: 15px; padding-right: 10px; overflow-wrap: break-word; }

.secondary-nav .sec-sep { content: ''; flex: 0 0 auto; display: block; width: 1px; height: 60px; background-color: #595959; margin: auto 30px; }

.secondary-nav ul { list-style: none; margin: 0; padding: 0; }
#profile-menu .profile-main::before, #profile-menu-mobile .profile-main::before { content: ''; width: 16px; height: 16px; display: inline-block; margin-right: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M8.82696 15.5002H16.3316V13.5788C16.3316 13.5788 13.4609 10.2061 8.82696 10.2061C4.19301 10.2061 1.32227 13.5788 1.32227 13.5788V15.5002H8.82696Z' stroke='%23EDEDED' stroke-miterlimit='10'/%3E%3Cpath d='M8.35776 7.55886C10.1711 7.55886 11.6411 5.97868 11.6411 4.02943C11.6411 2.08018 10.1711 0.5 8.35776 0.5C6.54445 0.5 5.07446 2.08018 5.07446 4.02943C5.07446 5.97868 6.54445 7.55886 8.35776 7.55886Z' stroke='%23EDEDED' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat center/contain; }

.secondary-nav a { text-decoration: none!important; }

#offcanvasMenu, #offcanvasFacets, #offcanvasMenu *, #offcanvasFacets * { outline: 0!important; }
#offcanvasMenu, #offcanvasFacets { border-left-color: #333333; }
#offcanvasMenu { background: #000; }
#offcanvasMenu .btn-close, #offcanvasMenu .btn-close:hover, #offcanvasMenu .offcanvas-header .btn-close, #offcanvasMenu .offcanvas-header .btn-close:hover {  }
#site-navigation-mobile { padding: 0; }
#primary-menu-mobile, #primary-alt-menu-mobile, .secondary-nav.secondary-nav-mobile { display: block; color: #fff; }
#primary-menu-mobile, #primary-alt-menu-mobile { padding: 0; }
.secondary-nav.secondary-nav-mobile .profile-nav { margin-top: 40px; }
#primary-menu-mobile li, #primary-alt-menu-mobile li { margin-bottom: 14px; }
#primary-menu-mobile a, #primary-alt-menu-mobile a, .secondary-nav.secondary-nav-mobile a, .secondary-nav.secondary-nav-mobile .profile-main, .secondary-nav.secondary-nav-mobile .current-lang { display: block; font-size: 20px; margin-right: 0; }
.secondary-nav.secondary-nav-mobile li { margin-bottom: 11px; }
.secondary-nav.secondary-nav-mobile a { font-size: 18px; }
.secondary-nav.secondary-nav-mobile .langs-sub, .secondary-nav.secondary-nav-mobile .profile-sub { position: static; background: transparent; backdrop-filter: unset; -webkit-backdrop-filter: unset; width: 100%; }
.secondary-nav.secondary-nav-mobile .sec-sep { display: none; }
.secondary-nav.secondary-nav-mobile .langs-sub a, .secondary-nav.secondary-nav-mobile .profile-sub a { padding: 0 0 0 29px; }
.secondary-nav.secondary-nav-mobile .langs-sub li:last-of-type, .secondary-nav.secondary-nav-mobile .profile-sub li:last-of-type, .secondary-nav.secondary-nav-mobile .langs-sub li:last-of-type > a, .secondary-nav.secondary-nav-mobile .profile-sub li:last-of-type > a { margin-bottom: 0; }
.secondary-nav.secondary-nav-mobile .profile-sub li:last-of-type { padding-bottom: 30px; }
.secondary-nav.secondary-nav-mobile .langs-sub > li, .secondary-nav.secondary-nav-mobile .profile-sub > li { margin-top: 0; }
.secondary-nav.secondary-nav-mobile .langs-sub li:first-of-type > a, .secondary-nav.secondary-nav-mobile .profile-sub li:first-of-type > a { margin-top: 11px; }

/* Posts and pages
--------------------------------------------- */
/*General*/
/*@media (min-width:992px) { .sticky-top.sticky-top-mobile { position: static; } }*/
@media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1328px; } }

.page-template-default .entry-header .entry-title { display: none; }

.bg-gray { background-color: #2C2C2C; }
.bg-grayDark { background-color: #0F0F0F; }
.bg-yellow { background-color: var(--yellow); }
.bg-yellow *, .bg-white * { color: #000; }

.new-badge { display: inline-block; background-color: #fff; font-style: italic; line-height: 1; color: #000; text-transform: uppercase; text-align: center; transform: skewX(-17deg); }
.new-badge > i { display: block; transform: skewX(17deg); }

/*Filters*/
#facets { margin-top: 30px; transition: margin-bottom .35s; }
#facets:not(.open) { margin-bottom: 73px; }

.filter-toggle-btn { font-size: 16px; line-height: 1; outline: 0!important; }
.filter-toggle-btn > span, .filter-toggle-btn::before { vertical-align: middle; }
.filter-toggle-btn.collapsed::before { content: ''; display: inline-block; width: 12px; height: 10px; margin-right: 10px; background: var(--iconFilter) no-repeat center/contain; }
.filter-toggle-btn::before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 10px; background: var(--iconClose) no-repeat center/contain; }
.filter-toggle-btn > span { display: inline-block; }
.filter-toggle-btn:hover { color: var(--yellow); border-color: var(--yellow); }
.filter-toggle-btn.collapsed:hover::before { background-image: var(--iconFilterYellow); }
.filter-toggle-btn:hover::before { background-image: var(--iconCloseYellow); }

#collapseFacets { width: 100%; max-width: 100%; }
.facets-container { margin-top: 73px; }
.facets-container .facetwp-facet { margin-bottom: 73px; }

#offcanvasFacets .facet-listing-wrap { flex-wrap: wrap; justify-content: space-between; }
.page-template-template-media_library #offcanvasFacets .facet-listing-wrap, .archive.tax-attachment_category #offcanvasFacets .facet-listing-wrap { flex-wrap: wrap; justify-content: flex-start; }
.page-template-template-products #offcanvasFacets .facet-wrap:first-child, .archive.tax-prod_cat #offcanvasFacets .facet-wrap:first-child { flex: 0 0 100%; width: 100%; max-width: 100%; margin-right: 0; }
#offcanvasFacets .facet-wrap label { letter-spacing: 0.1em; }
#offcanvasFacets .facetwp-display-value { font-size: 16px; line-height: 26px; text-transform: none; color: var(--gray); padding: 0; letter-spacing: 0; }
#offcanvasFacets .facetwp-checkbox { background: none; border: 1px solid var(--grayDark); padding: 8px 20px; margin-right: 10px; margin-bottom: 10px; display: inline-block; }
#offcanvasFacets .facetwp-checkbox::after { content: ''; display: inline-block; height: 11px; width: 11px; background: var(--iconPlus) no-repeat center/contain; margin-left: 10px; }
#offcanvasFacets .facetwp-checkbox.checked { background: none; border-color: var(--yellow); }
#offcanvasFacets .facetwp-checkbox.checked .facetwp-display-value { color: var(--yellow); }
#offcanvasFacets .facetwp-checkbox.checked::after { background-image: var(--iconPlusYellow); transform: rotate(45deg); }

.btn-close, .btn-close:hover, .offcanvas-header .btn-close, .offcanvas-header .btn-close:hover { opacity: 1; border: none; width: 100%; max-width: 100%; color: var(--grayLight); background: var(--iconClose) no-repeat 0%/14px 14px; font-size: 14px; line-height: 1; text-align: left; padding: 0 0 0 24px; outline: 0!important; box-shadow: none!important; }

.load-more-row { margin-top: 50px; }
.facetwp-facet-result_count { color: var(--grayLight); }
.facetwp-facet-load_more.is-loading button { opacity: 0.3; color: var(--grayLight); border-color: var(--grayLight); }
.facetwp-facet.facetwp-facet-result_count { font-size: 16px; margin-bottom: 0; }
.facetwp-facet.facetwp-facet-load_more { margin-bottom: 0; }
.facetwp-facet.facetwp-facet-load_more button { margin-top: 40px; }

/*Hero*/
#hero { position: relative; padding-top: 116px; height: 600px; overflow: hidden; }
#hero > picture { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
#hero > picture img { object-fit: cover; width: 100%; height: 100%; }

#hero.prod-hero { height: unset; overflow: auto; }
#hero.prod-hero .prod-info { position: relative; z-index: 1; padding-bottom: 78px; }
#hero.prod-hero .prod-summary { display: flex; align-items: center; }
#hero.prod-hero .prod-summary-inner { /*padding-top: 30.4%;*/ padding-right: 20.9%; }
#hero.prod-hero .prod-summary p { font-size: 24px; line-height: 28px; margin-top: 30px; color: var(--grayLightAlt); }

.hero-canvas { display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 1.00) -11%, rgba(165,165,165,0.30) 156%); }
/*.hero-canvas::after { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.20); }*/

.hero-cat-img { position: absolute; z-index: 1; bottom: -41px; left: -69px; right: 0; width: 504px; margin: 0 auto; aspect-ratio: 1/1; user-select: none; }
.hero-cat-img img { object-fit: contain; width: 100%; height: 100%; }

.breadcrumb-container, .hero-content { position: relative; z-index: 2; }
.breadcrumb-container { margin-top: 26px; }
#breadcrumb > * { color: var(--grayLight); font-size: 14px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; }
#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:active, #breadcrumb a:focus { text-decoration: none!important; color: var(--grayLight); }
#breadcrumb a:hover { color: var(--yellow); }
.breadcrumb-sep { margin: auto 10px; }

.hero-content { margin-top: 94px; text-align: center; user-select: none; }
.hero-content p { font-size: 32px; line-height: 1.2em; font-weight: 500; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: var(--grayLightAlt); }

/*Product archive*/
.cat-nav { padding: 31px 0 17px; border-top: 1px solid var(--grayDark); border-bottom: 1px solid var(--grayDark); }
.cat-nav a, .cat-nav a:visited { color: var(--grayLight); text-decoration: none!important; margin-right: 52px; margin-bottom: 14px; display: inline-block; }
.cat-nav a:hover, .cat-nav a.current-page { color: var(--yellow); }
.cat-nav a:last-of-type { margin-right: 0; }
.cat-nav.sticky-top { z-index: 90; }

.cat-nav #catNavAccordion a, .cat-nav #catNavAccordion a:visited { display: block; font-size: 14px; line-height: normal; margin: 0; padding: 6px 0; }
.cat-nav #catNavAccordion a:first-of-type { margin-top: 7px; }
.cat-nav #catNavAccordion, .cat-nav #catNavAccordion * { background-color: transparent; border: 0!important; outline: 0!important; box-shadow: none!important; }
.cat-nav #catNavAccordion button { color: var(--grayLight); padding: 0; font-size: 16px; line-height: normal; }
.cat-nav #catNavAccordion button.accordion-button::after { width: 15px; height: 9px; background-size: 15px auto; background-position: center; }
.cat-nav #catNavAccordion button:hover { color: var(--yellow); }
.cat-nav #catNavAccordion button.accordion-button:hover::after { background-image: var(--bs-accordion-btn-active-icon); }
.cat-nav #catNavAccordion .accordion-body { padding: 0; }

.row.products, .prod-hl, .row.medias-row, .media-lib-item { --bs-gutter-x: 1rem; }
.prod-hl, .media-lib-item { margin-bottom: var(--bs-gutter-x); }
.prod-hl a, .media-lib-item a { text-decoration: none!important; }
.prod-hl-inner { display: flex; flex-direction: row; flex-wrap: wrap; background: var(--grayDark) url(assets/img/prod_list_bg.jpg) no-repeat center/cover; height: 100%; }
.prod-hl-inner > *, .media-lib-item-inner > * { flex: 0 0 100%; max-width: 100%; width: 100%; }
.prod-hl-content { padding: 20px 22px 0; } 
.prod-hl-content h2.small-h2, .media-lib-item h2.small-h2 { margin-bottom: 0; overflow-wrap: break-word; }
.prod-excerpt, .media-excerpt { font-size: 16px; line-height: 125%; margin: 10px 0 0; color: var(--grayLightAlt); }
.prod-hl a:hover .prod-excerpt, .prod-hl a:active .prod-excerpt, .prod-hl a:focus .prod-excerpt { color: var(--yellow); }
.prod-loop-img-container { display: flex; padding: 0 22px 54px; }
.prod-loop-img-wrap { width: 100%; max-width: 347px; margin: 73px auto 0; aspect-ratio: 1/1; }
.prod-loop-img-wrap img { object-fit: contain; width: 100%; max-width: 100%; height: 100%; }

/*Media Library*/
.media-lib-item-inner { display: flex; flex-direction: row; flex-wrap: wrap; height: 100%; border: 1px solid var(--grayDark); }
.media-lib-item-description { padding: 20px 22px 0; }
.media-lib-item-media { padding: 73px 22px 20px; align-self: flex-end; }

.media-lib-icon-wrap { aspect-ratio: 1/1; width: 300px; max-width: 100%; margin: 0 auto 35px; display: flex; align-items: center; justify-content: center; position: relative; }
.media-lib-icon { width: 100%; height: 100%; object-fit: contain; margin: auto; }

.media-lib-item .new-badge { background-color: var(--yellow); font-size: 10px; padding: 3px 5px; margin-bottom: 18px; }
.media-lib-icon-wrap .new-badge { display: none; }

.media-lib-item-meta { display: flex; color: var(--gray); font-size: 16px; line-height: 1; }
.meta-sep { margin: 0 12px; }
.media-lib-item-meta i:not(.new-icon) { display: inline-block; width: 13px; height: 17px; vertical-align: bottom; margin-right: 12px; background: var(--iconFiletype) no-repeat center/contain; }
.media-lib-item-meta a.file-dl { margin-left: auto; color: var(--gray); }
.media-lib-item-meta a.file-dl i { display: inline-block; width: 17px; background: var(--iconDL) no-repeat center/contain; }
.media-lib-item-meta a.file-dl:hover, .media-lib-item-meta a.file-dl:active, .media-lib-item-meta a.file-dl:focus { color: var(--yellow); }
.media-lib-item-meta a.file-dl:hover i, .media-lib-item-meta a.file-dl:active i, .media-lib-item-meta a.file-dl:focus i { background-image: var(--iconDLyellow); }

/*Product single*/
.prod-img-wrap { position: relative; }
.prod-img-wrap .prod-oval { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0.7; user-select: none; }

.prod-info .new-badge { font-size: 12px; padding: 6px 10px; margin-bottom: 15px; }

.prod-img-wrap { aspect-ratio: 1/1; margin-bottom: 30px; }
.prod-gallery-slider-wrap, .prod-img-wrap .prod-oval + img { /*max-height: 530px;*/ max-height: 82.813%; height: 100%; position: relative; top: 50%; transform: translateY(-50%); }
.prod-img-wrap .prod-oval + img { width: 100%; object-fit: contain; }
.prod-gallery-slider { display: none; }
.prod-gallery-slider.slick-initialized.slick-slider { display: block; }
.prod-gallery-slider, .prod-gallery-slider .slick-list, .prod-gallery-slider .slick-track { height: 100%; }
.prod-gallery-slider .slick-slide { outline: 0!important; }
.prod-gallery-slider .slick-prev { left: 0; }
.prod-gallery-slider .slick-next { right: 0; }
.slick-next::before { content: '\203A'; }
.slick-prev::before { content: '\2039'; }
.prod-gallery-slider .slick-prev, .prod-gallery-slider .slick-next { height: 100%; width: 50%; z-index: 1; outline: 0!important; border: none!important; text-align: left; padding: 0 15px; }
.prod-gallery-slider .slick-next { text-align: right; }
.prod-gallery-slider .slick-prev:before, .prod-gallery-slider .slick-next:before { font-size: 80px; line-height: 80px; height: 110px; display: inline-block; opacity: 0; transition: opacity .25s; }
.prod-gallery-slider .slick-prev:hover:before, .prod-gallery-slider .slick-next:hover:before { opacity: 0.75; }
.prod-gallery-slider.slick-dotted.slick-slider { margin-bottom: 0; }
.prod-gallery-slider .slick-slide img { object-fit: contain; width: 100%; height: 100%; }
.prod-gallery-slider .slick-dots { bottom: auto; left: 0; height: 20px; top: calc(100% + 10.4%); }
.prod-gallery-slider .slick-dots li { width: 15px; margin: 0 4px; vertical-align: top; }
.prod-gallery-slider .slick-dots li button { position: relative; width: 15px; }
.prod-gallery-slider .slick-dots li button:before { background: var(--gray); opacity: 1; content: ''; width: 2px; height: 16px; transform: skewX(-17deg); top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.prod-gallery-slider .slick-dots li button:hover:before { background: #fff; }
.prod-gallery-slider .slick-dots li.slick-active button:before { background: #fff; opacity: 1; width: 6px; transition: width .2s; }

#prod-nav, #prod-nav * { background-color: #0F0F0F; }
#prod-nav .accordion a.active, #prod-nav .accordion a.active:visited { color: var(--yellow); }

#prod-details > section { overflow: hidden; padding-top: 112px; padding-bottom: 160px; }
.bar-title { position: relative; z-index: 1; padding-top: 23px; } 
.bar-title::before { position: absolute; z-index: -1; left: calc(-254px - 45px); top: 0; content: ''; display: inline-block; width: 254px; height: 66px; background: var(--yellow); transform: skewX(-17deg); }
.bg-yellow .bar-title::before { background: #fff; }

#glance .bar-title { margin-bottom: 70px; }
.glance-img-wrap { position: relative; aspect-ratio: 475/527; max-width: 475px; width: 100%; }
.glance-img-bg, .glance-img-inner img { object-fit: contain; width: 100%; height: 100%; }
.glance-img-inner { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 0; width: 100%; max-height: 352px; height: 100%; }
.glance-lead-p { font-size: 24px; line-height: 32px; max-width: 87%; }
.glance-cols, a.glance-anchor-link, a.glance-anchor-link:visited { color: var(--grayLight80); }
.glance-right-col { display: flex; flex-wrap: wrap; flex-direction: column; }
a.glance-anchor-link { display: inline-block; border-top: 1px solid var(--grayLight80); margin-top: auto; text-decoration: none!important; max-width: max-content; padding: 10px 4px 4px 0; }
.glance-anchor-link::before { content: ''; display: inline-block; width: 13px; height: 13px; background: var(--iconAnchorLight) no-repeat center/contain; margin-right: 12px; }
a.glance-anchor-link:hover { color: var(--yellow); }
.glance-anchor-link:hover::before { background-image: var(--iconAnchorYellow); }

#benefits .bar-title { margin-bottom: 80px; }
.bene-left *, .bene-left li::before { color: #443600; }
.bene-left li::before { background-color: #443600!important; }
.bene-hl-box { background-color: #FFE066; padding: 25px 10px 10px; }
.bene-hl-box .hl-box-img { padding-left: 0; padding-right: 20px; }
.bene-hl-box *:not(strong):not(h3) { color: #594E24; }
.bene-hl-box ul li::before { background: #594E24!important; }
.bene-hl-box ol li::marker { color: #000; font-weight: bolder; }
.bene-hl-box a[href^="#"] { display: inline-block; padding: 9px 17px; border: 1px solid #594E24; text-decoration: none; margin-top: 6px; }
.bene-hl-box a[href^="#"]::before { content: ''; display: inline-block; width: 13px; height: 13px; background: var(--iconAnchorDark) no-repeat center/contain; margin-right: 14px; }
.bene-hl-box a:hover { color: #000; }

#specs .bar-title { margin-bottom: 44px; }
#spec-filter { margin-bottom: 41px; }
#spec-filter > div { display: inline-block; }
.voltage-btns { margin-right: 7.7%; }
.spec-btn-label { display: block; text-transform: uppercase; font-size: 14px; letter-spacing: 0.1em; margin-bottom: 16px; }
#spec-filter button { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #595959; border: 1px solid var(--gray); letter-spacing: 0.1em; margin-right: 10px; }
#spec-filter button::before { content: ''; display: inline-block; background: var(--grayLightAlt); width: 12px; height: 12px; border-radius: 50%; margin-right: 10px; }
#spec-filter button:hover { border-color: #000; }
#spec-filter button.active { color: #000; border-color: #000; }
#spec-filter button.active::before { background: var(--yellow); border-radius: unset; }
#spec-listing ul { list-style: none; padding: 0; column-count: 2; column-gap: 40px; }
#spec-listing ul .spec { padding-left: 0; border-top: 1px solid var(--gray); border-bottom: 1px solid var(--gray); padding: 16px 0; margin-bottom: -1px; break-inside: avoid-column; display: flex; }
#spec-listing ul .spec::before { content: none; }
#spec-listing ul .spec strong { flex: 0 0 40%; padding-right: 5%; }
#spec-listing ul .spec .spec-value { flex: 0 0 60%; }
#spec-listing ul .spec .spec-value span { color: #595959; }

#videos .bar-title { margin-bottom: 90px; }
#video-slider { min-height: 520px; }
#video-nav { min-height: 150px; margin-top: 65px; }
#video-slider .video-wrap, #video-nav { display: none; }
#video-slider.slick-initialized.slick-slider, #video-nav.slick-initialized.slick-slider { min-height: 0; }
#video-slider.slick-initialized.slick-slider .video-wrap, #video-nav.slick-initialized.slick-slider { display: block; }
.video-wrap h3 { margin-top: 21px; }
.video-nav-item { padding: 0 20px; }
.video-nav-item-inner { cursor: pointer; }
.video-nav-item-inner:hover { opacity: 0.7; }
.nav-placeholder { background: var(--gray) var(--iconPlay) no-repeat center/45px 45px; }
.video-nav-item .video-nav-poster::after { content: ''; display: block; position: absolute; z-index: 1; background: transparent; width: 100%; height: 2px; top: 0; left: 0; }
.video-nav-status { display: none; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--grayLight)!important; border-image: fill 0 linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)); }
.video-nav-status span { overflow-wrap: break-word; max-width: 100%; }
.video-nav-item.slick-current .video-nav-poster::after { background: var(--yellow); }
.video-nav-item.slick-current .video-nav-status { display: flex; }
.video-nav-item h6 { font-size: 16px; font-weight: 500; font-style: normal; margin-top: 16px; }
#video-nav .slick-prev, #video-nav .slick-next { top: 32%; height: auto; outline: 0!important; border: none!important; padding: 0!important; }
#video-nav .slick-prev::before, #video-nav .slick-next::before { font-size: 45px; line-height: 45px; height: 63px; display: inline-block; }
/*For Cookiebot*/
#videos .vid-ext iframe.cookieconsent-optin-marketing, #videos .vid-ext iframe.cookieconsent-optin-statistics { display: block!important; border: 1px solid var(--yellow); width: calc(100% - 1px); }
#videos .vid-ext::after { z-index: -1; content: 'Please accept marketing and statistics cookies to watch this video'; display: block; position: absolute; top: 50%; left: 50%; width: 70%; margin: auto; transform: translate3d(-50%, -50%, 0px); text-align: center; }

#cases .bar-title { margin-bottom: 100px; }
.case { margin-bottom: 150px; }

#downloads .bar-title { margin-bottom: 100px; }
#downloads h6 { font-size: 14px; line-height: normal; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; font-style: normal; margin-bottom: 23px; }
#print-pdf-button { border: none!important; color: #000!important; padding: 0; }
#print-pdf-button, .prod-library-links a { font-size: 24px; font-weight: 500; letter-spacing: 0.1em; text-decoration: none; }
#print-pdf-button:hover, .prod-library-links a:hover { opacity: 0.7; text-decoration: underline; }
#print-pdf-button::before { content: ''; display: inline-block; width: 17px; height: 17px; background: var(--iconDLblack) no-repeat center/contain; position: relative; top: 1px; margin-right: 10px; }
.print-pfd-options { margin-top: 30px; margin-bottom: 48px; }
.pdf-units { margin-right: 40px; }
select#pdf-units { cursor: pointer; font-size: 18px; line-height: 24px; border: 1px solid #000; padding: 2px 19px 2px 9px; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e") no-repeat calc(100% - 5px) calc(50% + 1px)/11px auto; }
select#pdf-units option { background: var(--yellow); font-size: 18px; }
#downloads .custom-cb span.d-inline-block, #downloads .pdf-units span.d-inline-block { font-size: 18px; line-height: 24px; text-transform: none; }
#downloads .custom-cb span.checkmark { top: 2px; }
.prod-library-links h6 { padding-top: 45px; border-top: 1px solid #000; }
.library-links-container { column-count: 3; }
.library-links-container div { break-inside: avoid-column; margin-bottom: 34px; }
.prod-library-links a { color: #000!important; }
.prod-library-links a::after { content: ''; display: inline-block; width: 17px; height: 17px; background: var(--iconForwardBlack) no-repeat center/contain; margin-left: 10px; }

#products .bar-title { margin-bottom: 150px; }

/***Formidable, Login, Reset password & Profile***/
/*Formidable general*/
.frm_forms form { max-width: 632px; margin: 32px auto 0; }
#frm_form_2_container.frm_forms form { max-width: 1080px; }
.with_frm_style .frm_message { margin-bottom: 35px; }
.frm_forms.with_frm_style .frm-show-form div.frm_description { margin-bottom: 39px; }

.with_frm_style .frm_primary_label { padding: 0!important; margin-bottom: 10px; }

.with_frm_style .frm_checkbox > label { text-transform: none!important; }
.with_frm_style .frm_checkbox label input[type="checkbox"], .with_frm_style .frm_radio label input[type="radio"] { margin-right: 18px; position: relative; top: -2px; }
.with_frm_style .frm_checkbox input[type="checkbox"] { cursor: pointer!important; border: 1px solid var(--yellow)!important; border-radius: 2px!important; background: transparent!important; outline: 0!important; box-shadow: none!important; width: 19px!important; height: 19px!important; }
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked, .with_frm_style .frm_checkbox input[type="checkbox"]:not(:checked):focus { background: transparent!important; border-color: var(--yellow)!important; }
.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before { background-image: none!important; background-color: var(--yellow)!important; opacity: 1!important; width: 7px!important; height: 7px!important; border-radius: 50%!important; position: relative!important; top: 5px; margin: auto!important; }

.frm_dropzone.dz-clickable .dz-message { background: none!important; }
.dz-details .dz-filename a { text-decoration: none!important; user-select: none!important; pointer-events: none!important; }

.frm_submit { margin-top: 59px; }

.frm_style_formidable-style.with_frm_style .frm_form_field > .frm_error { color: rgba(249,53,39,1); }

/*Login*/
.logged-in.page-template-template-login .breadcrumb-container { visibility: hidden; }
.logged-in.page-template-template-login .hero-content p { display: none; }
.login-nav-header { margin-top: 80px; margin-bottom: 80px; }

.frm_form_field.login-remember, .page-template-template-login .frm_submit { grid-column: span 6; align-content: center; margin-top: 59px; }
.frm_style_formidable-style.with_frm_style .form-field.frm_form_field.login-remember { margin-bottom: 0; }
.page-template-template-login .frm_style_formidable-style.with_frm_style input[type="submit"] { margin: 0; }
.forgot-pw-container { margin-top: 85px; }
.forgot-pw, .forgot-pw:visited { color: var(--gray); text-decoration: none!important; }
.forgot-pw:hover { color: var(--yellow); }

/*Edit Profile*/
.frm-username { color: var(--gray); }

#frm_field_73_container { margin-bottom: 0; }
#frm_field_73_container > img { margin-bottom: 34px; }

/*Footer*/
#colophon { border-top: 1px solid var(--grayDark); margin-top: 180px; padding: 46px 0 170px; background: url(assets/img/safety_stripes.png) no-repeat 100% 100%/379px 412px; min-height: 484px; }
.single-product #colophon { border-top-color: transparent; background-color: #0F0F0F; }
.single-product #colophon { margin-top: 0; }
#colophon h6, #footer-menu li a { text-transform: uppercase; font-size: 14px; line-height: 22px; font-weight: 400; }
#colophon h6, #colophon li a { color: var(--grayLight); }
#colophon a { text-decoration: none; display: inline-block; line-height: 200%; }
#colophon a:hover, #colophon a:active, #colophon a:focus, #colophon a:hover *, #colophon a:active *, #colophon a:focus * { color: var(--yellow); }
#colophon ul { list-style: none; }
#colophon li { font-size: 16px; }

/* Media queries
--------------------------------------------- */
@media (min-width:1200px) {
	.glance-left-col > *:last-child, .glance-right-col > *:last-child { margin-bottom: 0; }
}

@media (max-width:1450px) {
	.main-navigation a { margin-right: 20px; }
	.secondary-nav .sec-sep { margin: auto 15px; }
}

@media (max-width:1399px) {
/*	.prod-gallery-slider .slick-dots { top: calc(100% + 10px); }*/
}

@media (max-width:1300px) {
	.site-branding, .site-branding:visited { width: 167px; flex: 0 0 167px; }
	.site-branding > img, .footer-branding > img { max-width: 96px; }
	.site-branding span, .footer-branding span { font-size: 14px; margin-left: 13px; }
	.main-navigation a { font-size: 16px; margin-right: 18px; }
	.secondary-nav { font-size: 16px; }
}
	
@media (max-width:1199px) {
	.case-content { padding-right: 30px; }
	.case.case-alt .case-content { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: 30px; }
	
	.footer-branding img { width: 96px; }
	.footer-branding span { font-size: 14px; }
}

@media (max-width:1100px) {
	#masthead-inner { padding: 13px 16px; height: 66px; }
	.secondary-nav .sec-sep { height: 40px; }
	.langs-sub, .profile-sub { top: 45px; }
	#hero:not(.prod-hero) { padding: 96px 12px 0; }
	#hero.prod-hero { padding-top: 96px; }
	.hero-cat-img { bottom: -21px; }
}

@media (max-width:1050px) {
	#masthead { top: 0; }
	#masthead-inner { padding: 12px 12px; height: 56px; }
	#masthead-inner, #masthead-inner::before { width: 100%; margin-left: 0; }
	#site-navigation, .secondary-nav:not(.secondary-nav-mobile) { display: none; }
	#menu-toggle { display: inline-block; }
	
	#hero:not(.prod-hero), #hero.prod-hero { padding-top: 56px; }
	.hero-cat-img { bottom: 19px; }
	
	.breadcrumb-container { margin-top: 14px; margin-bottom: 25px; }
	#breadcrumb a, #breadcrumb span { display: inline-block; }
	#breadcrumb > * { font-size: 12px; line-height: 21px; }
}

@media (max-width:991px) {
	h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }
	h1 { font-size: clamp(56px, 11.3vw, 112px); line-height: clamp(1.1em, 15vw, 1.3em); }
	#hero h1 { margin-bottom: 15px; }
	.hero-content p { font-size: clamp(24px, 3.23vw, 32px); }
	.hero-cat-img { width: clamp(254px, 51vw, 504px); bottom: -6.3vw; top: 0; margin: auto; }
	#hero.prod-hero .prod-summary-inner { padding-right: 13%; }
	#hero.prod-hero h1 { font-size: 50px; }
	#hero.prod-hero .prod-summary p { font-size: 20px; margin-top: 20px; }
	.prod-info .new-badge { font-size: 10px; padding: 5px 10px 4px; margin-bottom: 11px; }
	
	label { font-size: 12px; }
	select { font-size: 14px; line-height: 24px; background-position: calc(100% - 14px) 50%; padding: 5px 41px 5px 14px; }
	option { font-size: 14px; line-height: 24px; }
	
	.prod-gallery-slider .slick-dots li button:before, .slick-dots li button { height: 12px; }
	
	#offcanvasFacets .facets-container { padding: 0; }
	#facets, #facets:not(.open) { margin-top: 20px; transition: unset; margin-bottom: 20px; }
	.filter-toggle-btn { font-size: 14px; }
	.facets-container { margin-top: 32px; }
	#facets .facet-wrap { margin-right: 0; }
	#offcanvasFacets label { width: 100%; max-width: 100%; }
	.facets-container .facetwp-facet { margin-bottom: 30px; }
	.facets-container .facetwp-facet.facetwp-type-checkboxes { margin-bottom: 24px; }
	label > span.label { margin-bottom: 12px; }
	#offcanvasFacets .facetwp-checkbox { margin-right: 6px; margin-bottom: 6px; padding: 5px 17px; }
	#offcanvasFacets .facetwp-display-value { font-size: 14px; line-height: 24px; }
	#offcanvasFacets select { width: 100%; max-width: 100%; }
	
	.cat-nav { padding: 15px 0; }
	
	.row.products, .prod-hl, .row.medias-row, .media-lib-item { --bs-gutter-x: 0.5rem; }
	.prod-hl, .media-lib-item { margin-bottom: 35px; }
	.prod-hl-inner, .media-lib-item-inner { background: none; height: unset; border: none; }
	.prod-hl-content, .media-lib-item-description { padding: 0; }
	.prod-loop-img-container { display: flex; margin-bottom: 14px; padding: 0; aspect-ratio: 168/211; background: var(--grayDark) url(assets/img/prod_list_bg.jpg) no-repeat center/cover; }
	.prod-loop-img-wrap { margin: auto; max-width: 81.64%; }
	
	.media-lib-item-media { border: 1px solid var(--grayDark); margin-bottom: 14px; padding: 15px; align-self: unset; }
/*	.media-lib-item-meta { position: relative; }*/
	.media-lib-icon-wrap { margin-bottom: 25px; }
	.media-lib-icon-wrap + .new-badge { display: none; }
	.media-lib-icon-wrap .new-badge { display: inline-block; position: absolute; z-index: 1; bottom: 5px; left: 8px; margin: 0; padding: 2px 3px; font-size: 8px; }
/*	.meta-sep { display: none; }*/
	.meta-sep { margin: 0 6px; }
/*	.typesize { margin-bottom: 10px; align-items: center; }*/
	.filetype { margin-bottom: 5px; }
/*	.media-lib-item-meta a.file-dl { font-size: 16px; }*/
	
	#prod-details > section { padding-top: 90px; padding-bottom: 100px; }
	.bene-left { padding-right: 30px; }
	.bene-hl-box .hl-box-img { padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5); margin-bottom: 30px; }
	#spec-listing ul { column-count: unset; column-gap: unset; }
	#benefits .bar-title, #videos .bar-title, #cases .bar-title, #downloads .bar-title, #products .bar-title { margin-bottom: 47px; }
	.case { margin-bottom: 50px; }
	.case-img { margin-bottom: 40px; }
	.case-content { padding-right: calc(var(--bs-gutter-x) * .5); }
	.case.case-alt .case-content { padding-left: calc(var(--bs-gutter-x) * .5); }
	#print-pdf-button, .prod-library-links a { font-size: 20px; }
	
	#frm_field_58_container, #frm_field_60_container { grid-column: 1 / span 12; }
	#frm_field_71_container { margin-top: 40px; }
	#frm_field_72_container { margin-bottom: 0; margin-top: 30px; }
}

@media (max-width:767px) {
	body, input, select, optgroup, textarea, .frm_forms.with_frm_style .frm-show-form div.frm_description p { font-size: 14px; line-height: 20px; }
	h2 { font-size: 28px; }
	.bar-title { padding-top: 0; }
	.bar-title::before { height: 33px; top: -50px; left: calc(-254px + 41px); }
	h2.small-h2 { font-size: 16px; }
	h3 { font-size: 20px; }
	#primary ul li, #primary ol li { margin-bottom: calc(1em / 2 - 2px); }
	
	#hero { height: 480px; }
	.hero-cat-img { left: 0; top: 46px; bottom: 0; }
	/*	.hero-content { margin-top: clamp(70px, 18vw, 94px); }*/
	.hero-content { margin-top: 74px; }
	#hero.prod-hero .prod-info { padding-bottom: 45px; }
	#hero.prod-hero .hero-canvas { background: linear-gradient(0deg, rgba(0, 0, 0, 1.00) 12%, rgba(165,165,165,0.30) 156%); }
	#hero.prod-hero .prod-summary { margin-bottom: 35px; }
	#hero.prod-hero .prod-summary-inner { padding-right: 0; text-align: center; margin: auto; max-width: 93%; }
	#hero.prod-hero h1 { font-size: 36px; }
	#hero.prod-hero .prod-summary p { font-size: 18px; line-height: 24px; margin-top: 10px; }
	
/*	.prod-gallery-slider-wrap, .prod-img-wrap .prod-oval + img { max-height: 278px; }*/
	.prod-img-wrap { margin-bottom: 35px; }
	.prod-gallery-slider .slick-dots { top: calc(100% + 16%); }
	
	.single-product #breadcrumb { text-align: center; }
	
	.prod-excerpt, .media-excerpt { font-size: 12px; line-height: normal; margin-top: 4px; }
	
	.media-lib-icon-wrap { margin-bottom: 12px; }
	.media-lib-item-meta { display: block; font-size: 12px; }
	.media-lib-item-meta i:not(.new-icon) { margin-right: 7px; }
	.typesize { margin-bottom: 10px; }
	.media-lib-item-meta a.file-dl { font-size: 14px; }
	
	.with_frm_style .frm_message { margin-bottom: 25px; }
	.login-nav-header { margin-top: 40px; margin-bottom: 40px; }
	
	#prod-details > section { padding-top: 87px; padding-bottom: 80px; }
	#glance .bar-title, #benefits .bar-title, #videos .bar-title, #cases .bar-title, #downloads .bar-title, #products .bar-title { margin-bottom: 40px; }
	.glance-lead-p { font-size: 20px; line-height: 25px; }
	.glance-anchor-link::before { width: 13px; height: 13px; margin-right: 8px; }
	.bene-left { padding-right: calc(var(--bs-gutter-x) * .5); margin-bottom: 30px; }
	.bene-hl-box { margin-right: 0; margin-left: 0; }
	.bene-hl-box a[href^="#"] { padding: 5px 12px; }
	.bene-hl-box a[href^="#"]::before { width: 12px; height: 12px; margin-right: 7px; }
	#spec-filter > div { display: block; }
	.voltage-btns { margin-right: 0; margin-bottom: 30px; }
	.spec-btn-label { margin-bottom: 6px; }
	#spec-listing ul .spec { display: block; padding: 12px 0; }
	#spec-listing ul .spec strong { padding-right: 0; }
	#videos .bar-title { margin-bottom: 55px; }
	.video-wrap h3 { margin-top: 8px; }
	#video-nav { margin-top: 55px; }
	.video-nav-wrap { max-width: calc(100% - 57px); margin: 0 auto; }
	.video-nav-item { padding: 0 6px; }
	#video-nav .slick-prev, #video-nav .slick-next { top: 27%; }
	.nav-placeholder { background-size: 24px 24px; }
	.video-nav-item h6 { font-size: 14px; margin-top: 14px; font-weight: 400; overflow-wrap: break-word; }
	#video-nav .slick-prev, #video-nav .slick-next { top: 34%; }
	.case { margin-bottom: 40px; }
	.case-img { margin-bottom: 25px; }
	#downloads .bar-title { margin-bottom: 65px; }
	#downloads h6 { font-size: 12px; }
	#downloads .custom-cb span.d-inline-block, #downloads .pdf-units span.d-inline-block { font-size: 14px; line-height: normal; }
	#print-pdf-button, .prod-library-links a { letter-spacing: 0.01em; }
	.print-pfd-options { margin-top: 20px; margin-bottom: 30px; }
	.print-pfd-options label { vertical-align: middle; margin-bottom: 10px; }
	.pdf-units { margin-right: 30px; }
	select#pdf-units { font-size: 14px; line-height: normal; }
	select#pdf-units option { font-size: 14px; line-height: normal; }
	.prod-library-links h6 { padding-top: 40px; }
	.library-links-container { column-count: 2; }
	.library-links-container div { margin-bottom: 20px; }
	#products .bar-title { margin-bottom: 80px; }
	
	.with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label { font-size: 14px; }
	.with_frm_style .frm_primary_label { font-size: 12px; }
	.with_frm_style .frm_primary_label { margin-bottom: 6px; }
	.frm_form_field.login-remember, .page-template-template-login .frm_submit { margin-top: 20px; }
	.forgot-pw-container { margin-top: 30px; }
	
	#colophon { padding: 41px 0 325px; background-size: 282px 307px; min-height: unset; margin-top: 80px; }
	#colophon h6, #footer-menu li a { font-size: 12px; line-height: 20px; }
	#colophon li { font-size: 14px; }
}

@media (max-width:575px) {
	.frm_style_formidable-style.with_frm_style .form-field { margin-bottom: 24px; }
	.with_frm_style .frm_primary_label { margin-bottom: 6px; font-size: 12px; }
	.frm_submit { margin-top: 29px; }
}

@media (max-width:575px) {
	#breadcrumb { text-align: center; }
	
	.load-more-row { margin-top: 30px; }
	.facetwp-facet.facetwp-facet-result_count { font-size: 14px; }
	.facetwp-facet.facetwp-facet-load_more button { margin-top: 28px; }
	
	.media-lib-item-meta a.file-dl { font-size: 12px; }
	
	.video-nav-item { padding: 0 3px; }
}

@media (max-width:450px) {
	#downloads .bar-title, #products .bar-title { margin-bottom: 47px; }
	#print-pdf-button, .prod-library-links a { font-size: 16px; }
	#print-pdf-button::before { width: 14px; height: 14px; margin-right: 6px; }
	.prod-library-links a::after { width: 14px; height: 14px; margin-left: 6px; }
}

@media (max-width:419px) {
	#video-nav .slick-prev, #video-nav .slick-next { top: 27%; }
}

/* 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;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* 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;
}

/*--------------------------------------------------------------
# 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;
}
