@charset "UTF-8";
/*!
Theme Name: moo gateway v2
Theme URI: https://www.moo.no/
Author: Studio Netting
Author URI: http://www.studionetting.no
Description: Custom made theme based on ... TODO
Version: 1.0.0
Text Domain: moo
*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 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; }

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

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

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

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

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

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

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

/**
 * Boder-box on everything. Border-box includes padding and border in the element's total width and height.
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*********************
IMPORTING ATOMS

Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
LOADING FONT FACES
******************************************************************/
@font-face {
  font-family: 'Domaine Bold';
  src: url("library/fonts/DomaineTextWeb-Bold.eot");
  src: url("library/fonts/DomaineTextWeb-Bold.eot?#iefix") format("embedded-opentype"), url("library/fonts/DomaineTextWeb-Bold.woff") format("woff"), url("library/fonts/DomaineTextWeb-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Feijoa';
  src: url("library/fonts/FeijoaWeb-Medium.eot");
  src: url("library/fonts/FeijoaWeb-Medium.eot?#iefix") format("embedded-opentype"), url("library/fonts/FeijoaWeb-Medium.woff") format("woff"), url("library/fonts/FeijoaWeb-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Feijoa';
  src: url("library/fonts/FeijoaWeb-MediumItalic.eot");
  src: url("library/fonts/FeijoaWeb-MediumItalic.eot?#iefix") format("embedded-opentype"), url("library/fonts/FeijoaWeb-MediumItalic.woff") format("woff"), url("library/fonts/FeijoaWeb-MediumItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Etica';
  src: url("library/fonts/Etica_Regular.eot");
  src: url("library/fonts/Etica_Regular.eot?#iefix") format("embedded-opentype"), url("library/fonts/Etica_Regular.woff") format("woff"), url("library/fonts/Etica_Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Etica';
  src: url("library/fonts/Etica_Bold.eot");
  src: url("library/fonts/Etica_Bold.eot?#iefix") format("embedded-opentype"), url("library/fonts/Etica_Bold.woff") format("woff"), url("library/fonts/Etica_Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Madelyn';
  src: url("library/fonts/Madelyn.eot");
  src: url("library/fonts/Madelyn.eot?#iefix") format("embedded-opentype"), url("library/fonts/Madelyn.woff") format("woff"), url("library/fonts/Maedlyn.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/******************************************************************
FONT SIZES
******************************************************************/
body {
  font-size: 15px;
  line-height: 1.7;
/* font-family: "Feijoa", Georgia, serif;  */
 font-family: "Etica", Verdana, sans-serif;  }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: normal; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 2.375em;
  line-height: 1.2em;
  /* font-family: "Domaine Bold", Georgia, serif;  */
 	font-family: "Etica", Verdana, sans-serif;
  }

h2, .h2 {
  font-size: 1.5em;
  line-height: 1.4;
  margin-bottom: 1.5rem;
   /* font-family: "Domaine Bold", Georgia, serif;  */
 font-family: "Etica", Verdana, sans-serif; 
  }

h3, .h3 {
  font-size: 1.2em;
  line-height: 1.4;
  margin-bottom: 1.5rem;
   /* font-family: "Domaine Bold", Georgia, serif;  */
 font-family: "Etica", Verdana, sans-serif; 
  }

/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
 /* -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; 
  */
}

@media (min-width: 1020px) {
  body {
    font-size: 16px; }
  h2, .h2 {
    font-size: 1.6em;
    line-height: 1.4; } }

@media (min-width: 1240px) {
  h2, .h2 {
    font-size: 1.7em; } }

@media (min-width: 1640px) {
  body {
    font-size: 18px; } }

body {
  background-color: #fffbf2;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Text meant only for screen readers. */
.screen-reader-text, .woocommerce-order-received .woocommerce-order-details thead {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus, .woocommerce-order-received .woocommerce-order-details thead:focus {
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

button, .button, .secondary-button, .boxzilla .boxzilla-content a:last-child {
  background-color: #000000;
  text-transform: uppercase;
  color: #ffffff;
  border: none;
  padding: 1.4em 2em 1.2em 2em;
  font-family: "Etica", Verdana, sans-serif;
  text-align: center;
  font-size: 0.875em;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0; }

.button, .secondary-button, .boxzilla .boxzilla-content a:last-child {
  border-bottom: none;
  transition: padding 0.3s;
  -webkit-transition: padding 0.3s; }
  .button:hover, .secondary-button:hover, .boxzilla .boxzilla-content a:hover:last-child {
    background-color: #000000;
    border-bottom: none;
    padding: 1em 1.8em 0.9em 2.2em; }

.secondary-button, .boxzilla .boxzilla-content a:last-child {
  background-color: transparent;
  border: solid 1px #000000;
  color: #000000;
  padding: 0.8em 2em 0.7em 2em; }
  .secondary-button:hover, .boxzilla .boxzilla-content a:hover:last-child {
    color: #ffffff;
    background-color: #000000;
    padding: 0.8em 2em 0.7em 2em; }

/******************************************************************
Site Name: Verket Interiør	
Author: Studio Netting

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
html {
  overflow-x: hidden;
/*  overflow-y: scroll; */
}

body {
  max-width: 100%;
  padding-right: 1em;
  padding-left: 1em; }

.cf, .single-product .summary #product-color-text {
  overflow: auto; }

#footer {
  display: block;
  float: left;
  width: 100%; }

.flex-container, .products {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center; }

.flex-container > *, .products > * {
  flex-direction: column;
  align-self: stretch; }


.grid-container{
	display: grid;
	grid-template-columns: repeat(1, auto);
    grid-gap: 1.5em;
    column-gap: 1.5em;
    row-gap: 1.5em;
}
@media (min-width: 768px){
	.grid-container{
		grid-template-columns: repeat(2, minmax(0, 1fr));
    	grid-gap: 1.8em;
    	column-gap: 1.8em;
    	row-gap: 1.8em;
    	margin-bottom: 1.4em;
	}
}

@media (min-width: 1240px){
	.grid-container{
	    grid-template-columns: repeat(3, minmax(0, 1fr));
    	grid-gap: 2.3em;
    	column-gap: 2.3em;
    	row-gap: 2.3em;
	}
}
.last-col {
  float: right;
  padding-right: 0 !important; }

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
.sm-all-grid {
  width: calc(100% + 1.5em);
  margin-left: -0.75em; }
  .sm-all-grid .grid-item {
    padding: 0 0.75rem 1.5rem 0.75rem; }

.sm-all {
  float: left;
  width: 100%; }

.sm-1of4 {
  float: left;
  width: 25%; }

.sm-2of4 {
  float: left;
  width: 50%; }

.sm-3of4 {
  float: left;
  width: 75%; }

/* Big mobiles and smal tablets */
@media (min-width: 481px) {
  body {
    padding-right: 1.5em;
    padding-left: 1.5em; }
  .m-all {
    float: left;
    width: 100%; }
  .m-all-grid {
    float: left;
    width: calc(100% + 1.5rem);
    margin-left: -0.75em; }
    .m-all-grid .grid-item {
      padding: 0 0.75rem 1.5rem 0.75rem; }
  .m-1of4 {
    float: left;
    width: 25%; }
  .m-2of4 {
    float: left;
    width: 50%; }
  .m-3of4 {
    float: left;
    width: 75%; }
  .m-1of3 {
    float: left;
    width: 33%; }
  .m-2of3 {
    float: left;
    width: 66%; } }

/* Portrait tablet to landscape */
@media (min-width: 768px) {
  body {
    padding-right: 2em;
    padding-left: 2em; }
  .t-all-grid {
    float: left;
    width: calc(100% + 1.8rem);
    margin-left: -0.9rem; }
    .t-all-grid .grid-item {
      padding: 0 0.9rem 1.8rem 0.9rem; }
  .t-all {
    float: left;
    width: 100%; }
  .t-1of5 {
    float: left;
    width: 20%; }
  .t-2of5 {
    float: left;
    width: 40%; }
  .t-3of5 {
    float: left;
    width: 60%; }
  .t-4of5 {
    float: left;
    width: 80%; }
  .t-1of2 {
    float: left;
    width: 50%; }
  .t-1of4 {
    float: left;
    width: 25%; }
  .t-2of4 {
    float: left;
    width: 50%; }
  .t-3of4 {
    float: left;
    width: 75%; } }

/* Tablet landscape to small desktop */
@media (min-width: 1020px) {
  #site-navigation {
    width: 7em;
    display: block;
    float: left; }
  #top-header, #content, #footer {
    width: calc(100% - 7em);
    display: block;
    float: right; }
  .sd-all-grid {
    float: left;
    width: calc(100% + 2rem);
    margin-left: -1em; }
    .sd-all-grid .grid-item {
      padding: 0 1rem 2rem 1rem; }
  .sd-all {
    float: left;
    width: 100%; }
  .sd-1of5 {
    float: left;
    width: 20%; }
  .sd-2of5 {
    float: left;
    width: 40%; }
  .sd-3of5 {
    float: left;
    width: 60%; }
  .sd-4of5 {
    float: left;
    width: 80%; } }

/* Desktop */
@media (min-width: 1240px) {
  body {
    padding-right: 2.5em;
    padding-left: 1.5em; }
  .d-all-grid {
    float: left;
    width: calc(100% + 2.5em);
    margin-left: -1.25em; }
    .d-all-grid .grid-item {
      padding: 0 1.25rem 2.5rem 1.25rem; }
  .d-all {
    float: left;
    width: 100%; }
  .d-1of5 {
    float: left;
    width: 20%; }
  .d-2of5 {
    float: left;
    width: 40%; }
  .d-3of5 {
    float: left;
    width: 60%; }
  .d-4of5 {
    float: left;
    width: 80%; }
  .d-1of3 {
    float: left;
    width: 33.33%; } }

/* Large desktop */
@media (min-width: 1640px) {
  .ld-all {
    float: left;
    width: 100%; }
  .ld-1of5 {
    float: left;
    width: 20%; }
  .ld-2of5 {
    float: left;
    width: 40%; }
  .ld-3of5 {
    float: left;
    width: 60%; }
  .ld-4of5 {
    float: left;
    width: 80%; }
  .d-all-grid {
    margin-left: -1.1em; } }

figure {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  position: relative;
  transition: border-bottom 0.1s;
  -webkit-transition: border-bottom 0.1s;
  border-bottom: solid 1px #85817b;
  color: #000000; }
  a:hover {
    border-bottom: 1px solid #000000;
    background-color: #f4ede1; }

/*********************
IMPORTING MOLECULES

Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

nav li {
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-right: 1em; }

nav a {
  text-decoration: none;
  color: #000000;
  font-family: "Etica", Verdana, sans-serif;
  font-weight: normal;
  border-bottom: none; }
  nav a:hover {
    border-bottom: solid 1px #000000;
    background-color: transparent; }

@media (min-width: 768px) {
  	nav a {
    	font-size: 0.875em; 
	} 
}

.posts-load-more, .woocommerce-load-more {
  clear: both;
  margin: 0 auto;
  text-align: center;
  text-transform: none; 
}

.posts-load-more img, .woocommerce-load-more img {
    display: none;     
}
  .posts-load-more button, .woocommerce-load-more button {
    background: none;
    color: #000000;         
}

.background-aubergine {
  background-color: #392b2b;
  color: #ffffff;
  transition: 0.3s;
  -webkit-transition: 0.3s; }

.background-light-aubergine {
  background-color: #d6c3c3;
  color: #000000;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s; }

.background-peach {
  background-color: #f7d0ad;
  color: #000000;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s; }

.background-brown {
  background-color: #813d2a;
  color: #ffffff;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s; }

.background-orange {
  background-color: #c36b4c;
  color: #000000;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s; }

.background-turqouise {
  background-color: #c3d8d9;
  color: #000000;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s; }

.background-beige {
  background-color: #f4ede1;
  color: #000000;
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s; }

.text-aubergine {
  color: #392b2b; }

.text-light-aubergine {
  color: #d6c3c3; }

.text-peach {
  color: #f7d0ad; }

.text-brown {
  color: #813d2a; }

.text-orange {
  color: #c36b4c; }

.text-turqouise {
  color: #c3d8d9; }

.text-red {
  color: #e73b31; }

label {
  font-family: "Etica", Verdana, sans-serif;
  margin: 0 0 0.2em 0.5em; }

.field, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
  padding: 0 12px;
  font-family: "Etica", Verdana, sans-serif;
  font-size: 1em;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0; }

input[type="text"], 
input[type="search"], 
input[type="email"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none;
  background-color: transparent;
  border-bottom: solid 1px #333333;
  padding-left: 0; 
  }

.search-form {
  font-family: "Etica", Verdana, sans-serif;
  font-size: 1em; }
  .search-form .search-field {
    background-color: transparent;
    border: none;
    border-bottom: solid 1px #000000; }
    .search-form .search-field::-webkit-input-placeholder, .search-form .search-field:-moz-placeholder, .search-form .search-field::-moz-placeholder, .search-form .search-field:-ms-input-placeholder {
      color: transparent !important; }
  .search-form .search-submit {
    border: none;
    background-color: transparent;
    height: 2em; }
    .search-form .search-submit:hover {
      cursor: pointer; }
  @media (min-width: 768px) {
    .search-form {
      font-size: 0.875em; } }

/*********************
VIDEO EMBED STYLES
*********************/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.woocommerce-loop-product__link .price del {
  margin-right: 0.5em; }

.woocommerce-loop-product__link .price ins {
  text-decoration: none;
  color: #e73b31; }

/*********************
IMPORTING ORGANISMS

Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/

#footer {
  	position: relative;
  	margin-top: 2em; 
	margin-bottom: 0.5em;
    font-family: "Etica", Verdana, sans-serif;
    font-weight: normal;
}
#footer .footer-wrapper{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#footer .footer-1-widget-wrapper{
	width: 100%;
}
@media (min-width: 1020px){
	#footer .footer-1-widget-wrapper{
		width: 70vw;
	}
}
#footer a {
    border-bottom: none;
}

#footer .subscribe{
/*	padding: 1.25rem 10%;
/*    border: solid 1px #f4ede1; */
}
#footer h2,
#footer h3{
	margin: 0;
}
#footer .subscribe a{
	border-bottom: solid 1px #000;
}
@media (min-width: 1020px){
	#footer .subscribe{

	}
}
@media (max-width: 768px){
	#footer .wp-block-spacer{
		height: 35px !important;
	}
}
#footer .moo-logo {
	margin:0;
}

#footer a:hover {
    background-color: transparent; 
}
#footer .socials {
    margin: auto;
     margin: 0.5em auto;
    line-height: 1;
    display: flex;
    justify-content: center;
}
#footer .socials a {
    display: inline-block;   
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain; 
    margin-right: 0.25em;
}
#footer .socials a:last-child {
	margin-right: 0;
}

#footer .socials .icon-facebook{
	background-image: url('img/icon-facebook-moo.png');
}
#footer .socials .icon-instagram{
	background-image: url('img/icon-instagram-moo.png');
}
#footer .socials .icon-mail{
	background-image: url('img/icon-email-moo.png');
}

#footer .socials a span {
    color: #000000; 
    display: none;
}

#footer p {
	text-align: center;
	font-size: 0.875em;
}

.no-bottom-margin{margin-top: 0.5em; margin-bottom: 0;}

#footer figure img{width: initial;}

#footer .payment{
	margin-bottom: 0rem;
}
#footer .widget_nav_menu {
}
#footer .menu  {
	text-decoration: none;
	margin: 0;
    padding: 0;
    text-align: center;
}
#footer .menu li {
    line-height: 1.3; 
    display: inline-block;
    margin-right: 0.75em;
}
#footer .menu li:last-child{
	margin-right: 0;
}
#footer .menu li a{
	font-size: 0.7em;
	text-decoration: none;
	border-bottom: solid 1px #fffbf2; 
}
#footer .menu li a:hover{border-bottom: solid 1px #000000;}
    
.footer-icon {width:30px; margin-right:8px;}

/*** Gallery ***/

.gallery {
  margin-bottom: 1.5em; }

.gallery-caption {
  display: block; }

embed, iframe, object {
  max-width: 100%; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 3em; }
  .video-container iframe, .video-container object, .video-container embed, .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }

#top-header {
  display: block;
  padding-top: 1em;
  margin-bottom: 1em;
  z-index: 1;
  height: 2.5em;
  width: 100%;
  position: static; }
  #top-header a {
    border-bottom: none; }
    #top-header a:hover {
      background-color: transparent; }
  #top-header #moo-logo {
    margin: 0 auto;
    width: auto;
    height: 3.6em;
    z-index: 9998;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    margin-left: calc(50% - 1.8em);
    z-index: 1;
    position: relative; }
  #top-header #toggle-menu {
    width: 42px;
    height: 42px;
    margin-top: 0.3em;
    z-index: 99999;
    position: absolute;
    margin: 0 1em;
    background-repeat: no-repeat; }
    #top-header #toggle-menu:hover {
      border-bottom: none; }
    #top-header #toggle-menu.hamburger-icon {
      left: 0;
      background-image: url("library/images/hamburger.svg");
      background-position: left top;
      background-size: 20px auto; }
    #top-header #toggle-menu.close-icon {
      background-image: url("library/images/hamburger-close.png");
      right: 0;
      background-position: right top;
      background-size: 12px auto; }
  #top-header .menu-container {
    float: right; }
  #top-header .search-form {
    visibility: hidden;
    display: none; }
  #top-header .moo-cart {
    font-family: "Etica", Verdana, sans-serif;
    color: #000000;
    font-size: 0.875em;
    display: block;
    text-align: right;
    border-bottom: none; }
    #top-header .moo-cart:hover {
      background-color: transparent;
      border-bottom: #000000 solid 1px; }
  @media (min-width: 481px) {
    #top-header #toggle-menu {
      margin-top: 0.3em;
      margin-left: 1.5em;
      margin-right: 1.5em; } }
  @media (min-width: 768px) {
    #top-header {
      height: 3.5em; }
      #top-header #moo-logo {
        margin-left: calc(50% - 4em);
        height: 5em; }
      #top-header .menu-container {
        float: right;
        width: auto; }
      #top-header .search-form {
        visibility: visible;
        display: inline-block;
        position: static;
        margin-right: 2em;
        top: 0;
        width: auto; }
        #top-header .search-form .search-field {
          max-width: 140px; }
      #top-header #toggle-menu {
        margin-top: 0.8em;
        margin-left: 2em;
        margin-right: 2em; }
      #top-header .moo-cart {
        display: inline-block; } }
  @media (min-width: 1020px) {
    #top-header {
      height: 4em;
      position: relative; }
      #top-header #moo-logo {
        margin-left: calc(50% - 2.75em);
        height: 5.5em; }
      #top-header #toggle-menu {
        display: none; } }
  @media (min-width: 1640px) {
    #top-header #moo-logo {
      margin-left: calc(50% - 3em);
      height: 5em; } }

.products {
  list-style: none;
  margin: 0;
  padding: 0;
  width: calc(100% + 1.5em);
  margin-left: -0.75em; }
  .products .product {
    width: 50%; }
  .products li {
    display: block;
    float: left; }
  @media (min-width: 481px) {
    .products .product {
      width: 33%; } }
  @media (min-width: 768px) {
    .products {
      width: calc(100% + 1.8em);
      margin-left: -0.9em; }
      .products .product {
        width: 25%; } }
  @media (min-width: 1020px) {
    .products {
      width: calc(100% + 2em);
      margin-left: -1em; }
      .products .product {
        width: 25%; } }
  @media (min-width: 1240px) {
    .products {
      width: calc(100% + 2em);
      margin-left: -1.25em; }
      .products .product {
        width: 20%; } }

.products .product, .product-container {
  padding: 0 0.75em 1.5em 0.75em;
  font-family: "Etica", Verdana, sans-serif;
  /*******************************
	LINK
	********************************/
  /*******************************
	PRODUCT TITLE
	********************************/
  /*******************************
	BRANDS
	********************************/
  /*******************************
	PRICE
	********************************/
  /*******************************
	IMAGE
	********************************/ }
  .products .product a, .product-container a {
    color: #000000;
    border-bottom: none; }
    .products .product a:hover, .product-container a:hover {
      border-bottom: none;
      background-color: transparent; }
      .products .product a:hover .woocommerce-loop-product__title, .product-container a:hover .woocommerce-loop-product__title {
        border-bottom: solid 1px #000000; }
  .products .product .woocommerce-loop-product__title, .product-container .woocommerce-loop-product__title {
    font-size: 0.875em;
    font-family: "Etica", Verdana, sans-serif;
    font-weight: bold;
    color: #000000;
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 0.3em;
    transition: 0.1s;
    -webkit-transition: 0.1s; }
  .products .product .product-brands-listings, .product-container .product-brands-listings {
    display: inline-block;
    margin: 0;
    font-size: 0.875em; }
  .products .product .price, .product-container .price {
    font-family: "Etica", Verdana, sans-serif;
    font-size: 0.875em;
    display: block;
    clear: both; }
  .products .product img, .product-container img {
    width: 100%;
    height: auto; }
  @media (min-width: 768px) {
    .products .product, .product-container {
      padding: 0 0.9em 1.8em 0.9em; } }
  @media (min-width: 1020px) {
    .products .product, .product-container {
      padding: 0 1em 2em 1em; } }
  @media (min-width: 1240px) {
    .products .product, .product-container {
      padding: 0 1.25em 2.5em 1.25em; } }

/**** Menu blogg *****/

nav.blog-navigation {
 margin-top:1.75em;
 text-align: center;

}

@media (min-width: 768px) {
  	nav.blog-navigation {
    	margin-top:1.75em;
    	text-align: left;
    	
	}
}

nav.blog-navigation li{
    padding-right 1em ;
}

@media (min-width: 768px) {
	nav.blog-navigation li{
    	padding-right: 1em ;
	}
}
nav.blog-navigation li:last-child{
	padding-right: 0;
}

nav.blog-navigation li.current-menu-item a{
	border-bottom: solid 1px #000000;
}



.featured-post-link {
  border-bottom: none; 
}
.featured-post-link:hover {
    background-color: transparent;
    border-bottom: none; 
}
.featured-post-link:hover .read-more {
    color: #000000; 
}
.featured-post-link:hover .featured-post {
    border: solid 1px #85817b; 
}
.featured-post-link:hover img {
	transform: scale(1.02);
}


.featured-post {
  border: solid 1px #f4ede1;
  text-align: center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
  z-index: -1;
  overflow: hidden;
  height: 100%;
  /** IMAGE **/
  /** TEXT **/ 
}
.featured-post img {
    width: 100%;
    height: auto; 
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s, left 0s;

}
.featured-post:hover img {
	transform: scale(1.02);
}
.featured-post .text {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 1em; 
}
.featured-post .post-title {
     /* font-family: "Domaine Bold", Georgia, serif;  */
 font-family: "Etica", Verdana, sans-serif;
    text-align: center;
    color: #000000;
    margin: 0;
    padding: 0; 
}
.featured-post p {
    color: #000000;
    font-style: italic;
    font-size: 0.875em;
}
.featured-post .read-more {
    font-family: "Etica", Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    color: #85817b;
    transition: 0.3s;
    -webkit-transition: 0.3s; 
}
@media (min-width: 768px) {
    .featured-post .text {
      padding: 0.8em 1em 1.5em 1em; 
    } 
}
@media (min-width: 1020px) {
    .featured-post .text {
      padding: 1.2em 1.5em 1.5em 1.5em; 
    } 
}
@media (min-width: 1240px) {
    .featured-post .text {
      padding: 1.5em 2em 2em 2em;
    } 
}

.woocommerce-message {
  padding: 15px 30px;
  margin: 0 0 30px 0;
  border: solid 1px #f4ede1;
  font-family: "Etica", Verdana, sans-serif; }
  .woocommerce-message .wc-forward {
    font-family: "Etica", Verdana, sans-serif;
    font-weight: bold;
    font-size: 1em;
    background-color: transparent;
    width: auto;
    padding: 0;
    padding-right: 2px;
    width: auto;
    text-transform: none;
    letter-spacing: 0;
    color: #000000;
    display: inline-block;
    width: auto;
    border-bottom: solid 2px #000000; }
    .woocommerce-message .wc-forward:hover {
      border-bottom: solid 2px #000000; }

.woocommerce-error {
  padding: 15px 30px;
  margin: 0 0 30px 0;
  border: solid 1px #e73b31;
  list-style: none;
  font-family: "Etica", Verdana, sans-serif;
  width: 100%;
  float: left;
  clear: both; }
  .woocommerce-error .wc-forward, .woocommerce-error .restore-item {
    font-family: "Etica", Verdana, sans-serif;
    font-size: 1em;
    background-color: transparent;
    width: auto;
    padding: 0;
    padding-right: 2px;
    width: auto;
    text-transform: none;
    letter-spacing: 0;
    color: #000000;
    display: inline-block;
    width: auto;
    border-bottom: solid 2px #000000; }
    .woocommerce-error .wc-forward:hover, .woocommerce-error .restore-item:hover {
      border-bottom: solid 2px #000000; }

.campaign-image-text-link {
  border-bottom: none; }
  .campaign-image-text-link:hover {
    background-color: transparent;
    border-bottom: none; }
    .campaign-image-text-link:hover .background-peach {
      background-color: #f6cba4; }
    .campaign-image-text-link:hover .background-light-aubergine {
      background-color: #d2bdbd; }
    .campaign-image-text-link:hover .background-turqouise {
      background-color: #bdd4d5; }
    .campaign-image-text-link:hover .background-orange {
      background-color: #c67154; }
    .campaign-image-text-link:hover .background-aubergine {
      background-color: #3f2f2f; }
    .campaign-image-text-link:hover .background-brown {
      background-color: #89412d; }
    .campaign-image-text-link:hover .link {
      padding-right: 0.5em; }

.campaign-image-text {
  padding: 1.5em;
  position: relative; }
  .campaign-image-text img {
    width: 100%;
    height: auto;
    float: left;
    display: block; }
  .campaign-image-text h2 {
    margin-bottom: 0; }
  .campaign-image-text h2, .campaign-image-text p {
    text-align: center; }
  .campaign-image-text .text {
    display: block;
    float: left;
    width: 100%; }
    .campaign-image-text .text p {
      font-size: 0.875em;
      font-style: italic; }
  .campaign-image-text .link {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: "Etica", Verdana, sans-serif;
    font-weight: bold;
    font-size: 0.875em;
    text-align: center;
    width: 100%;
    display: block;
    transition: 0.5s; }
  @media (min-width: 481px) {
    .campaign-image-text {
      padding: 1.8em; } }
  @media (min-width: 768px) {
    .campaign-image-text {
      padding: 1.5em; }
      .campaign-image-text img {
        width: 42%; }
      .campaign-image-text h2 {
        margin-top: 0; }
      .campaign-image-text h2, .campaign-image-text p {
        text-align: left; }
      .campaign-image-text .text {
        width: 58%;
        float: right;
        padding: 0 1.8em 0 1.8em;
        position: absolute;
        bottom: 1.8em;
        right: 0; }
      .campaign-image-text .link {
        text-align: right; } }
  @media (min-width: 1020px) {
    .campaign-image-text {
      padding: 2em; }
      .campaign-image-text .text {
        width: 50%;
        padding: 0 2em;
        bottom: 2em; }
        .campaign-image-text .text p {
          margin-bottom: 4em; }
      .campaign-image-text img {
        width: 50%; } }

a .campaign-full-width:hover .title, a .campaign-full-width:focus .title, a .campaign-full-width:active .title, a:visited .campaign-full-width:hover .title, a:visited .campaign-full-width:focus .title, a:visited .campaign-full-width:active .title {
  text-decoration: underline; }

.campaign-full-width img {
  width: 100%;
  height: auto; }

.campaign-full-width .text-container {
  background-color: #fffbf2; }

.campaign-full-width .title {
  margin-top: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 2em; }

.campaign-full-width .tagline {
  text-align: center;
  line-height: 0.3;
  font-size: 4em;
  margin: 0;
  padding: 0;
  font-family: "Madelyn", Georgia, serif; }

@media (min-width: 481px) {
  .campaign-full-width .title {
    font-size: 3.75em;
    line-height: 1.2; }
  .campaign-full-width .tagline {
    font-size: 8em;
    line-height: 0.3;
    margin-top: -2rem; } }

@media (min-width: 1240px) {
  .campaign-full-width {
    position: relative; }
    .campaign-full-width img {
     /* width: 85%; */
      height: auto; }
    .campaign-full-width .tagline {
      margin-top: 0; }
    .campaign-full-width .title {
      font-size: 3.75em; }
    .campaign-full-width .text-container {
      position: absolute;
      background-color: transparent;
      max-width: 650px;
      top: 50%;
      right: 0;
      transform: translate(0, -50%); } }

@media (min-width: 1640px) {
  .campaign-full-width .text-container {
    max-width: 800px; } }

.campaign-image-link {
  border-bottom: none; }
  .campaign-image-link:hover {
    border-bottom: none;
    background-color: transparent; }
    .campaign-image-link:hover .button, .campaign-image-link:hover .secondary-button, .campaign-image-link:hover .boxzilla .boxzilla-content a:last-child, .boxzilla .boxzilla-content .campaign-image-link:hover a:last-child {
      padding-right: 2.5em;
      padding-left: 1.5em; }

.campaign-image {
  position: relative; }
  .campaign-image .button-container {
    position: absolute;
    bottom: 3em;
    text-align: center;
    left: 0;
    right: 0; }
    .campaign-image .button-container .button, .campaign-image .button-container .secondary-button, .campaign-image .button-container .boxzilla .boxzilla-content a:last-child, .boxzilla .boxzilla-content .campaign-image .button-container a:last-child {
      position: relative;
      display: inline-block;
      -webkit-transition: padding-right 0.4s linear, padding-left 0.4s linear;
      -moz-transition: padding-right 0.4s linear, padding-left 0.4s linear;
      transition: padding-right 0.4s linear, padding-left 0.4s linear; }
  .campaign-image img {
    width: 100%;
    max-width: 100%;
    height: auto; }
  @media (min-width: 1020px) {
    .campaign-image button-container {
      bottom: 5em; } }


/* Frontpage */

.home .frontpage-banner{
	margin-bottom: 2.2em;
	padding: 2em;
	/*font-family: "Feijoa",Georgia,serif;
	font-size: 18px;
	font-style: italic; */
	font-family: "Etica", Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    	text-align: center;

}      
      



#site-navigation {
  width: 100%;
  display: none; }
  #site-navigation .search-form {
    padding-top: 3em; }

#site-navigation.open-menu {
  display: block;
  position: absolute;
  height: 100%;
  padding: 2em;
  background: #fffbf2;
  z-index: 9999;
  margin-left: -1.5em; }

.main-navigation {
  z-index: 1000; }
  .main-navigation .menu-item {
    display: block;
    clear: both;
    line-height: 2.4;
    width: 100%;
    padding: 0; }
    .main-navigation .menu-item a {
      display: block; }
      .main-navigation .menu-item a:hover {
        border-bottom: none; }
  .main-navigation .menu-item-has-children {
    margin-bottom: 2em; }
    .main-navigation .menu-item-has-children > a {
      font-weight: bold; }
    .main-navigation .menu-item-has-children .sub-menu {
      margin: 0;
      padding: 0; }
      .main-navigation .menu-item-has-children .sub-menu a {
        font-weight: normal;
        color: #000000;
        padding: 0; }
      .main-navigation .menu-item-has-children .sub-menu .menu-item {
        line-height: 2; }
      .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children {
        padding-top: 2em;
        margin: 0; }
        .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children > a {
          font-weight: bold; }
        .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children:hover {
          background-color: transparent; }
        .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .menu-item {
          border: none; }
          .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .menu-item a {
            font-weight: normal; }
        .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
          display: block;
          position: relative;
          left: 0;
          padding: 0;
          border: none;
          width: 100%; }
          .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu .menu-item {
            padding: 0;
            width: 100%; }

@media (min-width: 768px) {
  #site-navigation .search-form {
    display: none;
    visibility: hidden; }
  .main-navigation .menu-item a {
    font-size: 1em; } }

@media (min-width: 1020px) {
  #site-navigation {
    display: block; }
    #site-navigation .search-form {
      display: none;
      visibility: hidden; }
  .main-navigation {
    display: block;
    position: fixed;
    height: 100vh;
    width: 7em;
    padding-top: 6em; }
    .main-navigation .menu-item {
      padding: 0; }
      .main-navigation .menu-item a {
        width: 100%;
        padding-left: 1em;
        font-size: 0.87em; }
        .main-navigation .menu-item a:hover {
          border-bottom: none;
          color: #4d4c4c; }
    .main-navigation .menu-item-has-children {
      margin-bottom: 0;
      border-bottom: none;
      padding-bottom: 0;
      transition: all linear 0.2s; }
      .main-navigation .menu-item-has-children > a {
        font-weight: normal; }
      .main-navigation .menu-item-has-children:hover {
        background: #f4ede1;
        border-bottom: none; }
        .main-navigation .menu-item-has-children:hover > a {
          color: #000000; }
        .main-navigation .menu-item-has-children:hover .sub-menu {
          display: block; }
      .main-navigation .menu-item-has-children .sub-menu {
        display: none;
        background: #fffbf2;
        border-right: solid 1px #f4ede1;
        padding-top: 6em;
        height: 100%;
        width: 15em;
        position: absolute;
        top: 0;
        left: 7em; }
        .main-navigation .menu-item-has-children .sub-menu .menu-item {
          border-left: solid 1px #f4ede1;
          width: 11em;
          padding-left: 2em; }
        .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children {
          padding-top: 1em;
          margin: 0; }
          .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children > a {
            font-weight: bold; }
          .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children:hover {
            background-color: transparent; }
          .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .menu-item {
            border: none; }
            .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .menu-item a {
              font-weight: normal; }
          .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
            display: block;
            position: relative;
            left: 0;
            padding: 0;
            border: none;
            width: 100%; }
            .main-navigation .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu .menu-item {
              padding: 0;
              width: 100%; }
    .main-navigation .menu-item:nth-child(2) .sub-menu {
      padding-top: 8.4em; }
    .main-navigation .menu-item:nth-child(3) .sub-menu {
      padding-top: 10.5em; }
    .main-navigation .menu-item:nth-child(4) .sub-menu {
      padding-top: 12.5em; }
    .main-navigation .menu-item:nth-child(5) .sub-menu {
      padding-top: 14.5em; }
    .main-navigation .menu-item:nth-child(6) .sub-menu {
      padding-top: 16.5em; } }

.archive .featured-product {
  float: left;
  display: block;
  padding-left: 0;
  padding-right: 0;
  margin: 0; }
  @media (min-width: 481px) {
    .archive .featured-product {
      padding-left: 1.5em; } }
  @media (min-width: 768px) {
    .archive .featured-product {
      padding-left: 1.8em; } }
  @media (min-width: 1020px) {
    .archive .featured-product {
      padding-left: 2em; } }
  @media (min-width: 1240px) {
    .archive .featured-product {
      padding-left: 1.5em; } }

.archive-products-header-with-image {
  position: relative;
  display: block;
  float: left;
  margin-bottom: 1.5em; }
  .archive-products-header-with-image h1 {
    margin-bottom: 0; }
  .archive-products-header-with-image img {
    width: 100%;
    height: auto;
    display: block;
    float: left; }
  .archive-products-header-with-image p {
    max-width: 750px;
    margin-bottom: 0;
    padding: 0;
    font-style: italic; }
  .archive-products-header-with-image .text {
    display: block;
    float: left;
    width: 100%;
    padding: 1.5em 1.5em 3em 1.5em; }
  @media (min-width: 481px) {
    .archive-products-header-with-image {
      width: calc(66% - 0.5em);
      padding: 1.5em 1.5em 3em 1.5em; }
      .archive-products-header-with-image .text {
        padding-bottom: 0; } }
  @media (min-width: 768px) {
    .archive-products-header-with-image {
      width: calc(75% - 0.5em);
      padding: 1.8em 1.8em 2.3em 1.8em;
      margin-bottom: 1.8em; }
      .archive-products-header-with-image img {
        width: 42%;
        height: auto; }
      .archive-products-header-with-image .text {
        width: 58%;
        position: absolute;
        right: 0;
        padding: 0 6% 0 6%;
        bottom: 25%; } }
  @media (min-width: 1020px) {
    .archive-products-header-with-image {
      padding: 2em 2em 2em 2em;
      margin-bottom: 2em; }
      .archive-products-header-with-image img {
        width: 40%; }
      .archive-products-header-with-image .text {
        width: 60%; } }
  @media (min-width: 1240px) {
    .archive-products-header-with-image {
      width: calc(80% - 1em);
      margin-right: 1em;
      padding: 2.5em;
      margin-bottom: 2.5em; }
      .archive-products-header-with-image .text {
        bottom: 30%; } }
  @media (min-width: 1640px) {
    .archive-products-header-with-image img {
      width: 35%; }
    .archive-products-header-with-image .text {
      width: 65%;
      bottom: 33%; } }

.box-title, .woocommerce-cart .entry-header {
  display: block;
/*  float: left; */
  width: 100%;
  padding: 3em 1.5em 3em 1.5em;
  margin-bottom: 1.5em;
  background-color: #f4ede1; }
  .box-title h1, .woocommerce-cart .entry-header h1 {
    margin: 0;
    text-align: center; }
  .box-title p, .woocommerce-cart .entry-header p {
    max-width: 750px;
    margin-bottom: 0;
    padding: 0;
    font-style: italic;
    text-align: center; }
  @media (min-width: 768px) {
    .box-title, .woocommerce-cart .entry-header {
      padding: 3.5em;
      margin-bottom: 1.8em; }
      .box-title h1, .woocommerce-cart .entry-header h1, .box-title p, .woocommerce-cart .entry-header p {
        text-align: left; } }
  @media (min-width: 1020px) {
    .box-title, .woocommerce-cart .entry-header {
      margin-bottom: 2em; } }
  @media (min-width: 1240px) {
    .box-title, .woocommerce-cart .entry-header {
      padding: 4em;
      margin-bottom: 2.5em; } }

.boxzilla {
  width: 100%;
  background-color: #c3d8d9 !important;
  border: none !important;
  color: black !important;
  border-top: solid 1px #bad2d3 !important;
/*  padding: 2em 2em !important; */
  font-family: "Etica", Verdana, sans-serif; }
  .boxzilla .boxzilla-content {
/*    max-width: 750px; */
    margin: 0 auto; }
  .boxzilla h2, .boxzilla h3 {
    font-family: "Etica", Verdana, sans-serif;
    font-weight: bold;
    font-size: 1em; }
  .boxzilla .first-child, .boxzilla p {
/*    display: inline; */}
  .boxzilla .gform_wrapper {
    clear: left;
    margin-top: 1.5em;
    width: 100%; }
  .boxzilla form .gform_body {
    width: 100%; }
    .boxzilla form .gform_body .gform_fields {
      margin: 0;
      padding: 0;
      list-style: none;
      display: block;
      margin-bottom: 1.5em; }
      .boxzilla form .gform_body .gform_fields .gfield {
        width: auto; }
        .boxzilla form .gform_body .gform_fields .gfield .gfield_label:after {
          content: ':';
          margin-right: 0.5em; }
        .boxzilla form .gform_body .gform_fields .gfield .ginput_container {
          width: auto; }
          .boxzilla form .gform_body .gform_fields .gfield .ginput_container input {
            width: 100%;
            max-width: 350px;
            line-height: 1.5; }
  .boxzilla form .gform_footer .gform_button {
    font-size: 0.75em;
    width: 100%;
    display: block; }
  .boxzilla .boxzilla-content a:last-child {
    display: block;
    width: 100%;
    font-size: 0.75em;
    padding: 0.9em 2em 0.8em 2em;
    margin-top: 1.5em; }
    .boxzilla .boxzilla-content a:last-child:hover {
      padding: 0.9em 2em 0.9em 2em;
      border: solid 1px #000000; }
  @media (min-width: 481px) {
    .boxzilla form .gform_body .gform_fields .gfield_label {
      display: inline; }
    .boxzilla form .gform_body .gform_fields .ginput_container {
      display: inline; }
    .boxzilla form .gform_footer .gform_button {
      width: 10em;
      float: left; }
    .boxzilla .boxzilla-content a:last-child {
      width: 10em;
      float: left;
      margin-left: 1em;
      margin-top: 0; } }
  @media (min-width: 768px) {
    .boxzilla form .gform_body {
      max-width: 450px;
      display: inline-block;
      float: left;
      margin-top: 0.5em; }
      .boxzilla form .gform_body .gform_fields {
        margin-bottom: 0; }
    .boxzilla form .gform_footer {
      display: inline-block;
      float: left; }
      .boxzilla form .gform_footer .gform_button {
        display: inline-block;
        float: left;
        margin-top: 0;
        margin-left: 1em; } }
  @media (min-width: 1240px) {
    .boxzilla {
/*      padding: 2.5em !important; */
      padding-left: 4em !important; } }

.woocommerce-shipping-totals .woocommerce-shipping-destination, .woocommerce-shipping-totals .shipping_method, .woocommerce-shipping-totals label, .woocommerce-shipping-totals span, .woocommerce-shipping-totals .pickupservice {
/*
  display: none !important;
  visibility: hidden; 
*/
}
/* PMB STUFF SHIPPING */
.woocommerce-shipping-destination {
    display: none !important;
  visibility: hidden; 
}

.woocommerce-shipping-totals td ul {
  list-style: none; }

/*********************
IMPORTING PAGES

Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
.article-page-template-default .box-title, .article-page-template-default .woocommerce-cart .entry-header, .woocommerce-cart .article-page-template-default .entry-header {
  clear: both; }
  .article-page-template-default .box-title h1, .article-page-template-default .woocommerce-cart .entry-header h1, .woocommerce-cart .article-page-template-default .entry-header h1 {
    text-align: center; }

.article-page-template-default h2, .article-page-template-default h3, .article-page-template-default ul, .article-page-template-default ol, .article-page-template-default p, .article-page-template-default .gform_footer {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  clear: both; }

.article-page-template-default h2 {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: solid 1px #f4ede1; }

.article-page-template-default h3 {
  margin: 1.7em auto 1.7rem; }

.article-page-template-default p {
  margin: 0 auto 1.7em; }

.article-page-template-default ul, .article-page-template-default ol {
  margin: 0 auto; }
  .article-page-template-default ul li, .article-page-template-default ol li {
    margin-bottom: 1.7em; }

.article-page-template-default img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  margin-bottom: 3.4em;
  margin-top: 3.4em; }

.article-page-template-default figure {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  margin-bottom: 3.4em;
  margin-top: 3.4em; }
  .article-page-template-default figure ul, .article-page-template-default figure ol {
    margin: 0 auto; }
    .article-page-template-default figure ul li, .article-page-template-default figure ol li {
      margin-bottom: 0.7em; }
  .article-page-template-default figure img {
    width: 100%;
    margin: 0; }
  .article-page-template-default figure figcaption {
    font-family: "Etica", Verdana, sans-serif;
    color: #85817b;
    margin-top: 1em; }

@media (min-width: 1020px) {
  .article-page-template-default img, .article-page-template-default figure {
    width: 80%; } }

.woocommerce-cart {
  /*******************************
	HEADER
	********************************/
  /*******************************
	CONTENT
	********************************/
  /*******************************
	MESSAGE
	********************************/
  /*******************************
	PRODUCTS
	********************************/
  /*******************************
	PRODUCT ITEM
	********************************/
  /*******************************
	ACTIONS
	********************************/
  /*******************************
	COUPON
	********************************/
  /*******************************
	UPDATE CART
	********************************/
  /*******************************
	CART TOTALS
	********************************/
  /*******************************
	CROSS SELLS
	********************************/ }
  .woocommerce-Price-amount {white-space: nowrap;}
  .woocommerce-cart .entry-content {
    font-family: "Etica", Verdana, sans-serif; }
  .woocommerce-cart .woocommerce-message {
    float: left;
    width: 100%; }
  .woocommerce-cart .cart-empty {
    float: left;
    display: block;
    width: 100%; }
  .woocommerce-cart .return-to-shop {
    float: left;
    display: block; }
  .woocommerce-cart .woocommerce-cart-form {
    margin-bottom: 2em;
    width: 100%;
    float: left; }
    .woocommerce-cart .woocommerce-cart-form a {
      text-decoration: none;
      border-bottom: none; }
      .woocommerce-cart .woocommerce-cart-form a:hover {
        background-color: transparent; }
    @media (min-width: 1020px) {
      .woocommerce-cart .woocommerce-cart-form {
        max-width: 60%; } }
  .woocommerce-cart .cart_item {
    position: relative;
    margin: 0;
    padding-top: 1em;
    padding-bottom: 0.8em;
    border-bottom: 1px solid #f4ede1; }
    .woocommerce-cart .cart_item:first-of-type {
      border-top: 1px solid #f4ede1; }
    .woocommerce-cart .cart_item:last-of-type {
      margin-bottom: 2em; }

      .product-price {text-align: center;}
      .product-subtotal {text-align:center;}
    .tax_label {display:none;}
    .product-remove {
      display: none;
/*
      position: absolute;
      right: 0;
      top: 0;
      font-size: 1.8em; */ }
      .woocommerce-cart .cart_item .product-remove a {
        text-decoration: none;
        line-height: 1;
        color: #000000; }
    .woocommerce-cart .cart_item .product-thumbnail {
      padding-right: 1em;
      width: 15%;
     /* float: left; */}
      .woocommerce-cart .cart_item .product-thumbnail img {
        width: 100%;
        height: auto; }
    .woocommerce-cart .cart_item .product-name {
      /* width: 85%;
       float: left; */
      font-size: 1.2em;
      letter-spacing: 0.02em;
      font-family: "Etica", Verdana, sans-serif;
      font-weight: bold;
      border-bottom: 1em;
      padding-right: 2em; }
      .woocommerce-cart .cart_item .product-name a {
        text-decoration: none;
        color: #000000; }
        .woocommerce-cart .cart_item .product-name a:hover {
          border-bottom: solid 2px #000000; }
    .woocommerce-cart .cart_item .product-price {
      margin-bottom: 0.5em; }
    .woocommerce-cart .cart_item .product-quantity {
      width: 2.5em;
      /* display: block; 
      float: left; */
      text-align: right; }
      .woocommerce-cart .cart_item .product-quantity .quantity {
        width: 100%; }
      .woocommerce-cart .cart_item .product-quantity input {
        padding: 0;
        height: auto;
        border: solid 1px #f4ede1;
        padding: 0.3em 0 0.3em 0.5em;
        width: 100%;
        font-family: "Etica", Verdana, sans-serif; }
    .woocommerce-cart .cart_item .product-subtotal {
/*
      width: auto;
      display: block;
      float: right;
      text-align: right;
      position: absolute;
      bottom: 1em;
      right: 0;*/ }
  .woocommerce-cart .actions {
    margin-top: 1em;
   /* float: left; */
    width: 100%; }
    .woocommerce-cart .actions .button, .woocommerce-cart .actions .secondary-button, .woocommerce-cart .actions .boxzilla .boxzilla-content a:last-child, .boxzilla .boxzilla-content .woocommerce-cart .actions a:last-child {
      width: 100%; background-color: #c3d8d9; color: #000;}
    @media only screen and (min-width: 768px) {
      .woocommerce-cart .actions .button, .woocommerce-cart .actions .secondary-button, .woocommerce-cart .actions .boxzilla .boxzilla-content a:last-child, .boxzilla .boxzilla-content .woocommerce-cart .actions a:last-child {
        width: auto; }
      .woocommerce-cart .actions .submit {
        float: right; } }
  .woocommerce-cart .coupon {
    margin-bottom: 1em;
/* remove coupon for now PMB 2019-03-06 */
/*    display: none; */
    float: right;
    border-bottom: 1px solid #f4ede1;
    width: 100%; }
    .woocommerce-cart .coupon .input-text {
      width: 45%;
      margin-bottom: 0;
      height: 2.1em;
      margin-bottom: 1em;
      border: 1px solid #252525;
      padding-left: 0.5em; }
    .woocommerce-cart .coupon .button, .woocommerce-cart .coupon .secondary-button, .woocommerce-cart .coupon .boxzilla .boxzilla-content a:last-child, .boxzilla .boxzilla-content .woocommerce-cart .coupon a:last-child {
      width: 53%;
      background-color: #c3d8d9;
      border: none;
      color: #252525;
      margin-bottom: 1em; }
      .woocommerce-cart .coupon .button:hover, .woocommerce-cart .coupon .secondary-button:hover, .woocommerce-cart .coupon .boxzilla .boxzilla-content a:hover:last-child, .boxzilla .boxzilla-content .woocommerce-cart .coupon a:hover:last-child {
        padding: 0.8em 1.8em 0.7em 2.2em; }
    @media only screen and (min-width: 481px) {
      .woocommerce-cart .coupon .input-text {
        margin-bottom: 0;
        width: 11em;
        display: inline-block;
        margin-right: 0.3em; }
      .woocommerce-cart .coupon .button, .woocommerce-cart .coupon .secondary-button, .woocommerce-cart .coupon .boxzilla .boxzilla-content a:last-child, .boxzilla .boxzilla-content .woocommerce-cart .coupon a:last-child {
        width: auto;
        display: inline-block; } }
  .woocommerce-cart .update {
    float: right;
    clear: both;
    width: 100%;
    background-color: #c3d8d9;
    border: none;
    color: #252525; }
    .woocommerce-cart .update:hover {
      padding: 0.8em 1.8em 0.7em 2.2em; }
  .woocommerce-cart .cart-collaterals {
    margin-bottom: 2em;
    float: left;
    width: 100%; }
    .woocommerce-cart .cart-collaterals .cart_totals {
      width: 100%;
      background-color: #f4ede1; }
      .woocommerce-cart .cart-collaterals .cart_totals table {
        width: 100%; }
      .woocommerce-cart .cart-collaterals .cart_totals h2 {
        margin: 0;
        font-size: 1.2em;
        font-weight: bold;
        letter-spacing: 0.02em;
        font-family: "Etica", Verdana, sans-serif; }
    .woocommerce-cart .cart-collaterals .shipping ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .woocommerce-cart .cart-collaterals .shipping input, .woocommerce-cart .cart-collaterals .shipping label {
      /* width: auto;
      float: left;
      display: block; */}
    .woocommerce-cart .cart-collaterals .shipping label {
      font-size: 1em;
      font-family: "Etica", Verdana, sans-serif;
      padding-left: 0.5em;
      width: calc(100% - 20px); }
    .woocommerce-cart .cart-collaterals .shipping input {
      clear: left;
      margin-top: 0.3em;
      width: 20px; }
      .woocommerce-cart .cart-collaterals .shipping input#calc_shipping_state, .woocommerce-cart .cart-collaterals .shipping input#calc_shipping_city, .woocommerce-cart .cart-collaterals .shipping input#calc_shipping_postcode {
        display: block;
        width: auto;
        width: inherit; }
    .woocommerce-cart .cart-collaterals .shipping button {
      display: block;
      clear: both; }
    .woocommerce-cart .cart-collaterals .shipping p {
      display: table;
      clear: both;
      margin-bottom: 10px; }
    .woocommerce-cart .cart-collaterals h2, .woocommerce-cart .cart-collaterals th, .woocommerce-cart .cart-collaterals td {
      border-top: 1px solid #fffbf2;
      padding: 20px 10px 20px 25px; }
    .woocommerce-cart .cart-collaterals th {
      text-align: left;
      vertical-align: text-top;
      font-family: "Etica", Verdana, sans-serif;
      font-weight: normal; }
    .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
      float: right;
      margin-top: 2em;
      width: 100%; }
      .woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a {
        text-decoration: none;
        color: #ffffff;
        width: 100%;
        display: block;
        text-align: center; }
    @media (min-width: 1020px) {
      .woocommerce-cart .cart-collaterals {
        max-width: 35%;
        margin-left: 5%; } }
  .woocommerce-cart .cross-sells {
    clear: both;
    padding-top: 4.5em; }
    .woocommerce-cart .cross-sells h2 {
      text-align: center;
      margin-top: 0; }
    .woocommerce-cart .cross-sells .product h2 {
      text-align: left; }

.woocommerce-checkout {
  font-family: "Etica", Verdana, sans-serif;
  /*******************************
	LOGIN TO CUSTOMER ACCOUNT
	********************************/
  /*******************************
	COUPON
	********************************/
  /*******************************
	ORDER REVIEW
	********************************/
  /*******************************
	CREATE ACCOUNT
	********************************/
  /*******************************
	ORDER NOTES
	********************************/
  /*******************************
	ORDER FORM KLARNA
	********************************/ }
  .woocommerce-checkout .woocommerce-form-login-toggle {
    margin-bottom: 1em; }
  .woocommerce-checkout .woocommerce-form-login {
    margin-bottom: 2em; }
    .woocommerce-checkout .woocommerce-form-login label {
      display: block; }
    .woocommerce-checkout .woocommerce-form-login #username, .woocommerce-checkout .woocommerce-form-login #password {
      padding: 0;
      height: 2.52em;
      border: none;
      padding: 0.3em 0 0.3em 0.3em;
      width: 100%;
      border: 1px solid #f4ede1;
      max-width: 400px;
      width: 100%; }
  .woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none; }
  .woocommerce-checkout .checkout_coupon {
    width: 100%; }
    .woocommerce-checkout .checkout_coupon input {
      padding: 0;
      height: 2.52em;
      border: none;
      padding: 0.3em 0 0.3em 0.3em;
      width: 100%;
      border: 1px solid #f4ede1;
      width: 400px; }
  .woocommerce-checkout #kco-order-review {
    width: 100%;
    max-width: 575px;
    float: left;
    font-size: 1em;
    padding-right: 0; }
    .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table {
      float: left;
      width: 100%; }
      .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table .pickupservice {
        display: none; }
      .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table thead {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute; }
      .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody {
        width: 100%;
        float: left; }
        .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody tr {
          border-bottom: 1px solid #fffbf2;
          width: 100%;
          float: left;
          background-color: #f4ede1; }
          .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody tr td {
            padding: 1em 1em 0.8em; }
          .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody tr td.product-name {
            width: 60%;
            float: left; }
            .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody tr td.product-name .quantity {
              display: block;
              margin-top: 0.5em;
              clear: both; }
              .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody tr td.product-name .quantity .qty {
                width: 40px;
                height: auto;
                padding: 5px 0;
                text-align: center;
                border: none;
                line-height: 1; }
      .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tfoot {
        width: 100%;
        float: left;
        text-align: left; }
        .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tfoot tr {
          border-bottom: 1px solid #fffbf2;
          width: 100%;
          float: left;
          background-color: #f4ede1; }
          .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tfoot tr td, .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tfoot tr th {
            padding: 1em 1em 0.8em; }
          .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tfoot tr th {
            width: 60%;
            float: left;
            letter-spacing: 0.02em;
            text-align: left; }
        .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals ul {
          display: inline;
          padding: 0;
          margin: 0; }
    @media only screen and (min-width: 768px) {
      .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody tr td.product-name {
        /* width: 70%; */
        padding-right: 4.5em;
        position: relative;
        line-height: 1.5; }
        .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tbody tr td.product-name .quantity {
          margin-top: 0;
          position: absolute;
          right: 1em;
          top: 1em; }
      .woocommerce-checkout #kco-order-review .woocommerce-checkout-review-order-table tfoot tr th {
        /* width: 70%; */ } }
    @media only screen and (min-width: 1240px) {
      .woocommerce-checkout #kco-order-review {
        max-width: 480px; } }
  .woocommerce-checkout .woocommerce-account-fields .create-account.woocommerce-validated span {
    margin-left: 0.5em; }
  .woocommerce-checkout .woocommerce-account-fields .create-account #account_password {
    padding: 0;
    height: 2.52em;
    border: none;
    padding: 0.3em 0 0.3em 0.3em;
    width: 100%;
    border: 1px solid #f4ede1;
    width: 100%; }
  .woocommerce-checkout #kco-extra-fields {
    float: left;
    width: 100%; }
    .woocommerce-checkout #kco-extra-fields label {
      display: block; }
    .woocommerce-checkout #kco-extra-fields textarea {
      float: left;
      width: 100%;
      border: 1px solid #f4ede1;
      min-height: 120px;
      line-height: 1.5; }
  .woocommerce-checkout #kco-iframe {
    width: 100%;
    max-width: 575px;
    float: left;
    padding-left: 0; }
    .woocommerce-checkout #kco-iframe iframe {
      border: 1px solid #f4ede1;
      padding: 1em 1em 0;
      background-color: #ffffff; }
    @media only screen and (min-width: 1240px) {
      .woocommerce-checkout #kco-iframe {
        margin-left: 50px;
        max-width: 520px; } }
    @media only screen and (min-width: 1387px) {
      .woocommerce-checkout #kco-iframe {
        margin-left: 100px;
        max-width: 620px; } }

.woocommerce-order-received {
  font-family: "Etica", Verdana, sans-serif;
  /*******************************
	NOTICE
	********************************/
  /*******************************
	ORDER DETAILS
	********************************/
  /*******************************
	ORDER DETAILS PRODUCTS
	********************************/
  /*******************************
	ORDER DETAILS PRODUCTS
	********************************/
  /*******************************
	ADDRESSES
	********************************/ }
  .woocommerce-order-received .entry-content {
    width: 100%;
    max-width: 1200px; }
    .woocommerce-order-received .entry-content h2 {
      font-size: 1.2em;
      font-weight: bold; }
  .woocommerce-order-received .woocommerce-order-overview {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2em;
    width: 100%;
    max-width: 400px;
    float: left; }
  .woocommerce-order-received #klarna-checkout-container {
    max-width: 575px;
    margin: 0 0 2em 0;
    overflow-x: visible; }
    @media only screen and (min-width: 1240px) {
      .woocommerce-order-received #klarna-checkout-container {
        margin-left: 475px; } }
    @media (min-width: 1400px) {
      .woocommerce-order-received #klarna-checkout-container {
        max-width: 700px;
        margin-left: 500px; } }
  .woocommerce-order-received .woocommerce-order-details {
    float: left;
    width: 100%;
    max-width: 575px;
    margin: 0 0 2em 0;
    background-color: #f4ede1; }
    .woocommerce-order-received .woocommerce-order-details table {
      width: 100%; }
    .woocommerce-order-received .woocommerce-order-details th {
      text-align: left;
      vertical-align: text-top;
      font-family: "Etica", Verdana, sans-serif;
      font-weight: normal; }
    .woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-order-details th, .woocommerce-order-received .woocommerce-order-details td {
      border-top: 1px solid #fffbf2;
      padding: 20px 10px 20px 25px; }
    .woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title {
      margin: 0; }
    @media only screen and (min-width: 1240px) {
      .woocommerce-order-received .woocommerce-order-details {
        display: block;
        float: right;
        margin-left: 75px; } }
    @media (min-width: 1400px) {
      .woocommerce-order-received .woocommerce-order-details {
        margin-left: 100px;
        max-width: 700px; } }
  .woocommerce-order-received .woocommerce-customer-details {
    width: 100%;
    max-width: 400px;
    float: left;
    margin-bottom: 2em; }
    .woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
      margin-top: 2em; }
    .woocommerce-order-received .woocommerce-customer-details .woocommerce-column--billing-address .woocommerce-column__title {
      margin-top: 1em; }
    .woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--phone, .woocommerce-order-received .woocommerce-customer-details .woocommerce-customer-details--email {
      margin: 0; }
    .woocommerce-order-received .woocommerce-customer-details address {
      font-style: normal; }
  @media only screen and (min-width: 1030px) {
    .woocommerce-order-received .woocommerce-order-overview, .woocommerce-order-received .woocommerce-customer-details, .woocommerce-order-received .woocommerce-notice {
      display: block;
      float: left;
      clear: left; } }

/**
 * Page displaying infpormation about a single product
 */
.single-product {
  /*******************************
	MESSAGE
	********************************/
  /*******************************
	PRODUCT TITLE
	********************************/
  /*******************************
	PRODUCT INFORMATION
	********************************/
  /*******************************
	PRODUCT GALLERY
	********************************/ }
  .single-product .woocommerce-message, .single-product .woocommerce-error {
    margin-top: 3em; }
  .single-product .product_title {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    margin-bottom: 0.2em;
    font-family: "Etica", Verdana, sans-serif;
    font-weight: bold;
    font-size: 1.5em; }
  .single-product .summary {
    float: right;
    width: 100%;
    margin-bottom: 1em; }
    .single-product .summary a {
      color: #000000; }
    .single-product .summary p {
      margin: 0;
      padding: 0;
      margin-bottom: 0.5em;
      font-family: "Etica", Verdana, sans-serif;
      font-size: 0.875em; }
    .single-product .summary #product-brands-below-title, .single-product .summary .price {
      line-height: 1; }
    .single-product .summary #product-color-text {
      border: 1px solid #f4ede1;
      padding: 0.8em; }
      .single-product .summary #product-color-text img {
        width: 25px;
        height: auto;
        display: block;
        float: left; }
      .single-product .summary #product-color-text span {
        padding-left: 1em;
        display: block;
        float: left;
        line-height: 25px; }
    .single-product .summary .out-of-stock {
      width: 100%;
      border: solid 1px #f4ede1;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.13em;
      font-weight: bold;
      color: #85817b;
      padding: 1em 2em 0.9em 2em;
      line-height: 1; }
    .single-product .summary .meta-info {
      font-family: "Etica", Verdana, sans-serif;
      font-size: 0.875em;
      margin-bottom: 0.5em; }
      .single-product .summary .meta-info span {
        clear: both;
        display: block;
        font-weight: bold; }
      .single-product .summary .meta-info:first-of-type {
        margin-top: 1em; }
  .single-product .single_add_to_cart_button {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.5em; }
  .single-product .in-stock, .single-product .qty {
    visibility: hidden;
    display: none; }
  .single-product .woocommerce-product-gallery {
    float: left;
    width: 100%;
    margin-bottom: 1.5em; }
    .single-product .woocommerce-product-gallery img {
      width: 50%;
      height: auto; }
      .single-product .woocommerce-product-gallery img:nth-of-type(odd) {
        padding: 0 0.5em 1em 0em; }
      .single-product .woocommerce-product-gallery img:nth-of-type(even) {
        padding: 0 0 1em 0.5em; }
    .single-product .woocommerce-product-gallery .video {
      width: 100%;
      float: left; }
  .single-product .woocommerce-product-details__short-description {
    width: 100%;
    float: left;
    padding-right: 1em;
    font-size: 0.875em; }
    .single-product .woocommerce-product-details__short-description p {
      max-width: 700px;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 1.5em;
      margin-top: 0; }
  .single-product .related, .single-product .up-sells {
    width: 100%;
    margin: 0;
    display: block;
    float: left;
    border-top: solid 1px #f4ede1;
    padding-top: 2em;
    margin-bottom: 2em;
    margin-top: 1.5em; }
    .single-product .related h2, .single-product .up-sells h2 {
      font-size: 2.125em;
       /* font-family: "Domaine Bold", Georgia, serif;  */
 font-family: "Etica", Verdana, sans-serif;
      text-align: center;
      margin: 0;
      padding: 0;
      margin-bottom: 1em; }
  @media (min-width: 481px) {
    .single-product .summary {
      width: 220px; }
      .single-product .summary .price {
        margin-bottom: 3em; }
    .single-product .single_add_to_cart_button {
      margin-top: 0;
      margin-bottom: 0.5em;
      position: relative; }
    .single-product .woocommerce-product-gallery, .single-product .woocommerce-product-details__short-description {
      width: calc(100% - 220px); }
    .single-product .woocommerce-product-gallery img {
      width: 100%; }
      .single-product .woocommerce-product-gallery img:nth-of-type(odd), .single-product .woocommerce-product-gallery img:nth-of-type(even) {
        padding: 0 1.5em 1.5em 0em; }
    .single-product .woocommerce-product-gallery .video {
      padding: 0 1.5em 1.5em 0em; }
    .single-product .woocommerce-product-details__short-description {
      padding-right: 1.5em; } }
  @media (min-width: 768px) {
    .single-product .summary {
      width: 230px; }
      .single-product .summary p {
        margin-bottom: 0.6em; }
    .single-product .woocommerce-product-gallery, .single-product .woocommerce-product-details__short-description {
      width: calc(100% - 230px); }
    .single-product .woocommerce-product-gallery img {
      width: 50%; }
      .single-product .woocommerce-product-gallery img:nth-of-type(odd), .single-product .woocommerce-product-gallery img:nth-of-type(even) {
        padding: 0 1.8em 1.8em 0em; }
    .single-product .woocommerce-product-gallery .video {
      padding: 0 1.8em 1.8em 0em; }
    .single-product .woocommerce-product-details__short-description {
      padding-right: 1.8em;
      font-size: 1em; }
    .single-product .related, .single-product .up-sells {
      padding-top: 2.5em;
      margin-top: 1.5em; }
      .single-product .related .products .product, .single-product .up-sells .products .product {
        width: 33%; } }
  @media (min-width: 1020px) {
    .single-product .woocommerce-product-gallery img:nth-of-type(odd), .single-product .woocommerce-product-gallery img:nth-of-type(even) {
      padding: 0 2em 2em 0em; }
    .single-product .woocommerce-product-gallery .video {
      padding: 0 2em 2em 0em; }
    .single-product .woocommerce-product-details__short-description {
      padding-right: 2em; } }
  @media (min-width: 1240px) {
    .single-product .woocommerce-product-gallery img {
      padding: 0 2.5em 2.3em 0em; }
    .single-product .woocommerce-product-gallery .video {
      padding: 0 2.5em 2.3em 0em; }
    .single-product .woocommerce-product-details__short-description {
      padding-right: 2.5em; }
    .single-product .related .products .product, .single-product .up-sells .products .product {
      width: 20%; } }
  @media (min-width: 1640px) {
    .single-product .summary {
      width: 260px; }
    .single-product .woocommerce-product-gallery, .single-product .woocommerce-product-details__short-description {
      width: calc(100% - 260px); } }

.single-post article header {
  width: 100%;
  border-bottom: solid 1px #f4ede1;
  padding-bottom: 3.4em;
  margin-bottom: 3.4em; }
  .single-post article header p {
    margin: 0;
    font-style: italic; }
  .single-post article header h1 {
    margin: 0;
    margin-bottom: 1em; }
  .single-post article header img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 2em; }

.single-post article .text-container {
  text-align: center; }
  .single-post article .text-container p {
    max-width: 600px;
    margin: 0 auto; }

.single-post article .content h2, .single-post article .content h3, .single-post article .content p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }

.single-post article .content p {
  margin-bottom: 1.5em; }

.single-post article .content img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  margin-bottom: 3em;
  margin-top: 3em; }

.single-post article .content figure {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  margin-bottom: 3.4em;
  margin-top: 3.4em; }
  .single-post article .content figure img {
    width: 100%;
    margin: 0; }
  .single-post article .content figure figcaption {
    font-family: "Etica", Verdana, sans-serif;
    color: #85817b;
    margin-top: 1em; }

@media (min-width: 1020px) {
  .single-post article header {
    position: relative;
    overflow: hidden; }
    .single-post article header img {
      width: 70%;
      height: auto;
      margin-bottom: 0;
      left: 0; }
    .single-post article header .text-container {
      width: 50%;
      max-width: 700px;
      margin-left: -5em;
      position: absolute;
      right: 0;
      top: 0;
      background-color: #faeed4;
      padding: 3em;
      padding-bottom: 4em;
      top: 50%;
      right: 0;
      transform: translate(0, -50%); }
  .single-post article .content img, .single-post article .content figure {
    width: 80%; } }

.woocommerce-lost-password {
  font-family: "Etica", Verdana, sans-serif; }
  .woocommerce-lost-password .entry-content {
    width: 100%;
    max-width: 600px; }
  .woocommerce-lost-password label {
    display: block; }
  .woocommerce-lost-password input {
    padding: 0;
    height: 2.52em;
    border: none;
    padding: 0.3em 0 0.3em 0.3em;
    width: 100%;
    border: 1px solid #f4ede1;
    width: 100%;
    max-width: 400px; }
  .woocommerce-lost-password button {
    width: 100%;
    max-width: 400px; }

.home .product-container {
  display: block;
  float: left; }

.home .campaign-full-width {
  margin-bottom: 2.2em; }

.error404 article {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em; }
  .error404 article .search-form {
    margin-top: 3em; }

.moo-vipps-buy-now {
 /* margin-bottom: 2em; */
  display: inline-block;
  width: 100%;
}
#product-single-meta {
 /* margin-top: 2em; */
}
a.button.vipps-express-checkout {
  background-color: #fff !important;
}
a.button.vipps-express-checkout img {
  margin-top: 1em;
}



/**** Embed Video product (Woo hook at functions.php)***/

.display-video {
 
}
.video-trigger-button{

  display: block;
  background-color: transparent !important;
  border: solid 2px #000000 !important;
  margin-top: 1em;
}


/* Modal window*/


.video-content {
  text-align: center;
}



.close {
  float: right;
  font-size: 36px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  filter: alpha(opacity=20);
}


.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}


button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}


.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}



.modal-open .modal {
  overflow: hidden;
}


.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}


.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}


.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fffbf2;
}


.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}


.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}



.modal-header {
  padding: 15px;

}


.modal-header .close {
  margin-top: -2px;
}


.modal-title {
  margin: 0;
  line-height: 1.42857143;
}


.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}


.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}


.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.video-picture-container .picture-link
.video-modal-container .video-link {
  display: block;
  margin: 0 auto 0px;
  border: none;
}

.picture-header button.close,
.video-header button.close {
  color: black;
}


.modal-dialog {
  width: 100%;
  margin: calc(50vh - 200px) auto;
}
@media (min-width: 800px) {
  .modal-dialog {
    width: 85vw;
    margin: calc(50vh - 280px) auto;
  }
}
@media (min-width: 1280px) {
  .modal-dialog {
    margin: calc(50vh - 350px) auto;
  }
}

.video-body iframe {
  min-height: 320px;
   width: 90%;
}
@media (min-width: 800px) {
  .video-body iframe {
    min-height: 500px;
        width: 90%;
  }
}
@media (min-width: 1280px) {
  .video-body iframe {
    min-height: 700px;
  }
}

.modal-dialog-picture {
  width: 100%;
  margin: calc(50vh - 200px) auto;
}
@media (min-width: 800px) {
  .modal-dialog-picture {
    width: 60vw;
    margin: calc(50vh - 280px) auto;
  }
}
@media (min-width: 1280px) {
  .modal-dialog-picture {
    margin: calc(50vh - 400px) auto;
  }
}

.picture-body .picture-caption {
  color: white;
  margin-top: 1rem;
  font-size: 20px;
  text-align: center;
}

/******************
   Sett deg på venteliste!
**********************/
.xoo-wl-btn-container{
   margin-bottom: 1em;
}

button.xoo-wl-open-form-btn{
    font-size: 0.82em;
  line-height: 1.1;
  border-radius: 0;
  padding: 1em 2em 0.8em 2em;
}
button.xoo-wl-open-form-btn:hover{
  padding: 0.65em 2em 0.65em 2em;
}


/**********************
    Share dream gift 
 *******************/
 
 
 
 .share-gift{
  position: relative;
   margin-top: 1.5em;
  font-family: "Etica", Verdana, sans-serif;
 }
  .share-gift:after{
   content: " ";
   display: block;
   width: 30px;
   height: 30px;
   background-image: url('img/icon-heart-box-line.svg');
   background-size: contain;
   background-repeat: no-repeat;
   position: absolute;
    top: -3px;
 
  }
 .share-gift a.link{
    position: relative;
    margin-left: 40px;
    border-bottom: none;
    background: none;
    font-size: 0.87em;
    font-weight: 700;
   
 }

 .share-gift a.link:hover{
   border-bottom: solid 1px #85817b;
}
.share-gift .message{
   display: block;
   opacity: 0;
   transition: all .2s;
   background: #000000;
   color: white;
 /* border: 1px solid #f4ede1; */
    padding: 0.6em 0.8em;
    border-radius: 8px;
    font-size: 0.7em;
    margin-top: 0.5em;
    position: relative;
    transform: translate(0 , -2px);
 }
 .share-gift a.link:hover + .message{
    transform: translate(0 , 3px);
   opacity: 1;
 }
 
 .share-gift .message:before{
    position: absolute;
    top: -6px;
    right: calc(50% - 6px);
    content: "";
    border: 6px dashed #000000;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;

 }
 
 
 
 /** Pop-up window **/
 
 .popup{
   position: fixed;
   bottom: 0;
   left: 0;
    right: 0;
    top: 0;
    display: none;
    z-index: 1000000;
 }
 
  .popup.open-popup{
     display: block;
  }
  
 .popup-overlay{
    background: #fffbf2;
    opacity: 0.9;
    text-shadow: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
 }
 
 .popup-container{
    margin: 0 auto;
    max-width: 500px;
    width: 90%;
    margin-top: 20vw;
 }

 
.popup-close {
    top: 2em;
    right: 2em;
    position: absolute;
    cursor: pointer;
    background-image: url('library/images/hamburger-close.png');
    background-position: right top;
    background-size: 16px auto;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
 .popup-container input[type="text"], 
 .popup-container input[type="email"]{
   display: block;
   margin-bottom: 1.5em; 
   width: 100%;
 }