@charset "UTF-8";
/******************************************************************
Driv Starter theme styles
******************************************************************/
/******************************************************************
/* Colours

Variables written throughout the site. Everything on this page
should decide every colour on the site.
******************************************************************/
/* Alerts */
/* General colours */
/* Brand colours */
/* Using these doesn't tie us down to naming conventions */
/****************************
 Drivkraft Specific colours
****************************/
/* Footer */
/******************************************************************
/* Animation

Pre-defined cubic-beziers adds life to animations. Subtle eases that
enhance the qwuality of an animation.
******************************************************************/
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

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

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

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

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

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

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

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea { /* 1 */
  margin: 0;
}

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

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
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; /* 1 */
  padding: 0; /* 2 */
}

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

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
}

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* generated with grunt-sass-globbing */
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/* 

Rems for the future, PX for the past.

This is a function that has been created to
remove the need to write everything twice when it comes to REMs and PX.

Basically, when you use u(3rem), the px-only variable on the style, 
android and ie page tells the preprocessor to either change all 
values in the breakpoint stylesheets to be either REM or PX, 
and it'll do the math around it. So what you're left with is more hair
at the end of the day.

Source: http://davidwalsh.name/rem-px-browser-function-sass
@Useage: u(3rem); 

*/
/* 1 */
/* This solves an issue with 1px == 1 and 1em == 1, thus 1px == 1em */
/************************
	SQUARE ROOTS
*************************/
/*/////////////////////////////
// Exponent
/////////////////////////////*/
/*************************************
This converts columns to pixels based 
on the $content width 
*************************************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
/* Breakpoints

Written as just the size. This allows combining of these queries
into something like "only screen and landscape and tablet-down"

Good read: http://zellwk.com/blog/media-query-units/
******************************************************************/
/* 	This mixin will help you nest mediaqueries easier.
	@Usage:
		@include wider-than(mobile) 	{ width: 55%; 	}
		@include wider-than(phablet) 	{ width: 65%; 	}
		@include wider-than(tablet) 	{ width: 75%;	}

	Uses the breakpoint map defined inside _breakpoints.scss
*/
/* 
	Blend Modes
	===========
	http://caniuse.com/#feat=css-backgroundblendmode
	@usage:  
		@include blended("url", $colour);
		@include blended("url", $grad: $love);

*/
/*********************
Background colour based on brightness
*********************/
/************************************
		B U T T O N   C O L O U R S
	This mixin gives you a button in any
	colour that you want. It then decides
	if the background is dark or light and
	gives you white or dark grey text colour.
*************************************/
.btn-brand {
  border: 0;
  text-indent: 0;
  display: inline-block;
  cursor: pointer;
  outline: none;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  font-smoothing: antialiased;
  appearance: none;
  text-shadow: 0;
  padding: 0.844rem 1.5rem;
  line-height: 1.125rem;
  font-size: 0.875rem;
}
@media (min-width: 47.9em) {
  .btn-brand {
    padding: 0.8125rem 2rem;
    font-size: 1rem;
  }
}

/*********************
CLEARFIXIN'
*********************/
.clearfix, .cf {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after {
  clear: both;
}

/*********************
C O N T E N T   C H O R E O G R A P H Y
Something that will reorder your content if used correctly.
And on the right browser, of course.
**********************/
/* 
	Counting Elements can be fun.
	http://www.sitepoint.com/using-sass-quantity-queries/

	// If there are exactly 5 elements:
	@include count-is(5){
		// Say something beautiful
	}

	// If there are less than 3 elements:
	@include count-is-less-than(3){
		// Say something beautiful
	}

	// If there are 3 or more elements:
	@include count-is-more-than(3){
		// Say something beautiful
	}

*/
/* Font Smoothing - http://maximilianhoffmann.com/posts/better-font-rendering-on-osx */
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/************************
 I N L I N E - B L O C K
~ Gap Removal Technique ~

@usage: @include ib();
************************/
/* This is quite an experiment with font sizes.
 Basically, i'm using a modualr scale for the type. */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/* this is the padding */
.padding-1 {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.padding-1-top {
  padding-top: 16px;
  padding-top: 1rem;
}
.padding-1-bottom {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.padding-2 {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.padding-2-top {
  padding-top: 32px;
  padding-top: 2rem;
}
.padding-2-bottom {
  padding-bottom: 32px;
  padding-bottom: 2rem;
}

.padding-3 {
  padding-top: 48px;
  padding-bottom: 48px;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.padding-3-top {
  padding-top: 48px;
  padding-top: 3rem;
}
.padding-3-bottom {
  padding-bottom: 48px;
  padding-bottom: 3rem;
}

.padding-4 {
  padding-top: 64px;
  padding-bottom: 64px;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.padding-4-top {
  padding-top: 64px;
  padding-top: 4rem;
}
.padding-4-bottom {
  padding-bottom: 64px;
  padding-bottom: 4rem;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.no-margin-left {
  margin-left: 0;
}

.no-margin-right {
  margin-right: 0;
}

/*********************
Placeholder Mixin
Simply use this in a class somewhere to add placeholder styles.
	@include placeholder {
		colour: $brand-colour;
	}
*********************/
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.screen-reader-text {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/**
 * Unloading the document
 */
@keyframes unload-clicked {
  0% {
    right: 100%;
  }
  100% {
    right: 0%;
  }
}
.unloading {
  cursor: wait !important;
}
.unloading a {
  cursor: wait !important;
}
.unloading .clicked {
  position: relative;
}
.unloading .clicked:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  animation-name: unload-clicked;
  animation-duration: 0.2s;
}

/*
	@include center(x);
 */
* {
  box-sizing: border-box;
}

.w, .completely-wrapped .unslider, #content > .parent-sub-pages, #content > .parent-articles, .woocommerce-breadcrumb {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 47.9em) {
  .w, .completely-wrapped .unslider, #content > .parent-sub-pages, #content > .parent-articles, .woocommerce-breadcrumb {
    width: 96%;
    max-width: 60rem;
  }
}
@media (min-width: 63.9375em) {
  .w, .completely-wrapped .unslider, #content > .parent-sub-pages, #content > .parent-articles, .woocommerce-breadcrumb {
    width: 96%;
    max-width: 70rem;
  }
}
@media (min-width: 77.5em) {
  .w, .completely-wrapped .unslider, #content > .parent-sub-pages, #content > .parent-articles, .woocommerce-breadcrumb {
    width: 96%;
    max-width: 80rem;
  }
}
@media (min-width: 103.75em) {
  .w, .completely-wrapped .unslider, #content > .parent-sub-pages, #content > .parent-articles, .woocommerce-breadcrumb {
    width: 96%;
    max-width: 90rem;
  }
}

/*
  Spacing between elements

  This needs to be uniform throughout the
  whole site. So what I've done here is
  create two variables that handle everything.

  From a design side of things, you should be
  able to get the vertical rhythm on the site
  sorted by changing these four values.

*/
/**
 * Grid.
 * @param  int      $i          Amount of columns needed
 * @param  int      $max:       12            Total amount of columns in grid
 * @param  gutter   $guttering: 1.875rem      Space between columns with rem value
 * @param  boolean  $last:      false         Determines final gutter
 * @return width
 *
 * @usage  @include span(6, 12);              Width with gutter
 * @usage  @include span(4, 12, 1rem);        Width with custom gutter
 * @usage  @include span(6, 12, $last:true);  Last element
 */
/**
 * Font styles
 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.015rem;
  font-family: sans-serif;
  background-color: white;
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
  display: block;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 47.9em) {
  h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1.5rem;
  }
}

h1 {
  font-size: 1.7361111111rem;
}
@media (min-width: 47.9em) {
  h1 {
    font-size: 2.0833333333rem;
  }
}
@media (min-width: 63.9375em) {
  h1 {
    font-size: 2.5rem;
  }
}
@media (min-width: 77.5em) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  font-size: 1.9036560489rem;
}
@media (min-width: 47.9em) {
  h2 {
    font-size: 2.0312010041rem;
  }
}
@media (min-width: 63.9375em) {
  h2 {
    font-size: 2.1672914714rem;
  }
}
@media (min-width: 77.5em) {
  h2 {
    font-size: 2.3125rem;
  }
}

h3 {
  font-size: 1.6464052314rem;
}
@media (min-width: 47.9em) {
  h3 {
    font-size: 1.756714382rem;
  }
}
@media (min-width: 63.9375em) {
  h3 {
    font-size: 1.8744142455rem;
  }
}
@media (min-width: 77.5em) {
  h3 {
    font-size: 2rem;
  }
}

h4 {
  font-size: 1.2348039236rem;
}
@media (min-width: 47.9em) {
  h4 {
    font-size: 1.3175357865rem;
  }
}
@media (min-width: 63.9375em) {
  h4 {
    font-size: 1.4058106842rem;
  }
}
@media (min-width: 77.5em) {
  h4 {
    font-size: 1.5rem;
  }
}

h5, h6 {
  font-size: 1rem;
}

p, .p {
  font-family: sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75;
  -ms-word-break: none;
  word-break: none;
  word-break: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

/******************************************************************
Site Name: MEAT
Author: Eivin + Andrew

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/* Buttons */
/* A nice visual button */
.button,
.wpcf7-submit {
  color: white;
  text-decoration: none;
  text-align: center;
  border: 0;
  display: inline-block;
  transition: all 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
}
.button:hover,
.wpcf7-submit:hover {
  text-decoration: none;
}

/*********************
INPUTS
*********************/
select, textarea, .field, input[type=color], input[type=tel], input[type=search], input[type=url], input[type=email], input[type=number], input[type=week], input[type=time], input[type=month], input[type=date], input[type=datetime-local], input[type=datetime], input[type=password], input[type=text] {
  font-family: sans-serif;
  color: #000;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  padding: 0.615rem 0.6875rem;
  vertical-align: top;
  border: 1px solid #d9d9d9;
  background-color: white;
  border-radius: 2px;
  transition: background-color 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
  appearance: none;
}
select:focus, textarea:focus, .field:focus, input[type=color]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=url]:focus, input[type=email]:focus, input[type=number]:focus, input[type=week]:focus, input[type=time]:focus, input[type=month]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=password]:focus, input[type=text]:focus, select:active, textarea:active, .field:active, input[type=color]:active, input[type=tel]:active, input[type=search]:active, input[type=url]:active, input[type=email]:active, input[type=number]:active, input[type=week]:active, input[type=time]:active, input[type=month]:active, input[type=date]:active, input[type=datetime-local]:active, input[type=datetime]:active, input[type=password]:active, input[type=text]:active {
  outline: 0;
}
select.error, textarea.error, .error.field, input.error[type=color], input.error[type=tel], input.error[type=search], input.error[type=url], input.error[type=email], input.error[type=number], input.error[type=week], input.error[type=time], input.error[type=month], input.error[type=date], input.error[type=datetime-local], input.error[type=datetime], input.error[type=password], input.error[type=text], select.is-invalid, textarea.is-invalid, .is-invalid.field, input.is-invalid[type=color], input.is-invalid[type=tel], input.is-invalid[type=search], input.is-invalid[type=url], input.is-invalid[type=email], input.is-invalid[type=number], input.is-invalid[type=week], input.is-invalid[type=time], input.is-invalid[type=month], input.is-invalid[type=date], input.is-invalid[type=datetime-local], input.is-invalid[type=datetime], input.is-invalid[type=password], input.is-invalid[type=text] {
  color: #fb1a2c;
  border-color: #fb1a2c;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url("../images/error.svg");
  outline-color: #fb1a2c;
}
.no-svg select.error, .no-svg textarea.error, .no-svg .error.field, .no-svg input.error[type=color], .no-svg input.error[type=tel], .no-svg input.error[type=search], .no-svg input.error[type=url], .no-svg input.error[type=email], .no-svg input.error[type=number], .no-svg input.error[type=week], .no-svg input.error[type=time], .no-svg input.error[type=month], .no-svg input.error[type=date], .no-svg input.error[type=datetime-local], .no-svg input.error[type=datetime], .no-svg input.error[type=password], .no-svg input.error[type=text], .no-svg select.is-invalid, .no-svg textarea.is-invalid, .no-svg .is-invalid.field, .no-svg input.is-invalid[type=color], .no-svg input.is-invalid[type=tel], .no-svg input.is-invalid[type=search], .no-svg input.is-invalid[type=url], .no-svg input.is-invalid[type=email], .no-svg input.is-invalid[type=number], .no-svg input.is-invalid[type=week], .no-svg input.is-invalid[type=time], .no-svg input.is-invalid[type=month], .no-svg input.is-invalid[type=date], .no-svg input.is-invalid[type=datetime-local], .no-svg input.is-invalid[type=datetime], .no-svg input.is-invalid[type=password], .no-svg input.is-invalid[type=text] {
  background-image: url("../images/error.png");
}
select.success, textarea.success, .success.field, input.success[type=color], input.success[type=tel], input.success[type=search], input.success[type=url], input.success[type=email], input.success[type=number], input.success[type=week], input.success[type=time], input.success[type=month], input.success[type=date], input.success[type=datetime-local], input.success[type=datetime], input.success[type=password], input.success[type=text], select.is-valid, textarea.is-valid, .is-valid.field, input.is-valid[type=color], input.is-valid[type=tel], input.is-valid[type=search], input.is-valid[type=url], input.is-valid[type=email], input.is-valid[type=number], input.is-valid[type=week], input.is-valid[type=time], input.is-valid[type=month], input.is-valid[type=date], input.is-valid[type=datetime-local], input.is-valid[type=datetime], input.is-valid[type=password], input.is-valid[type=text] {
  color: #81CD8C;
  border-color: #81CD8C;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url("../images/success.svg");
  outline-color: #81CD8C;
}
.no-svg select.success, .no-svg textarea.success, .no-svg .success.field, .no-svg input.success[type=color], .no-svg input.success[type=tel], .no-svg input.success[type=search], .no-svg input.success[type=url], .no-svg input.success[type=email], .no-svg input.success[type=number], .no-svg input.success[type=week], .no-svg input.success[type=time], .no-svg input.success[type=month], .no-svg input.success[type=date], .no-svg input.success[type=datetime-local], .no-svg input.success[type=datetime], .no-svg input.success[type=password], .no-svg input.success[type=text], .no-svg select.is-valid, .no-svg textarea.is-valid, .no-svg .is-valid.field, .no-svg input.is-valid[type=color], .no-svg input.is-valid[type=tel], .no-svg input.is-valid[type=search], .no-svg input.is-valid[type=url], .no-svg input.is-valid[type=email], .no-svg input.is-valid[type=number], .no-svg input.is-valid[type=week], .no-svg input.is-valid[type=time], .no-svg input.is-valid[type=month], .no-svg input.is-valid[type=date], .no-svg input.is-valid[type=datetime-local], .no-svg input.is-valid[type=datetime], .no-svg input.is-valid[type=password], .no-svg input.is-valid[type=text] {
  background-image: url("../images/success.png");
}
select[disabled], textarea[disabled], [disabled].field, input[disabled][type=color], input[disabled][type=tel], input[disabled][type=search], input[disabled][type=url], input[disabled][type=email], input[disabled][type=number], input[disabled][type=week], input[disabled][type=time], input[disabled][type=month], input[disabled][type=date], input[disabled][type=datetime-local], input[disabled][type=datetime], input[disabled][type=password], input[disabled][type=text], select.is-disabled, textarea.is-disabled, .is-disabled.field, input.is-disabled[type=color], input.is-disabled[type=tel], input.is-disabled[type=search], input.is-disabled[type=url], input.is-disabled[type=email], input.is-disabled[type=number], input.is-disabled[type=week], input.is-disabled[type=time], input.is-disabled[type=month], input.is-disabled[type=date], input.is-disabled[type=datetime-local], input.is-disabled[type=datetime], input.is-disabled[type=password], input.is-disabled[type=text] {
  cursor: not-allowed;
  border-color: #f2f2f2;
  opacity: 0.6;
}
select[disabled]:focus, textarea[disabled]:focus, [disabled].field:focus, input[disabled][type=color]:focus, input[disabled][type=tel]:focus, input[disabled][type=search]:focus, input[disabled][type=url]:focus, input[disabled][type=email]:focus, input[disabled][type=number]:focus, input[disabled][type=week]:focus, input[disabled][type=time]:focus, input[disabled][type=month]:focus, input[disabled][type=date]:focus, input[disabled][type=datetime-local]:focus, input[disabled][type=datetime]:focus, input[disabled][type=password]:focus, input[disabled][type=text]:focus, select[disabled]:active, textarea[disabled]:active, [disabled].field:active, input[disabled][type=color]:active, input[disabled][type=tel]:active, input[disabled][type=search]:active, input[disabled][type=url]:active, input[disabled][type=email]:active, input[disabled][type=number]:active, input[disabled][type=week]:active, input[disabled][type=time]:active, input[disabled][type=month]:active, input[disabled][type=date]:active, input[disabled][type=datetime-local]:active, input[disabled][type=datetime]:active, input[disabled][type=password]:active, input[disabled][type=text]:active, select.is-disabled:focus, textarea.is-disabled:focus, .is-disabled.field:focus, input.is-disabled[type=color]:focus, input.is-disabled[type=tel]:focus, input.is-disabled[type=search]:focus, input.is-disabled[type=url]:focus, input.is-disabled[type=email]:focus, input.is-disabled[type=number]:focus, input.is-disabled[type=week]:focus, input.is-disabled[type=time]:focus, input.is-disabled[type=month]:focus, input.is-disabled[type=date]:focus, input.is-disabled[type=datetime-local]:focus, input.is-disabled[type=datetime]:focus, input.is-disabled[type=password]:focus, input.is-disabled[type=text]:focus, select.is-disabled:active, textarea.is-disabled:active, .is-disabled.field:active, input.is-disabled[type=color]:active, input.is-disabled[type=tel]:active, input.is-disabled[type=search]:active, input.is-disabled[type=url]:active, input.is-disabled[type=email]:active, input.is-disabled[type=number]:active, input.is-disabled[type=week]:active, input.is-disabled[type=time]:active, input.is-disabled[type=month]:active, input.is-disabled[type=date]:active, input.is-disabled[type=datetime-local]:active, input.is-disabled[type=datetime]:active, input.is-disabled[type=password]:active, input.is-disabled[type=text]:active {
  background-color: #479AD9;
}
select:placeholder, textarea:placeholder, .field:placeholder, input[type=color]:placeholder, input[type=tel]:placeholder, input[type=search]:placeholder, input[type=url]:placeholder, input[type=email]:placeholder, input[type=number]:placeholder, input[type=week]:placeholder, input[type=time]:placeholder, input[type=month]:placeholder, input[type=date]:placeholder, input[type=datetime-local]:placeholder, input[type=datetime]:placeholder, input[type=password]:placeholder, input[type=text]:placeholder {
  color: rgba(0, 0, 0, 0.25);
}
select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .field::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
select:-moz-placeholder, textarea:-moz-placeholder, .field:-moz-placeholder, input[type=color]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=week]:-moz-placeholder, input[type=time]:-moz-placeholder, input[type=month]:-moz-placeholder, input[type=date]:-moz-placeholder, input[type=datetime-local]:-moz-placeholder, input[type=datetime]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.25);
}
select::-moz-placeholder, textarea::-moz-placeholder, .field::-moz-placeholder, input[type=color]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.25);
}
select:-ms-input-placeholder, textarea:-ms-input-placeholder, .field:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  appearance: none; /* 1 */
  padding-right: 2rem;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDgyIDI3OS4zIDE0LjkgOS40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC00ODIgMjc5LjMgMTQuOSA5LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMjIyO3N0cm9rZS13aWR0aDo0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSItNDY5LjEsMjgxLjMgLTQ3NC41LDI4Ni44IC00ODAsMjgxLjMgIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 92% center;
  background-size: 0.8rem;
}
.no-svg select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAUCAMAAABCtxbIAAAAG1BMVEX///8AAiIAAiIAAiIAAiIAAiIAAiIAAiIAAiJDP+JjAAAACHRSTlMAIEBggKDA8KxW2BUAAABhSURBVHgBXcqxEUQxCANRgQ2o/4pvnNzwVxm8laLGneKyPRVSjN8O+PhtQmUz+LNdGjNY7JHNYLGtZvDhVprBYqd0EODmA8ygyAzIDMgMyAzIDMgMyAzADMAMwFzce0N7P87TCeYxUGxTAAAAAElFTkSuQmCC);
}
@media (max-width: 480px) {
  select {
    font-size: 1rem;
  }
}
.textshadow select:-moz-focusring {
  text-shadow: 0 0 0 #000;
  color: transparent;
}

.btn-brand {
  color: white;
  transition: box-shadow 0.1s cubic-bezier(0.76, 0.95, 0.82, 0.96);
  box-shadow: inset 0 0 0rem 10rem rgba(0, 0, 0, 0);
}
.btn-brand:hover {
  box-shadow: inset 0 0 0rem 10rem rgba(0, 0, 0, 0.2);
  color: white;
  text-decoration: none;
}
.btn-brand:focus, .btn-brand:active {
  box-shadow: inset 0 0 0rem 10rem rgba(255, 255, 255, 0.2);
  color: white;
  box-shadow: none;
}

/* generated with grunt-sass-globbing */
.e-404 {
  padding: 3rem 0;
  text-align: center;
}

.error-404--title {
  padding-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .error-404--title {
    padding-bottom: 4rem;
  }
}

/*

  Animations
  Slide in animations used on the
  cart, filter and menu.

*/
@keyframes slide--in__left {
  from {
    transform: translateX(-100%);
    left: -100%;
    left: -100vw;
  }
  to {
    left: 0;
    transform: translateX(0%);
  }
}
@keyframes slide--out__left {
  from {
    left: 0;
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
    left: -100%;
    left: -100vw;
  }
}
@keyframes slide--in__right {
  from {
    right: -100%;
    right: -100vw;
  }
  to {
    right: 0;
  }
}
@keyframes slide--out__right {
  from {
    right: 0;
  }
  to {
    right: -100%;
    right: -100vw;
  }
}
.content--inx {
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .content--inx {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.content--inx .article {
  margin-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .content--inx .article {
    margin-bottom: 4rem;
  }
}
.content--inx .article--title {
  margin: 0;
  font-size: 1.5rem;
}
.content--inx .article--title a {
  text-decoration: none;
  color: #000;
}

.content--sidebar {
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .content--sidebar {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

body.blog .article--title,
body.archive.date .article--title,
body.single-post .article--title {
  margin: 0;
}
body.blog .article--title a,
body.archive.date .article--title a,
body.single-post .article--title a {
  text-decoration: none;
  color: #000;
}
body.blog .article-time,
body.archive.date .article-time,
body.single-post .article-time {
  color: #000;
  opacity: 0.7;
  display: block;
  border-top: 1px solid #d3d3d3;
  font-size: 1rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
/* Banners and their layouts */
.unslider-arrow img {
  vertical-align: middle;
}

picture {
  overflow: hidden;
  height: 100%;
  display: block;
}
picture source,
picture img {
  width: 100%;
  height: auto;
}
.showcase-3 ~ .showcase-3 picture source,
.showcase-3 ~ .showcase-3 picture img {
  height: 100%;
}

.billboard--container {
  position: relative;
  margin-bottom: 1rem;
}
@media (min-width: 77.5em) {
  .billboard--container {
    margin-bottom: 1.875rem;
  }
}
.billboard--container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.billboard--container li {
  list-style: none;
}
.unslider .billboard--container {
  margin: 0;
  width: 100%;
}

.banner--object {
  line-height: 1;
  container-type: inline-size;
  position: relative;
}
.banner--object .title--top,
.banner--object .title--bottom {
  display: block;
  color: white;
  text-align: center;
}
.banner--object .title--top:empty,
.banner--object .title--bottom:empty {
  display: none;
}
.banner--object .title--top {
  font-size: 1.5rem;
  padding: 0.6rem 0.75rem;
  font-weight: 500;
}
.banner--object .banner__button,
.banner--object .title--bottom {
  font-size: 1rem;
  padding: 0.6rem 0.75rem;
}

.layout-m--center .banner--title,
.layout-t--center .banner--title,
.layout-d--center .banner--title {
  justify-content: center;
}

.banner__button {
  background: white;
  color: black;
  border-radius: 0.5rem;
  text-wrap: balance;
  margin: 0.75rem auto 0;
  font-weight: 400;
  transition: background-color 0.25s, border-color 0.25s;
  border: 1px solid transparent;
}

.banner--object:hover .banner__button {
  background-color: #F5F5F5;
  border-color: #DDDDDD;
}

@media (max-width: 47.9em) {
  .banner--object:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.banner--object--image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
}

.banner--object .gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.06%, rgb(0, 0, 0) 46.37%);
}

.banner--title {
  position: absolute;
  inset: 0;
  padding: max(2rem, 2%);
}

@media screen and (max-width: 30em) {
  .m-tall .banner--title,
  .m-none.t-tall .banner--title,
  .m-none.t-none.d-tall .banner--title {
    padding: 14% 2%;
  }
}
@media (min-width: 30rem) and (max-width: 58rem) {
  .t-tall .banner--title,
  .m-tall.t-none .banner--title {
    padding: 14% 2%;
  }
}
@media (min-width: 58em) {
  .d-tall .banner--title {
    padding: 14% 2%;
  }
}
.uc-m .banner__button,
.uc-m .title--bottom,
.uc-m .title--top,
.uc-t .banner__button,
.uc-t .title--bottom,
.uc-t .title--top,
.uc-d .banner__button,
.uc-d .title--bottom,
.uc-d .title--top {
  text-transform: uppercase;
}

.layout-m--bottom .banner--object--m--title,
.layout-t--bottom .banner--object--t--title,
.layout-d--bottom .banner--object--d--title {
  justify-content: end;
}

@container (min-width: 401px) and (max-width: 600px) {
  .banner--object .title--top {
    font-size: 2rem;
  }
  .banner--object .banner__button,
  .banner--object .title--bottom {
    font-size: 1.25rem;
    padding: 0.75rem 1rem;
  }
}
@container (min-width: 601px) and (max-width: 800px) {
  .banner--object .title--top {
    font-size: 3rem;
  }
  .banner--object .banner__button,
  .banner--object .title--bottom {
    font-size: 1.5rem;
    padding: 0.75rem 1rem;
  }
}
@container (min-width: 801px) {
  .banner--object .title--top {
    font-size: 4rem;
    padding: 1rem 1.5rem;
  }
  .banner--object .banner__button,
  .banner--object .title--bottom {
    font-size: 1.75rem;
    padding: 1rem 1.5rem;
  }
}
.banner--object--m--title {
  display: flex;
  flex-direction: column;
}
.banner--object--m--title--top {
  display: block;
  color: white;
  padding: 0 2rem;
  text-align: center;
  font-size: 1.6464052314rem;
  font-weight: 700;
}
.banner--object--m--title--top:empty {
  display: none;
}
@media (min-width: 47.9em) {
  .banner--object--m--title--top {
    font-size: 1.756714382rem;
  }
}
@media (min-width: 63.9375em) {
  .banner--object--m--title--top {
    font-size: 1.8744142455rem;
  }
}
@media (min-width: 77.5em) {
  .banner--object--m--title--top {
    font-size: 2rem;
  }
}
@media (min-width: 47.9em) {
  .banner--object--m--title {
    display: none;
  }
}

.banner--object--t--title {
  display: none;
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .banner--object--t--title {
    display: flex;
    flex-direction: column;
  }
}

.banner--object--d--title {
  display: none;
}
@media (min-width: 77.5em) {
  .banner--object--d--title {
    display: flex;
    flex-direction: column;
  }
}

/* Layout options */
.showcase-2:nth-of-type(2) ~ .showcase-2 {
  display: none;
}

.showcase-3:nth-of-type(3) ~ .showcase-3 {
  display: none;
}

.showcase-4:nth-of-type(4) ~ .showcase-4 {
  display: none;
}

.showcase-1 {
  width: 100%;
}

@media (min-width: 47.9em) {
  .showcase-2 {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .showcase-2 ~ .showcase-2 {
    margin-right: 0;
  }
}
@media (min-width: 77.5em) {
  .showcase-2 {
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .showcase-2 ~ .showcase-2 {
    margin-right: 0;
  }
}

.showcase-2-5 {
  width: 100%;
}
@media (min-width: 47.9em) {
  .showcase-2-5 {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.6666666667rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .showcase-2-5 ~ .showcase-2-5 ~ .showcase-2-5 {
    margin-right: 0;
  }
}
@media (min-width: 77.5em) {
  .showcase-2-5 {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .showcase-2-5 ~ .showcase-2-5 ~ .showcase-2-5 {
    margin-right: 0;
  }
}

.showcase-3 {
  /* Tablet based banner layout */
  /* Desktop based banner layout */
}
@media (max-width: 47.9em) {
  .showcase-3 {
    margin-bottom: 1rem;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .showcase-3 {
    width: 100%;
    float: left;
  }
  .showcase-3:first-of-type {
    margin-bottom: 1rem;
  }
  .showcase-3:nth-of-type(2), .showcase-3:nth-of-type(3) {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
    height: 48%;
    height: calc(50% - 0.9375rem);
    bottom: 0;
    left: 0;
  }
  .showcase-3:nth-of-type(3) {
    right: 0;
    margin-bottom: 0;
    margin-right: 0;
  }
}
@media (min-width: 77.5em) {
  .showcase-3 {
    width: 64.6666666667%;
    width: calc(66.6555566667% - 0.625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .showcase-3:nth-of-type(2), .showcase-3:nth-of-type(3) {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 0;
    height: 48%;
    height: calc(50% - 0.9375rem);
    position: absolute;
    top: 0;
    right: 0;
  }
  .showcase-3:nth-of-type(3) {
    top: auto;
    bottom: 0;
    margin-bottom: 0;
  }
}

.showcase-4 {
  margin-bottom: 1rem;
}
@media (min-width: 77.5em) {
  .showcase-4 {
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
    margin-bottom: 1.875rem;
  }
  .showcase-4:nth-of-type(even) {
    margin-right: 0;
  }
}

.breadcrumbs__parent {
  background-color: #f3f3f3;
  color: #000;
  padding: 0.5rem 0;
  margin-bottom: 2rem;
  font-size: 0.8rem;
}
@media (min-width: 47.9em) {
  .breadcrumbs__parent {
    font-size: 1rem;
  }
}
.home .breadcrumbs__parent {
  display: none;
}
.archive .breadcrumbs__parent {
  margin-bottom: 0;
}

.woocommerce-breadcrumb {
  zoom: 1;
  font-weight: 600;
}
.woocommerce-breadcrumb:before, .woocommerce-breadcrumb:after {
  content: "";
  display: table;
}
.woocommerce-breadcrumb:after {
  clear: both;
}
.woocommerce-breadcrumb a {
  color: #000;
  text-decoration: none;
  font-weight: 400;
}

/* These are the default wordpress
classes that all themes need */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.searchform {
  position: relative;
}
.searchform input[type=search] {
  width: 100%;
}
.searchform input[type=search]:placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.searchform input[type=search]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.searchform input[type=search]:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.25);
}
.searchform input[type=search]::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.25);
}
.searchform input[type=search]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.searchform input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: 1px solid transparent;
  padding: 0 1.25rem;
  font-size: 0;
  background-color: transparent;
  background-image: url("../images/search.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1rem;
  transition: border 0.1s ease-in-out;
}
.no-svg .searchform input[type=submit] {
  background-image: url("../images/search.png");
}
.searchform input[type=submit]:hover {
  cursor: pointer;
}

@media (max-width: 47.9em) {
  .searchform {
    display: none;
  }
  .search__active .searchform {
    display: block;
  }
  body.search__active {
    overflow: hidden;
  }
  body.search__active .search--trigger {
    height: 40px;
    position: absolute;
    top: 36px;
    z-index: 134124;
    left: 80%;
    background-color: white;
    border: 1px solid #d3d3d3;
    padding: 0 9%;
    background-size: 1rem auto;
  }
  .searchform--inner {
    position: absolute;
    z-index: 2;
    left: 0;
    transform: translateY(-50%);
    transform: none;
    background-color: white;
    color: #000;
    padding: 1rem 0 0.3rem 1rem;
    top: 0;
    width: 75%;
  }
  .searchform--inner input[type=search] {
    background-color: white;
    border-radius: 0;
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
  }
  .searchform--inner input[type=search]:placeholder {
    color: rgba(0, 0, 0, 0.5);
    transition: all 240ms ease-in;
  }
  .searchform--inner input[type=search]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    transition: all 240ms ease-in;
  }
  .searchform--inner input[type=search]:-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 0, 0.5);
    transition: all 240ms ease-in;
  }
  .searchform--inner input[type=search]::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.5);
    transition: all 240ms ease-in;
  }
  .searchform--inner input[type=search]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
    transition: all 240ms ease-in;
  }
  .searchform--inner input[type=submit] {
    top: 1rem;
    height: 70%;
  }
}
.parent-article {
  display: inline-block;
  margin-bottom: 2rem;
  /* Layout */
  width: 100%;
}
.parent-articles {
  zoom: 1;
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.parent-articles:before, .parent-articles:after {
  content: "";
  display: table;
}
.parent-articles:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .parent-articles {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
}
#content > .parent-articles {
  margin-left: auto;
  margin-right: auto;
}
.parent-articles--container {
  padding: 0;
}
.parent-article a {
  color: #000;
  text-decoration: none;
}
.parent-article a:hover {
  color: #000;
  text-decoration: none;
}
.parent-article img {
  margin-bottom: 1rem;
  width: 100%;
  height: 12rem;
  object-fit: cover;
}
.parent-article--title {
  margin-bottom: 0;
}
@media (min-width: 38em) and (max-width: 47.9em) {
  .parent-article {
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .parent-article:nth-of-type(odd) {
    clear: left;
  }
  .parent-article:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .parent-article {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .parent-article:nth-of-type(3n+4) {
    clear: left;
  }
  .parent-article:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
}
@media (min-width: 77.5em) {
  .parent-article {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .parent-article:nth-of-type(3n+4) {
    clear: left;
  }
  .parent-article:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
}

.featured-categories {
  zoom: 1;
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
  text-align: center;
}
.featured-categories:before, .featured-categories:after {
  content: "";
  display: table;
}
.featured-categories:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .featured-categories {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.featured-categories--button {
  background-color: black;
  color: white;
  padding: 0.5rem 1.875rem;
  border-radius: 3rem;
  margin: 0.5rem;
  text-decoration: none;
  display: inline-block;
  transition: all 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
}
.featured-categories--button:hover {
  background-color: #4d4d4d;
}

.standalone--image {
  margin-bottom: 1rem;
}
@media (min-width: 47.9em) {
  .standalone--image {
    margin-bottom: 1.875rem;
  }
}

/**
 * Selected brands from a List of Brands in the content editor
 */
.selected-brands--container {
  margin-bottom: 1rem;
  text-align: center;
}
@media (min-width: 47.9em) {
  .selected-brands--container {
    margin-bottom: 1.875rem;
  }
}
.selected-brands--item {
  display: inline-block;
  font-size: 1rem;
}
.selected-brands--item a {
  display: block;
}
.selected-brands--item img {
  max-width: 5rem;
  height: auto;
  object-fit: contain;
}
@media (min-width: 47.9em) {
  .selected-brands--item img {
    max-width: 6rem;
  }
}
@media (min-width: 77.5em) {
  .selected-brands--item img {
    max-width: 8rem;
  }
}
.selected-brands--items {
  text-align: center;
  font-size: 0;
  border: 1px solid #F5F5F5;
  margin: 0;
  padding: 1rem;
  list-style: none;
  margin-bottom: 1rem;
}
@media (min-width: 47.9em) {
  .selected-brands--items {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 47.9em) {
  .selected-brands .button-brands {
    float: right;
  }
}

/* Replacement for the_content() */
div.paragraph {
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
}
@media (min-width: 47.9em) {
  div.paragraph {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
/* Products on the front page need
to be in column How many columns?
YOU DECIDE! */
/* Product grid */
html.cssgrid ul.products,
html.no-js ul.products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5em;
}
html.cssgrid ul.products::before, html.cssgrid ul.products::after,
html.no-js ul.products::before,
html.no-js ul.products::after {
  display: none;
  content: revoke;
}
@media (min-width: 47.9em) {
  html.cssgrid ul.products,
  html.no-js ul.products {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
  }
}
@media (min-width: 77.5em) {
  html.cssgrid ul.products,
  html.no-js ul.products {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.875em;
  }
}
html.cssgrid ul.products li.product,
html.no-js ul.products li.product {
  width: 100% !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
html.cssgrid .driv-cross-sells ul.products,
html.cssgrid .crosssells ul.products,
html.cssgrid .cross-sells ul.products,
html.no-js .driv-cross-sells ul.products,
html.no-js .crosssells ul.products,
html.no-js .cross-sells ul.products {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 38em) and (max-width: 47.9em) {
  html.cssgrid .columns-2 ul.products,
  html.no-js .columns-2 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
  html.cssgrid .columns-3 ul.products,
  html.no-js .columns-3 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
  html.cssgrid .columns-4 ul.products,
  html.no-js .columns-4 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
  html.cssgrid .columns-5 ul.products,
  html.no-js .columns-5 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
  html.cssgrid .columns-6 ul.products,
  html.no-js .columns-6 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
  html.cssgrid .columns-7 ul.products,
  html.no-js .columns-7 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
  html.cssgrid .columns-8 ul.products,
  html.no-js .columns-8 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  html.cssgrid .columns-2 ul.products,
  html.no-js .columns-2 ul.products {
    grid-template-columns: repeat(1, 1fr);
  }
  html.cssgrid .columns-3 ul.products,
  html.no-js .columns-3 ul.products {
    grid-template-columns: repeat(1.5, 1fr);
  }
  html.cssgrid .columns-4 ul.products,
  html.no-js .columns-4 ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
  html.cssgrid .columns-5 ul.products,
  html.no-js .columns-5 ul.products {
    grid-template-columns: repeat(2.5, 1fr);
    grid-gap: 0.5rem;
  }
  html.cssgrid .columns-6 ul.products,
  html.no-js .columns-6 ul.products {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.5rem;
  }
  html.cssgrid .columns-7 ul.products,
  html.no-js .columns-7 ul.products {
    grid-template-columns: repeat(3.5, 1fr);
    grid-gap: 0.5rem;
  }
  html.cssgrid .columns-8 ul.products,
  html.no-js .columns-8 ul.products {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.5rem;
  }
}
@media (min-width: 63.9375em) {
  html.cssgrid .columns-2 ul.products,
  html.no-js .columns-2 ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
  html.cssgrid .columns-3 ul.products,
  html.no-js .columns-3 ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
  html.cssgrid .columns-4 ul.products,
  html.no-js .columns-4 ul.products {
    grid-template-columns: repeat(4, 1fr);
  }
  html.cssgrid .columns-5 ul.products,
  html.no-js .columns-5 ul.products {
    grid-template-columns: repeat(5, 1fr);
  }
  html.cssgrid .columns-6 ul.products,
  html.no-js .columns-6 ul.products {
    grid-template-columns: repeat(6, 1fr);
  }
  html.cssgrid .columns-7 ul.products,
  html.no-js .columns-7 ul.products {
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 0.5rem;
  }
  html.cssgrid .columns-8 ul.products,
  html.no-js .columns-8 ul.products {
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 0.5rem;
  }
}
html.cssgrid .flex-product-list,
html.no-js .flex-product-list {
  padding-bottom: 0.5rem;
}
@media (min-width: 47.9em) {
  html.cssgrid .flex-product-list,
  html.no-js .flex-product-list {
    padding-bottom: 1rem;
  }
}
@media (min-width: 77.5em) {
  html.cssgrid .flex-product-list,
  html.no-js .flex-product-list {
    padding-bottom: 1.875rem;
  }
}

html.no-cssgrid {
  /* There are 2 products in a row */
  /* There are 3 products in a row */
  /* There are 4 products in a row */
  /* There are 5 products in a row */
  /* There are 6 products in a row */
}
html.no-cssgrid .columns-2 ul.products li.product {
  width: 48%;
  width: calc(49.98889% - 0.9375rem);
  float: left;
  margin-right: 2%;
  margin-right: calc(1.875rem);
}
@media (max-width: 47.9em) {
  html.no-cssgrid .columns-2 ul.products li.product {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  html.no-cssgrid .columns-2 ul.products li.product:nth-of-type(even) {
    clear: right;
    margin-right: 0;
  }
}
html.no-cssgrid .columns-2 ul.products li.product:last-child {
  clear: right;
  margin-right: 0;
}
@media (max-width: 47.9em) {
  html.no-cssgrid .columns-3 ul.products li.product {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  html.no-cssgrid .columns-3 ul.products li.product:nth-of-type(even) {
    clear: right;
    margin-right: 0;
  }
}
@media (min-width: 47.9em) {
  html.no-cssgrid .columns-3 ul.products li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  html.no-cssgrid .columns-3 ul.products li.product:nth-of-type(3n+3) {
    clear: right;
    margin-right: 0;
  }
}
@media (max-width: 47.9em) {
  html.no-cssgrid .columns-4 ul.products li.product {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  html.no-cssgrid .columns-4 ul.products li.product:nth-of-type(even) {
    clear: right;
    margin-right: 0;
  }
}
@media (min-width: 47.9em) {
  html.no-cssgrid .columns-4 ul.products li.product {
    width: 23%;
    width: calc(24.98889% - 1.40625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  html.no-cssgrid .columns-4 ul.products li.product:nth-of-type(4n+4) {
    clear: right;
    margin-right: 0;
  }
}
@media (max-width: 47.9em) {
  html.no-cssgrid .columns-5 ul.products li.product {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  html.no-cssgrid .columns-5 ul.products li.product:nth-of-type(even) {
    clear: right;
    margin-right: 0;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  html.no-cssgrid .columns-5 ul.products li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  html.no-cssgrid .columns-5 ul.products li.product:nth-of-type(3n+3) {
    clear: right;
    margin-right: 0;
  }
}
@media (min-width: 63.9375em) {
  html.no-cssgrid .columns-5 ul.products li.product {
    width: 18%;
    width: calc(19.98889% - 1.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  html.no-cssgrid .columns-5 ul.products li.product:nth-of-type(5n+5) {
    clear: right;
    margin-right: 0;
  }
}
@media (max-width: 47.9em) {
  html.no-cssgrid .columns-6 ul.products li.product {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  html.no-cssgrid .columns-6 ul.products li.product:nth-of-type(even) {
    clear: right;
    margin-right: 0;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  html.no-cssgrid .columns-6 ul.products li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.6666666667rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  html.no-cssgrid .columns-6 ul.products li.product:nth-of-type(3n+3) {
    clear: right;
    margin-right: 0;
  }
}
@media (min-width: 63.9375em) {
  html.no-cssgrid .columns-6 ul.products li.product {
    width: 14.6666666667%;
    width: calc(16.6555566667% - 0.8333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  html.no-cssgrid .columns-6 ul.products li.product:nth-of-type(6n+6) {
    clear: right;
    margin-right: 0;
  }
}

.parent-sub-page {
  display: inline-block;
  margin-bottom: 2rem;
  /* Layout */
}
.parent-sub-pages {
  zoom: 1;
  padding: 2rem 0;
  margin: 1rem 0 2rem;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.parent-sub-pages:before, .parent-sub-pages:after {
  content: "";
  display: table;
}
.parent-sub-pages:after {
  clear: both;
}
#content > .parent-sub-pages {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 47.9em) {
  .parent-sub-pages {
    margin: 2rem 0 4rem;
    padding: 4rem 0;
  }
}
.parent-sub-page a {
  color: #000;
  text-decoration: none;
}
.parent-sub-page a:hover {
  color: #000;
  text-decoration: none;
}
.parent-sub-page img {
  margin-bottom: 1rem;
}
.parent-sub-page--title {
  margin-bottom: 0;
}
@media (max-width: 47.9em) {
  .parent-sub-page {
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .parent-sub-page:nth-of-type(odd) {
    clear: left;
  }
  .parent-sub-page:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .parent-sub-page {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .parent-sub-page:nth-of-type(3n+4) {
    clear: left;
  }
  .parent-sub-page:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
}
@media (min-width: 77.5em) {
  .parent-sub-page {
    width: 23%;
    width: calc(24.98889% - 1.40625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .parent-sub-page:nth-of-type(4n+5) {
    clear: left;
  }
  .parent-sub-page:nth-of-type(4n+4) {
    margin-right: 0;
    clear: right;
  }
}

.floating--image {
  position: relative;
}
.floating--image img {
  position: absolute;
  z-index: 1;
}

/*
  Flex Layout: usp_block
  This is a list of features or statements
  that a company can make. This can be displayed
  in any format, as it is a simple ul/li
*/
.usp__list {
  margin-top: 1.3333333333rem;
  margin-bottom: 1.3333333333rem;
}
@media (min-width: 47.9em) {
  .usp__list {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
.usp__list--container {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.usp__list--item {
  width: 100%;
}
@media (min-width: 47.9em) {
  .usp__list--item {
    width: 33%;
    flex: 1 0 10rem;
  }
}
.usp__list--item--title {
  display: block;
}
.usp__list--item--content {
  display: block;
}

/* Sticky Footer */
html.flexbox div.canvas {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
html.flexbox div.canvas .container {
  flex: 1 1 auto;
}

/* Footer */
.footer {
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
  background-color: #2A2A2A;
  color: white;
  /* Widgets are found in _widgets.scss */
}
@media (min-width: 47.9em) {
  .footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.footer__widget--title {
  color: white;
}
.footer a {
  color: white;
  text-decoration: none;
}

/* Afiliated Logos and company logos*/
.outward--logos, .affiliated--logos {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.outward--logos a, .affiliated--logos li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto 1rem;
  padding: 0 10px;
}

.outward--logos a img, .affiliated--logos li img {
  height: 2.5rem;
  vertical-align: middle;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
html.no-objectfit .outward--logos a img, .outward--logos a html.no-objectfit img, html.no-objectfit .affiliated--logos li img, .affiliated--logos li html.no-objectfit img {
  font-family: "object-fit: contain;";
}

.outward--logos {
  padding-top: 1.3333333333rem;
  padding-bottom: 1.3333333333rem;
}
@media (min-width: 47.9em) {
  .outward--logos {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.post--credits {
  padding: 2rem 0;
  background-color: #111111;
  color: white;
}
.post--copyright {
  margin-bottom: 1rem;
}
@media (min-width: 47.9em) {
  .post--copyright {
    margin-bottom: 0;
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
    text-align: left;
  }
}
.post--social {
  margin-bottom: 1rem;
}
@media (min-width: 47.9em) {
  .post--social {
    margin-bottom: 0;
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    text-align: right;
  }
}

/* The cart in the header */
.header--cart {
  position: relative;
  z-index: 50;
}
.header--cart--link a {
  line-height: 1;
  padding: 0.975rem 1rem;
  font-weight: 700;
  text-decoration: none;
  display: block;
}
.header--cart--link a:hover {
  text-decoration: none;
  color: inherit;
}
.header--cart--link .counted {
  display: inline-block;
  margin-right: 0.25rem;
}
@media (max-width: 47.9em) {
  .header--cart {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 0rem 1rem;
    background-color: #2A2A2A;
    color: white;
  }
  .cart-is-empty .header--cart {
    display: none;
  }
  .header ~ .header {
    position: relative;
  }
  body:not(.cart-is-empty) .header ~ .header {
    margin-bottom: 3rem;
  }
  .header--cart--link {
    padding: 0.65rem 1.5rem;
  }
  .header--cart--link a {
    color: white;
  }
}
.header--cart--container {
  top: 100%;
  z-index: 10;
  background-color: white;
  box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.3);
  border: 1px solid #d3d3d3;
  padding: 1rem;
  right: 0;
  position: absolute;
  width: 22rem;
  min-width: 20vw;
  display: none;
}
.header--cart--container.open {
  display: block;
}
.js-off-menu .header--cart--container {
  overflow: hidden;
  top: 0;
  right: -100%;
  position: fixed;
  height: 100%;
  width: 22rem;
  min-width: 27vw;
}
.js-off-menu .header--cart--container.open {
  animation: slide--in__right 0.42s cubic-bezier(0.04, 0.56, 0.71, 0.99) forwards;
}
.cart__inactive .js-off-menu .header--cart--container {
  animation: slide--out__right 1s cubic-bezier(0.04, 0.56, 0.71, 0.99) forwards;
}
.header--cart--title {
  text-align: center;
}
.header--cart--title h3 {
  margin-bottom: 1rem;
}
.header--cart--scroll {
  position: relative;
  width: 100%;
  height: 12rem;
}
.js-off-menu .header--cart--scroll {
  height: 100%;
}
.header--cart--list {
  width: 100%;
  display: block;
}
.js .header--cart--list {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: scroll;
  background-color: white;
  padding-bottom: 4rem;
}
.js-off-menu .header--cart--list {
  height: 60%;
  height: calc(100% - 11.5rem);
}
.header--cart--list tbody {
  width: 100%;
  display: table;
}
.empty-cart {
  text-align: center;
}

.header--cart--item {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.header--cart--item:not(:only-child):not(:first-child) td {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.header--cart--item td {
  vertical-align: top;
  padding: 0.5rem 0;
}
.header--cart--item td:first-child {
  padding-left: 0.5rem;
}
.header--cart--item td:last-child {
  padding-right: 0.5rem;
}
.header--cart--item--img {
  vertical-align: top;
  width: 16%;
}
.header--cart--item--img a {
  display: block;
}
.header--cart--item--img img {
  width: 100%;
  height: auto;
  max-width: 4rem;
  max-height: 4rem;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 2px;
  border: 1px solid #d3d3d3;
  overflow: hidden;
}
html.no-objectfit .header--cart--item--img img {
  font-family: "object-fit: contain;";
}
.header--cart--item--details {
  width: 59%;
  padding: 0 0.5rem;
  vertical-align: top;
  text-align: left;
}
.js-off-menu .header--cart--item--details {
  width: auto;
  padding-right: 0.25rem;
}
.header--cart--item--meta {
  color: #000;
  margin: 0;
}
.header--cart--item--meta:empty {
  display: none;
}
.header--cart--item--name {
  color: #000;
  padding-left: 1rem;
  display: inline-block;
  font-size: 0.8rem;
  text-decoration: none;
}
.header--cart--item--name a {
  text-decoration: none;
  color: #000;
  font-size: 0.8rem;
}
.header--cart--item--title a {
  text-decoration: none;
  color: #000;
  font-size: 0.8rem;
}
.header--cart--item--cost {
  width: 25%;
  vertical-align: middle;
}
.js-off-menu .header--cart--item--cost {
  vertical-align: top;
}
.header--cart--item:hover .header--cart--item--options {
  left: 0;
  transition: left 0.45s cubic-bezier(0.76, 0.95, 0.82, 0.96);
}
.header--cart--item--price, .header--cart--item--quantity {
  vertical-align: middle;
  display: inline-block;
  text-align: right;
}
.header--cart--item--price input, .header--cart--item--quantity input {
  width: 100%;
  padding: 0.25rem;
}
.header--cart .item--quantity {
  text-align: center;
  font-size: 0.8rem;
}
.js-off-menu .header--cart .item--quantity {
  border: 0;
}
.header--cart--subtotal {
  border-top: 1px solid #d3d3d3;
  background-color: white;
  width: 100%;
  padding: 1rem;
  text-align: center;
}
.js-off-menu .header--cart--subtotal {
  position: absolute;
  bottom: 4rem;
  right: 0;
  box-shadow: 0 -3rem 4rem 1rem white;
}
.header--cart--sub:first-child {
  padding-right: 1rem;
  font-weight: 700;
}
.header--cart--checkout {
  border-top: 1px solid #d3d3d3;
  background-color: white;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 1rem;
  text-align: center;
}
.header--cart--btn {
  padding: 0.5rem 1rem;
  width: 48%;
  width: calc(49.98889% - 0.375rem);
  float: left;
  margin-right: 2%;
  margin-right: calc(0.75rem);
  text-decoration: none;
  color: white;
}
.header--cart--btn ~ .header--cart--btn {
  margin-right: 0;
}

.btn--cart {
  background-color: #479AD9;
}
.btn--cart:visited {
  text-decoration: none;
}

.btn--checkout {
  background-color: #81CD8C;
}
.btn--checkout:visited {
  text-decoration: none;
}

dl.variation {
  margin: 0;
  padding: 0;
}
dl.variation dt, dl.variation dd, dl.variation p {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  line-height: 1.4;
}

.remove {
  text-decoration: none;
  line-height: 1;
  font-size: 0.5rem;
  margin-top: 0.2rem;
  padding: 0.15rem;
  display: block;
  float: right;
  vertical-align: middle;
  background-color: #fb1a2c;
  color: white;
}
.remove:hover {
  color: white;
  background-color: #fb1a2c;
  text-decoration: none;
}

/*
Header
*/
.header {
  /* Container for the header */
  /* Upper half of the header*/
  /* Lower half of the header*/
}
.header--line {
  zoom: 1;
}
.header--line:before, .header--line:after {
  content: "";
  display: table;
}
.header--line:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .header--left {
    width: 39.6666666667%;
    width: calc(41.6555566667% - 0.5833333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
}
@media (min-width: 77.5em) {
  .header--left {
    width: 39.6666666667%;
    width: calc(41.6555566667% - 1.09375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
.header--logo {
  width: 100%;
  text-align: center;
  display: none;
}
@media (max-width: 47.9em) {
  .header--logo {
    max-width: 6rem;
  }
}
@media (min-width: 47.9em) {
  .header--logo {
    width: 14.6666666667%;
    width: calc(16.6555566667% - 0.8333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
    display: block;
    padding: 0.25rem 0;
  }
}
@media (min-width: 77.5em) {
  .header--logo {
    width: 14.6666666667%;
    width: calc(16.6555566667% - 1.5625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
.header--logo--mobile {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  line-height: 1;
  padding: 0.65rem;
}
@media (min-width: 47.9em) {
  .header--logo--mobile {
    display: none;
  }
}
@media (min-width: 47.9em) {
  .header--account {
    width: 39.6666666667%;
    width: calc(41.6555566667% - 0.5833333333rem);
    float: left;
    text-align: right;
  }
}
@media (min-width: 77.5em) {
  .header--account {
    width: 39.6666666667%;
    width: calc(41.6555566667% - 1.09375rem);
    float: left;
  }
}
.header--account--list {
  display: inline;
  margin: 0;
  padding: 0;
}
.header--base {
  zoom: 1;
}
.header--base:before, .header--base:after {
  content: "";
  display: table;
}
.header--base:after {
  clear: both;
}
.header--search .search--trigger {
  line-height: 1;
  padding: 0.65rem 0;
  text-decoration: none;
  color: #000;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  display: block;
  z-index: 10;
  transform: translateY(-50%);
}
@media (min-width: 47.9em) {
  .header--search .search--trigger {
    display: none;
  }
}
@media (min-width: 47.9em) {
  .header--search {
    width: 23%;
    width: calc(24.98889% - 1.40625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
@media (min-width: 47.9em) {
  .header--search {
    width: 14.6666666667%;
    width: calc(16.6555566667% - 0.8333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 77.5em) {
  .header--search {
    width: 14.6666666667%;
    width: calc(16.6555566667% - 1.5625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
@media (min-width: 47.9em) {
  .header--navigation {
    width: 64.6666666667%;
    width: calc(66.6555566667% - 0.3333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
    text-align: center;
  }
}
@media (min-width: 77.5em) {
  .header--navigation {
    width: 64.6666666667%;
    width: calc(66.6555566667% - 0.625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
@media (min-width: 47.9em) {
  .header--cart {
    float: right;
    text-align: right;
    margin-right: -1rem;
    line-height: 1;
  }
  .header--cart--link {
    border-left: 1px solid white;
    border-right: 1px solid white;
  }
  .header--cart:hover .header--cart--link {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    box-shadow: 0 4px 1px -1px white;
    position: relative;
    z-index: 20;
  }
  .header--cart:hover .header--cart--container {
    display: block;
  }
}

/* Block level correction */
.header {
  border-bottom: 1px solid #d3d3d3;
  /* Container for the header */
  /* Upper half of the header*/
  /* Lower half of the header*/
}
.header:first-child {
  display: none;
}
@media (min-width: 47.9em) {
  .header:first-child {
    display: block;
  }
}
.header--usp {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1rem 0;
  list-style: none;
  display: none;
}
@media (min-width: 47.9em) {
  .header--usp {
    display: inline-block;
  }
}
.header--usp--item {
  display: inline-block;
  padding-right: 1rem;
  float: left;
  font-size: 0.875rem;
  padding-right: 1rem;
  width: auto;
  /* When shifting to a tablet device,
  we strip the three USPs down to one */
}
.header--usp--item a {
  color: #000;
  text-decoration: none;
}
@media (max-width: 47.9em) {
  .header--usp--item ~ .header--usp--item {
    display: none;
  }
}
@media (max-width: 77.5em) {
  .header--usp--item ~ .header--usp--item ~ .header--usp--item {
    display: none;
  }
}
.header--logo {
  /* Desktop logo shows unlimited size */
  /* Mobiles get to see a tiny logo */
}
a.site-title {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  color: #000;
  line-height: 3;
}

.header--logo img {
  vertical-align: middle;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 47.9em) {
  .header--logo a {
    display: inline-block;
    height: 4rem;
    text-align: center;
    margin: 0 auto;
  }
}
.header--account {
  margin: 0;
  padding: 1rem 0;
  list-style: none;
  display: none;
}
@media (min-width: 47.9em) {
  .header--account {
    display: inline-block;
  }
}
.header--account .menu-item, .header--account--item {
  display: inline-block;
}
@media (min-width: 47.9em) {
  .header--account .menu-item, .header--account--item {
    margin-left: 1rem;
  }
}
.header--account .menu-item a, .header--account--item a {
  color: #000;
  text-decoration: none;
}
.header--account .menu-item:first-of-type, .header--account--item:first-of-type {
  margin-left: 0;
}
.header--account .menu-item:empty, .header--account--item:empty {
  display: none;
  margin: 0;
}
#search_for:target ~ .searchform {
  display: block;
}

/* Index.php */
body.blog #content {
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  body.blog #content {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 63.9375em) {
  .content--inx.single {
    width: 73%;
    width: calc(74.98889% - 0.46875rem);
    float: left;
    float: right;
    padding-left: calc(8.3323333333% - 1.71875rem);
    border-left: 1px solid #d3d3d3;
  }
  .content--inx.single ~ .content--sidebar {
    width: 23%;
    width: calc(24.98889% - 1.40625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}

/**
 * Extending the sub menu of the navigation is hard work.
 * This is those style. Are those styles. 2.30am.
 */
.sub-menu--extension {
  display: none;
}

@media (min-width: 63.9375em) {
  .sub-menu--container:nth-last-child(2):first-child:first-child, .sub-menu--container:nth-last-child(2):first-child ~ *:first-child {
    width: 64.6666666667%;
    width: calc(66.6555566667% - 0.3333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .sub-menu--container:nth-last-child(2):first-child:first-child .sub-menu--column, .sub-menu--container:nth-last-child(2):first-child ~ *:first-child .sub-menu--column {
    flex: 1 0 7rem;
  }
  .sub-menu--container:nth-last-child(2):first-child:last-child, .sub-menu--container:nth-last-child(2):first-child ~ *:last-child {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.6666666667rem);
    float: left;
    float: right;
  }
  .sub-menu--extension {
    display: inline-block;
  }
  .sub-menu--extension--title {
    font-weight: 600;
    font-size: 1.25rem;
  }
  .sub-menu--products ul.products li.product {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
    min-height: 15rem;
    border: 0;
  }
  .sub-menu--products ul.products li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .sub-menu--products ul.products li.product h3, .sub-menu--products ul.products li.product h4, .sub-menu--products ul.products li.product .span.price {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  .sub-menu--products ul.products li.product a {
    padding: 0;
  }
  .sub-menu--products ul.products li.product img {
    max-height: 10rem;
    height: 10rem;
    background-color: white;
  }
}
/*
We're using sliding elements
when we use certain elements

*/
.open {
  z-index: 100;
}

/* After the header */
body.home #content > *:first-child {
  margin-top: 0;
}

/* Section Titles */
.section__title {
  zoom: 1;
  text-align: center;
  padding-bottom: 2.6666666667rem;
}
.section__title:before, .section__title:after {
  content: "";
  display: table;
}
.section__title:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .section__title {
    padding-bottom: 4rem;
  }
}
.section__title--heading {
  margin: 0;
}
.section__title--link {
  margin-top: 1.3333333333rem;
}
@media (min-width: 47.9em) {
  .section__title--link {
    margin-top: 2rem;
  }
}

.brand {
  /* The letter groups */
}
.brand__aphabet {
  margin-top: 2.6666666667rem;
  margin-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .brand__aphabet {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.brand__aphabet--heading {
  padding-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .brand__aphabet--heading {
    padding-bottom: 4rem;
  }
}
.brand--title {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
.brand--count {
  display: block;
  font-size: 1.125rem;
  font-family: serif;
  text-align: center;
  font-style: italic;
}
.brand__group {
  list-style: none;
  margin: 0;
  padding: 0 0 2rem 0;
}
@media (max-width: 47.9em) {
  .brand__group {
    column-count: 2;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .brand__group {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .brand__group:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
}
@media (min-width: 77.5em) {
  .brand__group {
    width: 23%;
    width: calc(24.98889% - 1.40625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .brand__group:nth-of-type(4n+4) {
    margin-right: 0;
    clear: right;
  }
}
.brand__group--letter {
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 47.9em) {
  .brand__group--letter {
    font-size: 2rem;
  }
}
.brand__group--item a {
  color: #000;
  text-decoration: none;
}

body.single-post #content {
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  body.single-post #content {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 47.9em) {
  .content__single {
    width: 73%;
    width: calc(74.98889% - 0.46875rem);
    float: left;
    float: right;
    margin-bottom: 2rem;
  }
}

/**
 * Super menu
 */
.super__menu {
  position: relative;
  z-index: 50;
  zoom: 1;
  border-bottom: 1px solid #f3f3f3;
}
.super__menu:before, .super__menu:after {
  content: "";
  display: table;
}
.super__menu:after {
  clear: both;
}
.super__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.super__menu a, .super__menu a:hover {
  text-decoration: none;
}
.super__menu--title > a {
  font-weight: 600;
  color: black;
}
@media (max-width: 47.9em) {
  .super__menu--item {
    width: 100%;
  }
}
.super__menu--item {
  display: inline-block;
}
.super__menu--item a {
  display: block;
}
.super__menu--item.kids > a::after {
  content: "▼";
  font-size: 0.5rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}
@media (max-width: 47.9em) {
  .super__menu--item.kids > a::after {
    float: right;
    padding: 0.5rem;
  }
}
.super__menu--item--link {
  padding: 0.5rem;
}
@media (min-width: 47.9em) {
  .super__menu--item--link {
    padding: 1rem 0.5rem;
  }
}
.super__menu .super__menu--sub-menu {
  flex: 1 0 50%;
  display: inline-block;
  padding: 0.5rem;
}
@media (min-width: 47.9em) {
  .super__menu .super__menu--sub-menu {
    flex: 0 0 16rem;
    padding: 1rem;
  }
}
.super__menu .super__menu--sub-menu li, .super__menu .super__menu--sub-menu a {
  display: block;
}
.super__menu .super__menu--related {
  padding: 1rem;
  border-left: 1px solid #f3f3f3;
  background-color: #F5F5F5;
}
.super__menu .super__menu--related.super__menu--products li.product {
  margin-bottom: 0.25rem;
  padding: 0.25rem 0;
  border-bottom: 1px solid #f3f3f3;
  float: left;
  clear: both;
}
.super__menu .super__menu--related.super__menu--products li.product .squared {
  width: 3.125rem;
  float: left;
}
.super__menu .super__menu--related.super__menu--products li.product .squared img {
  padding: 1px;
}
.super__menu .super__menu--related.super__menu--products li.product .brand__links,
.super__menu .super__menu--related.super__menu--products li.product .link-to-single {
  width: calc(100% - 4rem);
  text-align: left;
  float: right;
  position: relative;
}
.super__menu .super__menu--related.super__menu--products li.product .brand__links--name {
  margin: 0;
  padding: 0;
  font-size: 0.55rem;
}
.super__menu .super__menu--related.super__menu--products li.product .price {
  float: left;
  margin-left: 0.6rem;
  width: 45%;
  text-align: left;
  font-size: 0.75rem;
}
.super__menu .super__menu--related.super__menu--products li.product .price .amount {
  font-size: 0.8rem;
  margin-right: 0.25rem;
}
.super__menu .super__menu--related.super__menu--products li.product .product-tags {
  float: right;
  width: 30%;
  text-align: right;
  font-size: 0.8rem;
}
.super__menu .super__menu--related.super__menu--products li.product .product-tags .single-product__meta {
  margin-bottom: 0;
}
.super__menu .super__menu--related.super__menu--products li.product h3 {
  font-size: 0.8rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.super__menu .super__menu--related.super__menu--products li.product .edit-this-product,
.super__menu .super__menu--related.super__menu--products li.product .favourite--item,
.super__menu .super__menu--related.super__menu--products li.product form {
  display: none;
}
@media (max-width: 47.9em) {
  .super__menu .separator {
    width: 100%;
    height: 0;
    border-top: 1px solid #000;
    margin: 0;
    display: block;
  }
}
@media (min-width: 47.9em) {
  .super__menu .separator {
    margin: 0 0.5rem;
    display: inline-block;
    width: 0;
    border-left: 1px solid #f3f3f3;
  }
}

/* End of the super menu wrap */
.hidden__dragon {
  display: none;
  width: 100%;
  background-color: white;
  border-top: 1px solid #f3f3f3;
}
.hidden__dragon:empty {
  display: none !important;
}
@media (min-width: 47.9em) {
  .hidden__dragon {
    box-shadow: 0 20px 20px -15px rgba(42, 42, 42, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
  }
  .super__menu--item:hover .hidden__dragon {
    display: block;
  }
}
.hidden__dragon--columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 47.9em) {
  .hidden__dragon--columns:not(:only-child) {
    width: 64.6666666667%;
    width: calc(66.6555566667% - 0.625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
@media (min-width: 47.9em) {
  .hidden__dragon .super__menu--related {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
  }
}

/**
 *
 Font styles
 */
body {
  font-family: sans-serif;
  color: #000;
  font-weight: 300;
}

a:hover {
  text-decoration: underline;
}

h1 {
  color: #000;
  font-weight: 200;
}

h2 {
  color: #000;
  font-weight: 200;
}

h3 {
  color: #000;
  font-weight: 200;
}

h4 {
  color: #000;
  font-weight: 200;
}

h5 {
  color: #000;
  font-weight: 200;
}

h6 {
  color: #000;
  font-weight: 200;
}

/**
 * Widgets are used in footers and sidebars
 * to allow content to be editable
 */
/*
  Footer widgets are in a column
  The default behavior is four columns.
*/
@media (min-width: 47.9em) {
  .footer__widget {
    width: 25%;
    float: left;
  }
}
.footer__widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-account div.woocommerce {
  zoom: 1;
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
body.woocommerce-account div.woocommerce:before, body.woocommerce-account div.woocommerce:after {
  content: "";
  display: table;
}
body.woocommerce-account div.woocommerce:after {
  clear: both;
}
@media (min-width: 47.9em) {
  body.woocommerce-account div.woocommerce {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
body.woocommerce-account .login-form--container,
body.woocommerce-account .lost_reset_password {
  width: 100%;
  max-width: 22rem;
  margin: 0 auto;
}

.lost_reset_password .form-row {
  width: 100%;
  margin-right: 0;
}

@media (min-width: 47.9em) {
  .woocommerce-MyAccount-navigation {
    width: 23%;
    width: calc(24.98889% - 1.40625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
    border-right: 1px solid #d3d3d3;
  }
}
.woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-MyAccount-navigation li.is-active a {
  font-weight: 700;
}
.woocommerce-MyAccount-navigation a {
  padding: 0.3rem;
  display: block;
  text-decoration: none;
  color: #000;
}

@media (min-width: 47.9em) {
  .woocommerce-MyAccount-content {
    width: 73%;
    width: calc(74.98889% - 0.46875rem);
    float: left;
    padding-left: calc(4.1656666667% - 1.796875rem);
  }
}

/* Based on the plugin Driv-add-to-cart-modal */
.driv-quantity-update-box {
  margin: 0 auto;
  font-size: 0;
}

.driv-decrease-product-quantity,
.driv-increase-product-qty {
  border-radius: 0;
  color: #000;
}

.driv-decrease-product-quantity {
  border-right: 0;
}

.driv-increase-product-qty {
  border-left: 0;
}

input[type=text].driv-product-qty {
  border-radius: 0;
}

/* The top of category pages*/
.parent--archive--description {
  z-index: 1;
  position: relative;
  background-size: 100% auto, 100px 100px;
  background-size: cover, 100px 100px;
  background-repeat: no-repeat, repeat;
  background-position: center center;
  backdrop-filter: blur(10px);
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .parent--archive--description {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.parent--archive--description:before {
  content: "";
  display: block !important;
  background-color: rgba(0, 0, 0, 0.5);
  background-size: 100px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAABC1BMVEUAAABmZmZjY2NmZmZAQEBhYWFiYmJhYWFeXl4AAABeXl5iYmJjY2NVVVViYmJcXFxfX19gYGBkZGRkZGRhYWFaWlpeXl5VVVVgYGBcXFxeXl5gYGBVVVVbW1tmZmZgYGBdXV1dXV1gYGCAgIBdXV1mZmZtbW1gYGBZWVljY2NVVVViYmJkZGRVVVUAAABkZGRJSUlOTk5bW1tjY2NfX19lZWVdXV1gYGBYWFhiYmJiYmJdXV1XV1dVVVVeXl5jY2NjY2NgYGBSUlJbW1teXl5hYWFeXl5fX19hYWFaWloAAABSUlJdXV1kZGRVVVVaWlpQUFBZWVljY2NaWlpdXV1cXFxaWlpcXFxgYGAPGsIJAAAAWXRSTlMABR8PBCoNHSYBGy8SAxoyIxAXIRUREwkYGR4lBg4UIAsWCAIpCgcoFyQeIhwMBCkHDS0xKzAhLRpBJzQjEi4+LDUZNTEyRDs/NgIcLC4hHxAUOyU/JCInQDWheScAAAfcSURBVHgBpdgHs+JIlgbQg1koNEKL907QsK0WGu/9TM967/f//5INuzciX7aJ2BOmqp5UuvdmfgkPQE/oAzAAQ+DPGI35BMBEVoHwHUBJ3rQAVcGfC70xMwPmgJkZQhG1FqRjLBlZEdbCxtbOHFNjHw0B2GNiJLHgwFH0d5Q4EQ8LZ8AFgKvUTV46Zw1wh7ADVoQHPnOOf4WniVQtvNjBaRPdHoVjVNuKQaOpha91kJfrZwNn8sINbGJO25ucv4gmjGNPigL4HNBgICbyRa67O7QAfUGT/tVbiDxYJhtdYQZHOmwF6CJGqLgKUGArsGeVCXtYQc8AboInes+059A7ClBfccEb9lgDMPe1SrjBFWUpGIFC4LvFFVNBBNZqAZTy3OR5CBxgOgKsX8CVLQAN35PH8IZKuMvDbsdEoiV6GpboAVBQl6CDcwM444wlLxA6ZitfZwafxXouEBbopO5DMeWjzxtPR8AnG4DnFqYwFk0lamOhhdAJa5QIJTUAPWPChSXCEWEpLD8Xot01vs8PGFHzgNYTc3mRlobQSQzYyFtg52ZdCp8kai2bczSczTQcasITeoQJYHPGmfBDWgB9cPJt1OmSX8HYgAJuYIUJE4mR1BhOK4Aq3cU+4Oogq8OnqW/tIhzRMeZH4MIpSlKMdshbSINdpfv0wAuEeoY7A+lr+dS3spXaAY6DgzEwE1rAcg+MsGRCuOCtArDntZJ4wuxFuEtUzrBO+l2bAYVJH4zBC96EK4CDLcwQ5cPbt3MDT/3nC9hJxUgWrgZgLOytj1E4Ollg9fGX2QWoTYAfWwGwiUf3Pm7pHa1Ea80R7S37qjfWSSl+IsBY4G4AqwqAgbyfap3RPaD8+CLbgbmPfgwTF2x9tB0K8LYdAPwMJexBmwn/VKpSKwFsNADOVn1+zgnUF2992AEa6AucyUfTHFzAWqBmzNVHTzGNQsDGt7Go+EVaM3rml8nJWGYqVLAAMMINjYDuKM9e6lcCBsJBzVGjY8i+ltrAcZg72BcY5E4pB+gnM8ZTiipa5QmYo6SVsxkJSv9fc6ASBS9uWmAGjhSa513OorsIE6DrOgCf4IkRqGQNW/Br3F+gmA5IYlTI2t4EGAhc1QBHtKL5j7sy1Aoj8F4CJ4fMod4t7BwE1H09TL1OotrE16iSbE3AiYPWR2NgLbAbCfxG8Ix7rsLSBDyFdEYjLnoSX5wpDaXi7KoAMxOgxiQyzwieWC8BS3m/XQC0AHSMmQpWUHGnpaYHuODOyQYzFNABO+5oYA64JbGewwjAjDOA0hI8iXL0HQELnkCx8URsg9K4xkQDOph4gS3AkamANzdYsQLO6MfJy2uADcDvpMw4GUgX/BH9XK2AfTwrEklzc+hxve9hAnfM/R6AHgx8VGJLeYCdmYB2Mxeo/IpGYiHAyAbcMB4LTNDscNvKwwh/AAtv6emztxCmNNhI68Q6OqOVcX0v9KBFH/gj6AgV4Ag4YQU/A76kaWVM4RKP+wGEGXCrWMj6DCoIBx/9CarXXzIC4Qbgr5ykLtHL3FkawxrgrwFHlzXJRTthgDV4AXgbjWjShsKrQbyQrtHpjwFWvsb4t/Bkg6ON6QbhTCvdOKLFE53ENj3CCoDLDnOsR9whnFjqQI2GK8AT2MWyl4vfcJNWH0j0/Q1hTWjhCnlrd1ExXHhgNIJKvyZ63IBwpmPVUaNPCf0ZccfX+VvpK8UA5L6K/rvBAps94KEAntLT+PcWwD8wgH/kbQKhQHhZgzsO8kKJBWpAWZrDAXo/AQ+gj6HYiLYhby6WTW03bmAck4Wet5wC4Y342wkbeHts4ShnDybAxRCEzQp9H10JU0ADvHx0AmCUv7J7Cf9EvQIcKkAJGMsaDLeEdyWxlzawQt5TfpUnsr6UdT5hdMndPVT6Ou+4bIgW+wP4Z4Ad0eBRDcJWqFg/jNBBvMKWPrr3gPkOW30w/3vGEHZM9+BggNAHWhiAO6kSKDuQN577Yo8KgH8pIB+zNeHoLBpgLKwIPbHO4ZXGm38lWXs8PkuyUarhBOd8BFtwxMZCYoLCXaqABrxkLFkMBvBAhyOwnAk7MZ4JzIeNrAtgA6AmVOgj7M/8GwAnc+BKTaXFCk8OwvX/7uw88e31oGcRDZ6I7sId/HuaPezesATgiIjC3bfVl4lR3jK6+Sj2r/bPlqSGoMc7ufouvKVGvtkqrdLT0SL0rXDmwAqsQWOTDB09mLOXtycUnMCIMyKwlRegA/oYwAYXT6lrS17UrGuEOZMKh4k1YdnaypuAK/zHXSHcwYFj7n/AYQvLiL8VYOJAC9wA/CdQwZqClrDlYiKrsCK0nPyqAt6Ihq04AGpQIdTCLr3eQ/gctuRNceJ8giGEvhm4Z3PSvICeHhjOhRNYjQDe+uC/mrRM3pwwIKZqhCcsSe2EBwAX7Dx34o7/nkGYxxa/x8IdFOwiJtd84bzDx4E6gJZmBkojnvKeYpDZOn3pXKJNE5C3hgYLhJLMvwsAPwO+M42nhDXigQVQKhQy6sf54/Z44p1NKGEMMeCPK1lL0IAVVYTOkONeXv8HRQdzCPEq+5sWwDZi5cAAxjIKoAPwys/4wJyfXdHMILQ1PC0AvcLBHPAewBl7OS+YV9jZ0fKQ1YtGuAEcGWItb+PEDsI1zf3/AKox2w0NGIENpKEacnJVMMIhWxee2ILZ/wLUfIOVNKkR0gAAAABJRU5ErkJggg==");
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.parent--archive--description h1 {
  font-weight: 700;
  color: white;
}
.parent--archive--description--container {
  position: relative;
  z-index: 20;
}

.billboard__subcategories {
  list-style: none;
  margin: 0;
  padding: 0;
  column-count: 2;
  max-width: 38em;
}
@media (min-width: 77.5em) {
  .billboard__subcategories {
    column-count: 3;
    max-width: 38em;
  }
}
.billboard__subcategories--item {
  padding-bottom: 1rem;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.billboard__subcategories--link {
  font-weight: 700;
  text-decoration: none;
  color: white;
}

.form-row.create-account {
  display: none;
}

td.actions .button, .wc-proceed-to-checkout a {
  /* A nice visual button */
  background-color: #479AD9;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  padding: 0.875rem 2rem;
  border-radius: 0.2rem;
  border: 0;
}

.cart--count {
  display: inline-block;
  width: 3rem;
  text-align: center;
  margin-right: 1rem;
}

.cart--header {
  zoom: 1;
  width: 100%;
  padding: 1rem 0;
}
.cart--header:before, .cart--header:after {
  content: "";
  display: table;
}
.cart--header:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .cart--header {
    padding: 3rem 0;
  }
}
.cart--header--title {
  float: left;
  line-height: 1;
  margin: 0;
}

.wc-proceed-to-checkout a {
  float: right;
}

.shop_table {
  width: 100%;
  border-collapse: collapse;
}
.shop_table th {
  text-align: left;
  font-weight: 400;
}
.shop_table td {
  padding: 0.8rem 0;
  text-align: left;
}
.shop_table tr {
  width: 100%;
}
.shop_table .product-thumbnail img {
  border: 1px solid #d3d3d3;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5px;
  max-width: 45px;
  max-height: 45px;
}
html.no-objectfit .shop_table .product-thumbnail img {
  font-family: "object-fit: contain;";
}
@media (min-width: 47.9em) {
  .shop_table .product-thumbnail img {
    max-width: 75px;
    max-height: 75px;
  }
}
.shop_table input.input-text.qty.text {
  width: 3rem;
  text-align: center;
}
.shop_table td.product-name a {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
  text-decoration: none;
}
.shop_table td.product-name dl.variation dt {
  font-weight: 400;
}
.shop_table td.product-name dl.variation dd, .shop_table td.product-name dl.variation dt, .shop_table td.product-name dl.variation p {
  font-size: 1rem;
}

@media (max-width: 47.9em) {
  .shop_table_responsive {
    /* Specific table rows */
  }
  .shop_table_responsive th {
    display: none;
  }
  .shop_table_responsive tr, .shop_table_responsive td {
    display: inline-block;
    float: left;
    padding: 0;
    border-bottom: 0;
  }
  .shop_table_responsive [data-title]:before {
    content: attr(data-title) ":";
    display: inline-block;
    vertical-align: middle;
  }
  .shop_table_responsive [data-title] > span,
  .shop_table_responsive [data-title] > div {
    display: inline-block;
    vertical-align: middle;
  }
  .shop_table_responsive [data-title=Product] {
    padding-left: 0.5rem;
  }
  .shop_table_responsive [data-title=Product]:before {
    display: none;
  }
  .shop_table_responsive .cart_item {
    margin-bottom: 2rem;
    border-bottom: 1px solid #d3d3d3;
  }
  .shop_table_responsive .product-remove {
    width: 20px;
  }
  .shop_table_responsive .product-thumbnail {
    width: 50px;
  }
  .shop_table_responsive .product-thumbnail img {
    max-width: 100%;
  }
  .shop_table_responsive .product-name {
    width: 70%;
    width: calc(100% - 70px);
    clear: right;
  }
  .shop_table_responsive .product-price {
    width: 100%;
    clear: left;
  }
  .shop_table_responsive .product-quantity {
    width: 100%;
  }
  .shop_table_responsive .product-quantity input {
    padding: 0.3rem;
    width: 2.5rem;
    vertical-align: middle;
    margin-left: 0.3rem;
  }
  .shop_table_responsive .product-subtotal {
    width: 100%;
    clear: right;
  }
}
.cart_item .woocommerce-Price-amount {
  font-size: 1.125rem;
}
.cart_item .product-subtotal {
  font-weight: 700;
}

td.actions {
  width: 100%;
}
td.actions .coupon {
  width: 48%;
  width: calc(49.98889% - 0.9375rem);
  float: left;
  margin-right: 2%;
  margin-right: calc(1.875rem);
}
td.actions .coupon label,
td.actions .coupon input {
  vertical-align: middle;
}
td.actions .coupon label:placeholder,
td.actions .coupon input:placeholder {
  opacity: 0.3;
}
td.actions .coupon label::-webkit-input-placeholder,
td.actions .coupon input::-webkit-input-placeholder {
  opacity: 0.3;
}
td.actions .coupon label:-moz-placeholder,
td.actions .coupon input:-moz-placeholder { /* Firefox 18- */
  opacity: 0.3;
}
td.actions .coupon label::-moz-placeholder,
td.actions .coupon input::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.3;
}
td.actions .coupon label:-ms-input-placeholder,
td.actions .coupon input:-ms-input-placeholder {
  opacity: 0.3;
}
td.actions .button {
  float: right;
}

.cart_totals {
  zoom: 1;
}
.cart_totals:before, .cart_totals:after {
  content: "";
  display: table;
}
.cart_totals:after {
  clear: both;
}
.cart_totals h2 {
  display: none;
}
.cart_totals .shop_table th, .cart_totals .shop_table td {
  text-align: right;
  padding: 0.8rem 0;
}
@media (min-width: 47.9em) {
  .cart_totals .shop_table th {
    padding-right: 1rem;
    vertical-align: top;
  }
}
.cart_totals .shop_table ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cart_totals .shop_table ul li {
  position: relative;
}
.cart_totals .shop_table ul li:not(:only-child):not(:last-child) label {
  border-bottom: 0;
}
.cart_totals .shop_table ul li label {
  border: 1px solid #d3d3d3;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  display: inline-block;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.cart_totals .shop_table ul li label:before {
  content: "";
  height: 100%;
  width: 2.5rem;
  border-right: 1px solid #d3d3d3;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.cart_totals .shop_table ul li input {
  position: absolute;
  left: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
}
.cart_totals .shop_table ul li input:checked {
  display: none;
}
.cart_totals .shop_table ul li input:checked ~ label:before {
  content: "";
  height: 100%;
  width: 2.5rem;
  border-right: 1px solid #5cbf6b;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-image: url("../images/success.svg");
}
.no-svg .cart_totals .shop_table ul li input:checked ~ label:before {
  background-image: url("../images/success.png");
}
@supports (filter: invert(100%)) {
  .cart_totals .shop_table ul li input:checked ~ label:before {
    background-color: #7e3273;
    border-right: 1px solid #903984;
    filter: invert(100%);
  }
}
.cart_totals .wc-proceed-to-checkout {
  zoom: 1;
  padding: 1.875rem 0;
}
.cart_totals .wc-proceed-to-checkout:before, .cart_totals .wc-proceed-to-checkout:after {
  content: "";
  display: table;
}
.cart_totals .wc-proceed-to-checkout:after {
  clear: both;
}

.shipping-calculator-button {
  font-size: 0.9rem;
}

/* The checkout is a mean thing. So we need to unsure it's laid out like a regular site. */
.wrapped--login,
.wrapped--coupon {
  zoom: 1;
  margin: 1rem 0;
}
.wrapped--login:before, .wrapped--login:after,
.wrapped--coupon:before,
.wrapped--coupon:after {
  content: "";
  display: table;
}
.wrapped--login:after,
.wrapped--coupon:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .wrapped--login,
  .wrapped--coupon {
    width: 56.3333333333%;
    width: calc(58.3222233333% - 0.78125rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
.wrapped--login .woocommerce-info,
.wrapped--coupon .woocommerce-info {
  background-color: #FFFDAE;
  padding: 1rem;
}
.wrapped--login .checkout_coupon,
.wrapped--coupon .checkout_coupon {
  margin-top: 1rem;
}

.wrapped--login ~ .wrapped--coupon {
  margin-top: 0;
}

.col2-set {
  zoom: 1;
}
.col2-set:before, .col2-set:after {
  content: "";
  display: table;
}
.col2-set:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .col2-set .col-1 {
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
  .col2-set .col-2 {
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
  }
}

@media (min-width: 47.9em) {
  .woocommerce-checkout .col2-set {
    width: 56.3333333333%;
    width: calc(58.3222233333% - 0.78125rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  width: 100%;
  margin: 0 0 2rem;
}
.woocommerce-checkout .review--container {
  margin-bottom: 2.6666666667rem;
}
@media (min-width: 47.9em) {
  .woocommerce-checkout .review--container {
    margin-bottom: 4rem;
  }
}
@media (min-width: 47.9em) {
  .woocommerce-checkout .review--container {
    width: 35.5%;
    width: calc(37.48889% - 1.171875rem);
    float: left;
    float: right;
  }
}

.checkout--panel,
.review--container {
  border: 1px solid #d3d3d3;
}

#order_review_heading {
  display: none;
  padding: 0.5rem 1.875rem 0;
}

[name=woocommerce_checkout_place_order] {
  /* A nice visual button */
  background-color: #479AD9;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  padding: 0.875rem 2rem;
  border-radius: 0.2rem;
  border: 0;
}

.woocommerce-checkout-payment {
  padding: 1.875rem;
}

.payment_methods {
  margin: 0;
  padding: 0;
  list-style: none;
}

.payment_box p {
  font-size: 0.875rem;
}

/* Required fields */
.woocommerce-invalid-required-field input {
  border: 1px solid #fb1a2c;
}

/* The container for the content */
.content--container {
  margin-bottom: 2rem;
  /* If we have an active sidebar, we're going to use this flag to style the site*/
}
@media (min-width: 63.9375em) {
  .sidebar-shop .content--container {
    display: flex;
  }
}

/* Main content area */
.content--woo {
  width: 100%;
  /* If this page has a sidebar, make the content shorter */
}
.content--woo.there-is-a-sidebar {
  /* When the screen reaches something larger than your hand, we split the content and reorder it. */
}
@media (min-width: 63.9375em) {
  .content--woo.there-is-a-sidebar {
    order: 2;
    width: 73%;
    width: calc(74.98889% - 0.46875rem);
    float: left;
  }
}

/* Display a sidebar */
.content--sidebar {
  /* When the screen reaches something larger than your hand, we split the content and reorder it. */
}
@media (min-width: 63.9375em) {
  .content--sidebar {
    order: 1;
    width: 23%;
    width: calc(24.98889% - 1.40625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}

.filter--bar--container {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding: 1rem 0;
  margin: 1rem auto;
}
@media (min-width: 47.9em) {
  .filter--bar--ordering {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
    float: right;
  }
}
.filter--bar--ordering select {
  width: 100%;
}

.extended--filter--toggle {
  color: white;
  background-color: #2A2A2A;
  color: white;
  text-decoration: none;
  text-align: center;
  border: 0;
  display: inline-block;
  transition: all 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
  font-size: 0.6875rem;
  float: left;
}
.extended--filter--toggle:hover {
  background-color: #1d1d1d;
  color: white;
  text-decoration: none;
}
.extended--filter--toggle:hover {
  cursor: pointer;
}
.extended--filter--toggle::after {
  content: "";
}
.extended--filter--list {
  left: 0;
  display: block;
  position: fixed;
  width: 22rem;
  min-width: 27vw;
  top: 0;
  height: 100%;
  z-index: 10;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 3rem 1.185rem;
}
.js .extended--filter--list {
  left: -100%;
}
.extended--filter--list.open {
  animation: slide--in__left 0.42s cubic-bezier(0.04, 0.56, 0.71, 0.99) forwards;
  z-index: 100;
}
.extended--filter--list.closed {
  animation: slide--out__left 0.42s cubic-bezier(0.04, 0.56, 0.71, 0.99) forwards;
}
.extended--filter--item--title {
  display: block;
}
.extended--filter--item--title ~ select {
  width: 100%;
  margin-bottom: 1rem;
}

body {
  position: relative;
  left: 0;
  transition: left 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96) 0.24s;
}
body.filter__active {
  left: 100px;
}
body.filter__inactive {
  left: 0;
}

/**
 * Price filter widget
 */
.widget_price_filter .price_slider {
  margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4;
  font-size: 0.8751em;
}
.widget_price_filter .price_slider_amount .button {
  font-size: 1.15em;
}
.widget_price_filter .price_slider_amount .button {
  float: left;
}
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  cursor: ew-resize;
  outline: none;
  top: -0.3em;
  margin-left: -0.5em;
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  border-radius: 1em;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  border-radius: 1em;
  border: 0;
}
.widget_price_filter .ui-slider-horizontal {
  height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px;
}

.filter--container {
  zoom: 1;
  margin-bottom: 1rem;
}
.filter--container:before, .filter--container:after {
  content: "";
  display: table;
}
.filter--container:after {
  clear: both;
}
.filter--container .woocommerce-result-count {
  margin: 0;
  width: 48%;
  width: calc(49.98889% - 0.9375rem);
  float: left;
  margin-right: 2%;
  margin-right: calc(1.875rem);
}
.filter--container .woocommerce-ordering {
  width: 48%;
  width: calc(49.98889% - 0.9375rem);
  float: left;
  text-align: right;
}

/* Form rows */
p.form-row {
  margin-top: 0;
}
p.form-row-first {
  width: 48%;
  width: calc(49.98889% - 0.9375rem);
  float: left;
  margin-right: 2%;
  margin-right: calc(1.875rem);
}
p.form-row-last {
  width: 48%;
  width: calc(49.98889% - 0.9375rem);
  float: left;
}
p.form-row-wide {
  width: 98%;
  width: calc(99.98889% - 0rem);
  float: left;
}
p.form-row > label,
p.form-row > input,
p.form-row textarea {
  width: 100%;
  display: block;
}
p.form-row .select2-container .select2-choice {
  padding: 0.40625rem 0.6875rem;
  color: #000;
  font-size: 1rem;
  border-color: #d3d3d3;
}

fieldset {
  padding: 1rem;
}
@media (min-width: 47.9em) {
  fieldset {
    padding: 1.875rem;
  }
}

/* If there is a site-wide notice,
we push the body down and display
the message */
body.woocommerce-demo-store {
  padding-top: 3.2rem;
}

.demo_store {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background-color: #479AD9;
  border-left: 10px solid #2981c4;
  color: white;
  padding: 1rem;
  line-height: 1.4;
}

.woocommerce-message,
.woocommerce-Message {
  width: 100%;
  background-color: #F5F5F5;
  border-left: 5px solid #81CD8C;
  padding: 0.9375rem 1.875rem;
  margin-bottom: 1.875rem;
}
.woocommerce-message .button,
.woocommerce-Message .button {
  margin-right: 1rem;
}
.woocommerce-message a:not(.button),
.woocommerce-Message a:not(.button) {
  color: #81CD8C;
}

.woocommerce-error {
  width: 100%;
  display: inline-block;
  background-color: #F5F5F5;
  border: 1px solid #fb1a2c;
  border-left: 5px solid #fb1a2c;
  padding: 0.9375rem 1.875rem;
  margin-bottom: 1.875rem;
}
.woocommerce-error .button {
  margin-right: 1rem;
}

.woocommerce-thankyou-order-received {
  text-align: center;
  display: block;
  margin: 2rem auto;
  font-size: 1.5rem;
}

.woocommerce-thankyou-order-details.order_details {
  margin: 0;
  padding: 0;
  text-align: center;
}
.woocommerce-thankyou-order-details.order_details ~ .clear ~ p {
  text-align: center;
}
.woocommerce-thankyou-order-details.order_details li {
  display: inline-block;
  margin-right: 1rem;
}
.woocommerce-thankyou-order-details.order_details li strong {
  margin: 0 0.3rem;
  background-color: yellow;
  box-shadow: 5px 0px 0 0px yellow, -5px 0px 0 0px yellow;
}

.pagination,
.woocommerce-pagination {
  zoom: 1;
  display: block;
  text-align: center;
  padding-top: 2.6666666667rem;
  padding-bottom: 2.6666666667rem;
}
.pagination:before, .pagination:after,
.woocommerce-pagination:before,
.woocommerce-pagination:after {
  content: "";
  display: table;
}
.pagination:after,
.woocommerce-pagination:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .pagination,
  .woocommerce-pagination {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.pagination ul,
.woocommerce-pagination ul {
  margin: 0;
  padding: 0;
  list-style: 0;
}
.pagination ul li,
.woocommerce-pagination ul li {
  display: inline-block;
}
.pagination a.page-numbers,
.pagination span.page-numbers,
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers {
  display: inline-block;
  border: 1px solid;
  height: 2rem;
  vertical-align: middle;
  padding: 0 0.75rem;
  line-height: 2;
}

.product-columns-1 li.product {
  width: 100%;
}
@media (max-width: 47.9em) {
  .product-columns-2 li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-2 li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-2 li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  .product-columns-2.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-2.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-2.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 77.5em) {
  .product-columns-2 li.product {
    width: 48%;
    width: calc(49.98889% - 0.5rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .product-columns-2 li.product:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .product-columns-2 li.product:nth-of-type(2n+3) {
    clear: left;
  }
}
@media (max-width: 47.9em) {
  .product-columns-3 li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-3 li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-3 li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  .product-columns-3.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-3.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-3.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .product-columns-3.there-is-no-sidebar li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.5333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.8rem);
  }
  .product-columns-3.there-is-no-sidebar li.product:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-3.there-is-no-sidebar li.product:nth-of-type(3n+4) {
    clear: left;
  }
  .product-columns-3.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-3.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-3.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 77.5em) {
  .product-columns-3 li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.6666666667rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .product-columns-3 li.product:nth-of-type(3n+3) {
    margin-right: 0;
  }
  .product-columns-3 li.product:nth-of-type(3n+4) {
    clear: left;
  }
}
@media (max-width: 47.9em) {
  .product-columns-4 li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-4 li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-4 li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  .product-columns-4.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-4.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-4.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .product-columns-4.there-is-no-sidebar li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.5333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.8rem);
  }
  .product-columns-4.there-is-no-sidebar li.product:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-4.there-is-no-sidebar li.product:nth-of-type(3n+4) {
    clear: left;
  }
  .product-columns-4.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-4.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-4.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 77.5em) {
  .product-columns-4 li.product {
    width: 23%;
    width: calc(24.98889% - 0.75rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .product-columns-4 li.product:nth-of-type(4n+4) {
    margin-right: 0;
  }
  .product-columns-4 li.product:nth-of-type(4n+5) {
    clear: left;
  }
}
@media (max-width: 47.9em) {
  .product-columns-5 li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-5 li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-5 li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  .product-columns-5.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-5.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-5.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .product-columns-5.there-is-no-sidebar li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.5333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.8rem);
  }
  .product-columns-5.there-is-no-sidebar li.product:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-5.there-is-no-sidebar li.product:nth-of-type(3n+4) {
    clear: left;
  }
  .product-columns-5.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-5.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-5.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 77.5em) {
  .product-columns-5 li.product {
    width: 18%;
    width: calc(19.98889% - 0.8rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .product-columns-5 li.product:nth-of-type(5n+5) {
    margin-right: 0;
  }
  .product-columns-5 li.product:nth-of-type(5n+6) {
    clear: left;
  }
}
@media (max-width: 47.9em) {
  .product-columns-6 li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-6 li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-6 li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  .product-columns-6.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-6.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-6.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .product-columns-6.there-is-no-sidebar li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.5333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.8rem);
  }
  .product-columns-6.there-is-no-sidebar li.product:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-6.there-is-no-sidebar li.product:nth-of-type(3n+4) {
    clear: left;
  }
  .product-columns-6.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-6.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-6.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 77.5em) {
  .product-columns-6 li.product {
    width: 14.6666666667%;
    width: calc(16.6555566667% - 0.8333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .product-columns-6 li.product:nth-of-type(6n+6) {
    margin-right: 0;
  }
  .product-columns-6 li.product:nth-of-type(6n+7) {
    clear: left;
  }
}
@media (max-width: 47.9em) {
  .product-columns-7 li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-7 li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-7 li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  .product-columns-7.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-7.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-7.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .product-columns-7.there-is-no-sidebar li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.5333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.8rem);
  }
  .product-columns-7.there-is-no-sidebar li.product:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-7.there-is-no-sidebar li.product:nth-of-type(3n+4) {
    clear: left;
  }
  .product-columns-7.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-7.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-7.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 77.5em) {
  .product-columns-7 li.product {
    width: 12.2857142857%;
    width: calc(14.2746042857% - 0.8571428571rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .product-columns-7 li.product:nth-of-type(7n+7) {
    margin-right: 0;
  }
  .product-columns-7 li.product:nth-of-type(7n+8) {
    clear: left;
  }
}
@media (max-width: 47.9em) {
  .product-columns-8 li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-8 li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-8 li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 63.9375em) {
  .product-columns-8.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-8.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-8.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 47.9em) and (max-width: 77.5em) {
  .product-columns-8.there-is-no-sidebar li.product {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 0.5333333333rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.8rem);
  }
  .product-columns-8.there-is-no-sidebar li.product:nth-of-type(3n+3) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-8.there-is-no-sidebar li.product:nth-of-type(3n+4) {
    clear: left;
  }
  .product-columns-8.there-is-a-sidebar li.product {
    width: 48%;
    width: calc(49.98889% - 0.375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.75rem);
  }
  .product-columns-8.there-is-a-sidebar li.product:nth-of-type(even) {
    margin-right: 0;
    clear: right;
  }
  .product-columns-8.there-is-a-sidebar li.product:nth-of-type(odd) {
    clear: left;
  }
}
@media (min-width: 77.5em) {
  .product-columns-8 li.product {
    width: 10.5%;
    width: calc(12.48889% - 0.875rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1rem);
  }
  .product-columns-8 li.product:nth-of-type(8n+8) {
    margin-right: 0;
  }
  .product-columns-8 li.product:nth-of-type(8n+9) {
    clear: left;
  }
}

/* Product list layout */
ul.products {
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
ul.products:before, ul.products:after {
  content: "";
  display: table;
}
ul.products:after {
  clear: both;
}

/* Direct object Fitting */
li.product img.wp-post-image {
  -o-object-fit: contain;
  object-fit: contain;
}
html.no-objectfit li.product img.wp-post-image {
  font-family: "object-fit: contain;";
}

/* List product specific styles */
li.product {
  position: relative;
  margin-bottom: 3rem;
  /* Reset all links within */
  /* Product images */
  /* Product Name */
  /* Product Price */
  /* Button to visit the product */
}
li.product > a:first-child {
  overflow: hidden;
  display: block;
}
li.product a {
  text-decoration: none;
  color: #000;
}
li.product .add_to_cart_button,
li.product .button.product_type_variable,
li.product .button.product_type_grouped,
li.product .button.product_type_virtual,
li.product .button.product_type_simple {
  color: white;
  text-decoration: none;
  text-align: center;
  border: 0;
  display: inline-block;
  transition: all 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
}
li.product .add_to_cart_button:hover,
li.product .button.product_type_variable:hover,
li.product .button.product_type_grouped:hover,
li.product .button.product_type_virtual:hover,
li.product .button.product_type_simple:hover {
  text-decoration: none;
}
li.product img.wp-post-image {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin-bottom: 1rem;
}
li.product .onsale {
  background: #fb1a2c;
  color: white;
  width: 10rem;
  right: -2rem;
  top: 2rem;
  display: block;
  text-align: center;
  transform: rotate(45deg);
  position: absolute;
  box-shadow: 0px 2px 5px -4px black;
}
li.product .woocommerce-loop-category__title,
li.product h3 {
  color: #000;
  margin: 0 0 1rem;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 600;
}
@media (min-width: 47.9em) {
  li.product .price {
    float: left;
    width: 50%;
    text-align: left;
  }
}
li.product .price ins {
  text-decoration: none;
}
li.product .price ins .amount {
  color: #fb1a2c;
  text-decoration: none;
}
li.product .price .woocommerce-price-suffix {
  display: block;
  text-align: left;
}
@media (min-width: 47.9em) {
  li.product .stock {
    float: right;
    width: 50%;
    text-align: right;
  }
}
li.product .add_to_cart_button {
  display: block;
  float: left;
  width: 100%;
}

.stock {
  display: inline-block;
}
.stock:before {
  content: "";
  height: 1ex;
  width: 1ex;
  border-radius: 4ex;
  background-color: grey;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5ex;
}
.stock.in-stock {
  color: #81CD8C;
}
.stock.in-stock:before {
  background-color: #81CD8C;
}
.stock.out-stock {
  color: #fb1a2c;
}
.stock.out-stock:before {
  background-color: #fb1a2c;
}

.related.products {
  padding: 4rem 0;
}

.swatch-control.radio-select li label {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.radio-select li {
  display: inline-block;
}
.radio-select .radio-option {
  display: none;
}
.radio-select .radio-option:checked ~ label {
  color: white;
}
.radio-select label {
  border: 1px solid #d3d3d3;
  display: block;
  padding: 1rem 0.75rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
  min-width: 4rem;
  text-align: center;
  transition: all 0.14s cubic-bezier(0.76, 0.95, 0.82, 0.96);
  cursor: pointer;
}

/* Required: woocommerce-radio-buttons plugin */
.radio__variations {
  margin: 0;
  padding: 0;
  border: 0;
}
.radio__variations--list {
  margin: 0;
  padding: 0;
}
.radio__variations--item {
  display: inline-block;
}
.radio__variations--item input {
  display: none;
}
.radio__variations--item input:checked ~ label {
  color: white;
}
.radio__variations--item label {
  border: 1px solid #d3d3d3;
  display: block;
  padding: 1rem 0.75rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
  min-width: 4rem;
  text-align: center;
  transition: all 0.14s cubic-bezier(0.76, 0.95, 0.82, 0.96);
  cursor: pointer;
}

p.stars {
  position: relative;
  font-size: 1.5rem;
  margin: 0;
  text-align: left;
  width: 200px;
}
p.stars a {
  display: inline-block;
  font-weight: 700;
  text-indent: -9999px;
  position: relative;
  padding: 0;
  outline: 0;
  width: 1.5rem;
  line-height: 1;
  vertical-align: top;
}
p.stars a:last-child {
  border-right: 0;
}

a.star-5:after, a.star-4:after, a.star-3:after, a.star-2:after, a.star-1:after {
  content: "";
  background-color: #ffcc00;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1Mi4zIiBoZWlnaHQ9IjUyLjMiIHZpZXdCb3g9IjAgMCA1Mi4zIDUyLjMiPjxzdHlsZT4uc3Qwe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48cGF0aCBpZD0iWE1MSURfMTVfIiBjbGFzcz0ic3QwIiBkPSJNMCAwdjUyLjNoNTIuM1YwSDB6bTQwLjggNDguOEwyNi4xIDM4LjUgMTEuNSA0OC44bDUuMi0xNy4xTDIuNCAyMC44bDE3LjktLjQgNS45LTE2LjlMMzIgMjAuNGwxNy45LjQtMTQuMiAxMC44IDUuMSAxNy4yeiIvPjwvc3ZnPg==");
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.05s color cubic-bezier(0.77, 0, 0.175, 1);
}
a.star-5:hover:after, a.star-4:hover:after, a.star-3:hover:after, a.star-2:hover:after, a.star-1:hover:after, a.active.star-5:after, a.active.star-4:after, a.active.star-3:after, a.active.star-2:after, a.active.star-1:after {
  background-color: #ffcc00;
}

a.star-1:hover:after, a.star-1.active:after {
  background-color: #ffcc00;
}
a.star-1:hover ~ a:after, a.star-1.active ~ a:after {
  background-color: rgba(0, 0, 0, 0.2);
}

a.star-2:hover:after, a.star-2.active:after {
  background-color: #ffcc00;
}
a.star-2:hover ~ a:after, a.star-2.active ~ a:after {
  background-color: rgba(0, 0, 0, 0.2);
}

a.star-3:hover:after, a.star-3.active:after {
  background-color: #ffcc00;
}
a.star-3:hover ~ a:after, a.star-3.active ~ a:after {
  background-color: rgba(0, 0, 0, 0.2);
}

a.star-4:hover:after, a.star-4.active:after {
  background-color: #ffcc00;
}
a.star-4:hover ~ a:after, a.star-4.active ~ a:after {
  background-color: rgba(0, 0, 0, 0.2);
}

a.star-5:hover:after, a.star-5.active:after {
  background-color: #ffcc00;
}
a.star-5:hover ~ a:after, a.star-5.active ~ a:after {
  background-color: rgba(0, 0, 0, 0.2);
}

.comment-reply-title {
  font-size: 1rem;
  border: 1px solid #d3d3d3;
  padding: 0.8rem;
  display: block;
  margin-bottom: 1rem;
}

.comment-form label {
  display: block;
}
.comment-form input, .comment-form textarea {
  width: 100%;
}
.comment-form .submit {
  color: white;
  text-decoration: none;
  text-align: center;
  border: 0;
  display: inline-block;
  transition: all 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
}
.comment-form .submit:hover {
  text-decoration: none;
}

html.magnifying > body {
  overflow-x: hidden !important;
}

.magnify {
  position: relative;
  display: inline-block;
}
.magnify-lens {
  /* Create the magnifying lens */
  position: absolute;
  width: 12.5rem;
  height: 12.5rem;
  /* Multiple box shadows to achieve the glass lens effect */
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 15px -1px rgba(0, 0, 0, 0.25);
  /* Hide the mouse pointer */
  cursor: none;
  /* Hide the lens by default */
  display: none;
  /* Place the lens on top of other elements */
  z-index: 100;
}
.magnify-lens.loading {
  background: #333 !important;
  opacity: 0.75;
}
.magnify-lens.loading:after {
  /* Loading text */
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  color: #fff;
  content: "Loading...";
  font: italic normal 16px/1 Calibri, sans-serif;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}

/* Single product page */
div.product .product_meta {
  zoom: 1;
}
div.product .product_meta:before, div.product .product_meta:after {
  content: "";
  display: table;
}
div.product .product_meta:after {
  clear: both;
}
div.product .posted_in {
  display: none;
}

.single-product__header {
  margin-bottom: 1rem;
}
@media (min-width: 47.9em) {
  .single-product__header {
    margin-bottom: 5rem;
  }
}
.single-product__header--title {
  width: 100%;
}
@media (min-width: 47.9em) {
  .single-product__header--title {
    width: 56.3333333333%;
    width: calc(58.3222233333% - 0.78125rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
@media (min-width: 77.5em) {
  .single-product__header--title {
    width: 64.6666666667%;
    width: calc(66.6555566667% - 0.625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
.single-product__header--title .product_title {
  line-height: 1;
}
.single-product__header--price {
  display: none;
}
@media (min-width: 47.9em) {
  .single-product__header--price {
    width: 39.6666666667%;
    width: calc(41.6555566667% - 1.09375rem);
    float: left;
    display: block;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media (min-width: 77.5em) {
  .single-product__header--price {
    width: 31.3333333333%;
    width: calc(33.3222233333% - 1.25rem);
    float: left;
  }
}
.single-product__header--price > div:first-child {
  width: 45%;
  flex: 1 0 6rem;
  float: left;
  padding-right: 1rem;
}
.single-product__header--price > div:first-child:only-child {
  padding-right: 0;
}
.single-product__header--price > div:first-child ~ div {
  float: right;
  width: 55%;
  flex: 1 0 6rem;
  border-left: 1px solid;
  padding: 0 0 0 1rem;
}
.single-product__header--price .price {
  padding: 0;
  margin: 0;
  position: relative;
  text-align: right;
  line-height: 1;
}
.woocommerce-price-suffix {
  text-align: right;
  color: #AAAAAA;
  display: block;
}

.single-product__header--price .price > .amount {
  line-height: 1;
  font-size: 2.625rem;
  text-decoration: none;
}
.single-product__header--price .price del {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  top: -1rem;
  vertical-align: sub;
}
.single-product__header--price .price ins {
  line-height: 1;
  font-size: 2.625rem;
  color: #fb1a2c;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -0.1rem;
}

.product-type-simple .product_title {
  margin: 0;
}
.product-type-simple [itemprop=offers] {
  text-align: center;
}
.product-type-simple [itemprop=offers] .price {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.product-type-simple [itemprop=offers] .price del {
  opacity: 0.7;
}
.product-type-simple [itemprop=offers] .price .woocommerce-price-suffix {
  text-align: center;
  font-size: 0.8125rem;
}

.variations_form [itemprop=offers] {
  text-align: center;
}
.variations_form [itemprop=offers] .price {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.variations_form [itemprop=offers] .price del {
  opacity: 0.7;
}
.variations_form [itemprop=offers] .price .woocommerce-price-suffix {
  text-align: center;
  font-size: 0.8125rem;
}

/* Position the product image next to the meta / summary */
div.product .image--container {
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
@media (min-width: 47.9em) {
  div.product .image--container {
    width: 48%;
    width: calc(49.98889% - 0.0005rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(0.001rem);
  }
}
div.product .image--container img {
  max-width: 100%;
  height: auto;
}
div.product .onsale {
  background: #fb1a2c;
  color: white;
  width: 10rem;
  right: -2rem;
  top: 2rem;
  display: block;
  text-align: center;
  transform: rotate(45deg);
  position: absolute;
  box-shadow: 0px 2px 5px -4px black;
  z-index: 10;
}
@media (min-width: 47.9em) {
  div.product .summary {
    width: 48%;
    width: calc(49.98889% - 0.0005rem);
    float: left;
  }
}

/* SKU and Meta */
.product_meta > span {
  display: block;
}

.wc-tabs {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid;
}
.wc-tabs li {
  display: inline-block;
}
.wc-tabs li a {
  padding: 1rem;
  display: block;
  text-decoration: none;
  color: #000;
}
.wc-tabs li.active a {
  border-left: 1px solid currentcolor;
  border-top: 1px solid currentcolor;
  border-right: 1px solid currentcolor;
  box-shadow: 0 2px 0 -1px white;
}
.wc-tabs-wrapper {
  padding-top: 4rem;
  width: 100%;
  clear: both;
  zoom: 1;
}
.wc-tabs-wrapper:before, .wc-tabs-wrapper:after {
  content: "";
  display: table;
}
.wc-tabs-wrapper:after {
  clear: both;
}

.panel {
  padding-top: 1rem;
}
@media (min-width: 47.9em) {
  .panel {
    width: 64.6666666667%;
    width: calc(66.6555566667% - 0.625rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}
@media (min-width: 77.5em) {
  .panel {
    width: 48%;
    width: calc(49.98889% - 0.9375rem);
    float: left;
    margin-right: 2%;
    margin-right: calc(1.875rem);
  }
}

.shop_attributes {
  width: 100%;
  text-align: left;
}
.shop_attributes p, .shop_attributes td {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.single-product .related.products h2 {
  text-align: center;
}
.single-product .related.products .products {
  text-align: center;
}
.single-product .related.products .product {
  text-align: left;
}
.single-product .related.products .product:nth-last-child(-n+3):first-child, .single-product .related.products .product:nth-last-child(-n+3):first-child ~ * {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-left: -3px;
}

/* In conjunction with the radio variations plugin */
form.variations_form {
  padding-bottom: 1rem;
}
@media (min-width: 47.9em) {
  form.variations_form {
    padding-bottom: 1.875rem;
  }
}

table.variations .label {
  display: none;
}
table.variations .value {
  padding-bottom: 1rem;
}
@media (min-width: 47.9em) {
  table.variations .value {
    padding-bottom: 1.875rem;
  }
}

.single_variation {
  text-align: center;
}
.single_variation_wrap .stock {
  margin-top: 0;
}
.single_variation .stock {
  width: 100%;
}

.variations_button {
  text-align: center;
}
.variations_button .input-text.qty {
  width: 4rem;
  appearance: none;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.variations_button .quantity,
.variations_button .single_add_to_cart_button {
  display: inline-block;
  vertical-align: middle;
}

/* Multiple variatons */
div.product table.variations {
  width: 100%;
  display: inline-block;
}
div.product table.variations tbody {
  display: inline-block;
}
div.product table.variations tbody > tr {
  width: 100%;
}
div.product table.variations td {
  display: block;
  border: 0;
}
div.product table.variations td select {
  width: 100%;
}

li.disabled {
  filter: contrast(0.5);
}
li.disabled label {
  border: 1px solid rgba(211, 211, 211, 0.5);
}

.reset_variations {
  color: white;
  text-decoration: none;
  text-align: center;
  border: 0;
  display: inline-block;
  transition: all 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
}
.reset_variations:hover {
  text-decoration: none;
}

.woocommerce-variation-price {
  zoom: 1;
  width: 100%;
}
.woocommerce-variation-price:before, .woocommerce-variation-price:after {
  content: "";
  display: table;
}
.woocommerce-variation-price:after {
  clear: both;
}
.woocommerce-variation-price .price {
  display: block;
  padding: 1rem;
  border: 1px solid #d3d3d3;
  border-top: 0;
  margin: 0;
  position: relative;
  text-align: left;
  line-height: 1;
}
@media (min-width: 47.9em) {
  .woocommerce-variation-price .price {
    padding: 1.875rem;
  }
}
.woocommerce-price-suffix {
  color: #AAAAAA;
}

.woocommerce-variation-price .price > .amount {
  line-height: 1;
  font-size: 2.625rem;
  text-decoration: none;
}
.woocommerce-variation-price .price del {
  display: block;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: sub;
}
.woocommerce-variation-price .price ins {
  display: block;
  line-height: 1;
  font-size: 2.625rem;
  color: #fb1a2c;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -0.1rem;
}

.woocommerce-variation-availability {
  padding: 1rem;
}
@media (min-width: 47.9em) {
  .woocommerce-variation-availability {
    padding: 1.875rem;
    border-top: 1px solid #d3d3d3;
  }
}
.woocommerce-variation-availability .stock {
  margin: 0;
  font-size: 1rem;
}
@media (min-width: 47.9em) {
  .woocommerce-variation-availability .stock {
    font-size: 1.125rem;
  }
}

/* Add to cart button */
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  position: relative;
  color: white;
  text-decoration: none;
  text-align: center;
  border: 0;
  display: inline-block;
  transition: all 0.24s cubic-bezier(0.76, 0.95, 0.82, 0.96);
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {
  text-decoration: none;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button[disabled] {
  background-color: #d3d3d3;
}

/* When variations are available,
we're going to use the images providied.
This is only going to work though for
variations with images */
.visual--variation {
  display: inline-block;
}
.visual--variation--container {
  padding: 1rem;
}
@media (min-width: 63.9375em) {
  .visual--variation--container {
    padding: 1.875rem;
  }
}
.visual--variation--radio {
  display: none;
}
.visual--variation--radio:checked ~ label {
  box-shadow: 0 5px 0px 0px #479AD9;
}
.visual--variation--label {
  display: inline-block;
}
.visual--variation--label:hover {
  cursor: pointer;
}

.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}

.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
  text-align: right;
}

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  text-align: center;
}

/**
 * Image captions
 * Here I'm using an inner block to let the text (<p>) align itself with the image.
 * It's useful when the image has a caption and is aligned center or right.
 */
.wp-caption--inner {
  display: inline-block;
  text-align: left;
}

/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider {
  overflow: auto;
  padding: 0;
  position: relative;
  margin: 0 auto 1rem;
}
@media (min-width: 47.9em) {
  .unslider {
    margin-bottom: 1.875rem;
  }
}
.unslider-wrap {
  position: relative;
}
.unslider-wrap.unslider-carousel > li {
  float: left;
}
.unslider-vertical > ul {
  height: 100%;
}
.unslider-vertical li {
  float: none;
  width: 100%;
}
.unslider-fade {
  position: relative;
}
.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}
.unslider ul, .unslider ol, .unslider li {
  list-style: none;
  /* Reset any weird spacing */
  margin: 0;
  padding: 0;
  border: none;
}
.unslider-arrow {
  position: absolute;
  left: 0;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-weight: bold;
  padding: 0.5rem 1rem;
  color: white;
}
.unslider-arrow.next {
  left: auto;
  right: 0;
}

/*
Open / Close button in header only shows
when we're on a device thats about the size
of a quail's wingspan.
*/
.button-menu {
  display: none;
}
@media (max-width: 47.9em) {
  .button-menu {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    transform: translateY(-50%);
    z-index: 10;
  }
  .button-menu:after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA1NSA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+bWVudS1vcGVuPC90aXRsZT48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDI1LjI4aDU0LjMzdi03LjExM0gwek0wIDcuMTE0aDU0LjMzVjBIMHpNMCA0My40NDhoNTQuMzN2LTcuMTE1SDB6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 1.5rem auto;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
  }
  .button-menu.open {
    z-index: 1001;
    color: #000;
  }
  .button-menu.open:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+bWVudS1jbG9zZTwvdGl0bGU+PHBhdGggZD0iTTM4Ljg1IDBMMjIuMTYgMTYuNjkzIDUuNDY0IDAgLjQzNCA1LjAzbDE2LjY5MyAxNi42OTRMLjQzNCAzOC40MThsNS4wMyA1LjAzIDE2LjY5NC0xNi42OTNMMzguODUgNDMuNDQ4bDUuMDMyLTUuMDMtMTYuNjk0LTE2LjY5NEw0My44ODIgNS4wM3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
    content: "";
  }
}

/* Navigation */
ul.nav-menu {
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style: none;
}
@media (min-width: 47.9em) {
  ul.nav-menu li.menu-item {
    display: inline-block;
    margin-right: 1rem;
  }
  ul.nav-menu li.menu-item:last-of-type {
    margin-right: 0;
  }
}
ul.nav-menu li.menu-item a {
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  line-height: 1;
  padding: 1.2rem 0.25rem;
}
@media (min-width: 77.5em) {
  ul.nav-menu li.menu-item a {
    padding: 1.2rem 0.95rem;
  }
}

.menu-item .clicked ~ .sub-menu {
  display: block;
}
@media (min-width: 47.9em) {
  .menu-item.submenu-visible > .sub-menu {
    display: block;
  }
}
@media (min-width: 63.9375em) {
  .no-js .menu-item:hover > .sub-menu {
    display: block;
  }
}

/* Mobile menu */
@media (max-width: 47.9em) {
  body.menu-active {
    overflow: hidden;
  }
  .header--navigation {
    display: none;
    width: 80%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background-color: white;
    color: #000;
    top: 0;
    left: -100%;
    left: -100vw;
    transform: translateY(0);
    overflow-y: scroll;
  }
  .header--navigation li.menu-item {
    display: block;
    left: 0;
  }
  .header--navigation li.menu-item a {
    color: #000;
    display: block;
    padding: 1rem;
    border-bottom: 1px solid #d3d3d3;
    text-decoration: none;
  }
  .menu-active .header--navigation {
    left: 0;
    display: block;
    transition: all 0.24s ease-out;
  }
  .menu-inactive .header--navigation {
    display: block;
    left: -100%;
    left: -100vw;
    transition: all 0.24s ease-out;
  }
}
@media (max-width: 47.9em) {
  /* When the menu is active, the content slides over too */
  #content {
    left: 0;
    transition: left 0.42s ease-in-out;
  }
  .menu-active #content {
    overflow: hidden;
    left: 50%;
  }
  .menu-active {
    overflow-x: hidden;
  }
}
.menu-item-has-children {
  position: relative;
}
.menu-item-has-children:after {
  content: "+";
  font-size: 0.5rem;
}
.menu-item-has-children:hover .sub-menu {
  display: block;
}

.sub-menu {
  display: none;
  margin: 0;
  padding: 0;
  /* Sub menus are absolute on non-mobile layouts */
}
@media (min-width: 47.9em) {
  .sub-menu {
    position: absolute;
    z-index: 50;
  }
}

/* Mega menu, custom menu based on ACF and thinking about alternative options */
.mega-menu {
  zoom: 1;
  position: relative;
  z-index: 20;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: middle;
}
.mega-menu:before, .mega-menu:after {
  content: "";
  display: table;
}
.mega-menu:after {
  clear: both;
}
@media (min-width: 47.9em) {
  .mega-menu > li:not(.mega-menu--item) {
    display: none;
  }
}
.mega-menu--item {
  position: relative;
  display: block;
}
@media (min-width: 47.9em) {
  .mega-menu--item {
    display: inline-block;
  }
  .mega-menu--item.mega-menu--item-has-children.submenu-visible > a {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    box-shadow: 0 4px 1px -1px white;
    position: relative;
    z-index: 20;
  }
  .mega-menu--item > a {
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding: 1.2rem 0.95rem;
  }
}
.mega-menu--item > a {
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 47.9em) {
  .mega-menu--item-has-children > a {
    padding-right: 2rem;
  }
  .mega-menu--item-has-children > a:after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 1.2rem 1rem 1.8rem;
    font-size: 2.5rem;
    font-family: sans-serif;
    font-weight: 100;
    line-height: 0;
  }
}
@media (min-width: 47.9em) {
  .mega-menu--item-has-children > a:after {
    content: "▼";
    font-size: 50%;
    margin-left: 0.4rem;
    vertical-align: middle;
  }
}
@media (min-width: 47.9em) {
  .mega-menu--item-has-children .submenu.show {
    display: block;
  }
  .mega-menu--item-has-children:hover > .sub-menu {
    display: block;
  }
}
.mega-menu .header--account--item {
  display: block;
}
@media (min-width: 47.9em) {
  .mega-menu .header--account--item {
    display: none;
  }
}

@media (max-width: 47.9em) {
  .sub-menu.show {
    display: block !important;
  }
}
@media (min-width: 47.9em) {
  .sub-menu {
    background-color: white;
    border: 1px solid #d3d3d3;
    box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.35);
    padding: 1.875rem;
  }
}
.sub-menu a {
  text-decoration: none;
  color: #000;
  padding: 0.2rem 1rem 0.2rem 0;
  display: block;
}
.sub-menu--container {
  zoom: 1;
  text-align: left;
  display: block;
}
.sub-menu--container:before, .sub-menu--container:after {
  content: "";
  display: table;
}
.sub-menu--container:after {
  clear: both;
}
@media (min-width: 47.9em) {
  @supports (display: flex) {
    .sub-menu--container {
      display: flex;
      flex-wrap: wrap;
    }
    .sub-menu--container::after {
      content: "";
      flex: auto;
    }
  }
}
@media (min-width: 47.9em) {
  .sub-menu--column {
    float: left;
    width: 12rem;
    max-width: 12rem;
    flex: 1 0 12rem;
  }
}
.sub-menu--column strong {
  display: block;
}
.sub-menu--list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Printing stylesheet for the print savvy' */
@media print {
  /*
   * Print Stylesheet
   * If the website contains a button that says  "Print this recipe",
   * then we're going to have to cater for the print styles
   */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  body {
    font-size: 12pt;
  }
  /* Black prints faster: h5bp.com/s */
  a {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 80%;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after {
    content: "";
  }
  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre, code {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr {
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    max-width: 100%;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  img {
    min-height: 50px;
  }
  img:before {
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    height: calc(100% + 10px);
    width: 100%;
    background-color: white;
    border: 2px dotted rgb(200, 200, 200);
    border-radius: 5px;
  }
  img:after {
    content: "\f127" " Broken Image of " attr(alt);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-family: FontAwesome;
    color: rgb(100, 100, 100);
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
  }
}

/*# sourceMappingURL=style.css.map */