@charset "UTF-8";
/*!
Theme Name: Ddrops 2020 Blogs
Theme URI: http://underscores.me/
Author: Nathan Adshead
Author URI: http://nateweb.ca
Description: Ddrops 2020 Blogs
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vitamin-d-drops
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! 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 {
  -webkit-box-sizing: content-box;
          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 */
  -webkit-text-decoration: underline dotted;
          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 {
  -webkit-box-sizing: border-box;
          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"] {
  -webkit-box-sizing: border-box;
          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;
}

/*--------------------------------------------------------------
# Colours
--------------------------------------------------------------*/
/* Blues */
/* Grays */
/* Blacks */
/* Greens */
/* Purples */
/* Oranges */
/* Yellows */
/* Pinks */
/* FAQ box colours */
.backing-green {
  background-color: #78af2d;
}

.backing-gray {
  background-color: #f6f6f6;
}

.backing-purple {
  background-color: #572b8a;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* Fonts */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
}

p {
  word-wrap: break-word;
}

h1.hero-title {
  font-size: 3rem;
  font-weight: 900;
  color: white;
  text-align: center;
}

h1.page-title {
  font-size: 2.5rem;
  font-weight: 900;
  color: white;
  text-align: center;
}

p.sub-title {
  color: white;
  font-size: 1.2rem;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
  padding: 0 1rem;
}

h2 {
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  color: #333;
  margin-bottom: 3rem;
}

h2.ingredients-title {
  color: white;
  font-size: 2rem;
  font-weight: 700;
}

h2.box-title {
  color: white;
  font-size: 2rem;
  margin-bottom: 2rem;
}

p.hero-sub {
  margin: 0.7rem 0 2rem 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: white;
}

h5.newsletter {
  color: white;
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 0;
}

h6.footer {
  color: #707070;
  font-weight: 900;
  margin-bottom: 0.95rem;
  font-size: 1.1rem;
  text-transform: uppercase;
}

li.expand a::after,
.tns-controls {
  font-family: Fontawesome;
}

sup {
  top: -0.2em;
  font-size: 60%;
}

/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
:root {
  font-size: 16px;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  outline: none !important;
}

body {
  font-family: museo-sans-rounded, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
  -webkit-overflow-scrolling: touch;
}

body,
html {
  width: 100%;
  height: 100%;
}

section {
  padding: 4rem 0 5rem 0;
}

.container {
  width: 100%;
  margin: 0 auto;
}

.main-container {
  width: 100%;
}

.full-container {
  max-width: 1600px;
}

.lg-container {
  max-width: 1300px;
}

.mid-container {
  max-width: 1000px;
}

.sm-container {
  max-width: 950px;
}

.tween-container {
  max-width: 730px;
}

.mini-container {
  max-width: 430px;
}

.clear::after,
.container::after {
  content: "";
  display: block;
  clear: both;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-grid {
  display: -ms-grid;
  display: grid;
}

.left {
  float: left;
}

.right {
  float: right;
}

a {
  display: block;
  text-decoration: none;
  word-break: break-word;
  cursor: pointer;
}

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

img {
  display: block;
}

.btn {
  color: white;
  padding: 0.5rem 4rem;
  display: inline-block;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  line-height: 2.5rem;
}

.blue__btn {
  background-color: #0080c6;
}

.blue__btn:hover {
  background-color: #0094e5;
}

.orange__btn {
  background-color: #ff901d;
}

.orange__btn:hover {
  background-color: #ec8e3d;
}

/* Remove hero top space */
section#hero {
  padding: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 150px;
  height: 40vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 550px;
}

#color-bar {
  overflow: hidden;
}

.content-block {
  max-width: 1000px;
  margin: 0 auto;
}

/* Spacing for nav */
div#content {
  padding-top: 68px;
}

/* References Box */
section#references {
  padding: 6rem 1rem 0 1rem;
}

section#references a {
  cursor: pointer;
}

section#references a span::before {
  content: 'Show references';
  color: #0080c6;
  font-size: 0.8rem;
  font-weight: 700;
}

section#references a span::after {
  content: '\f139';
  font-family: Fontawesome;
  margin-left: 0.4rem;
  color: #0080c6;
  font-size: 0.7rem;
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

section#references a::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #0080c6;
  display: block;
  position: absolute;
  top: 0.7rem;
  right: 0;
  width: calc(100% - 8rem);
}

section#references div.contents {
  max-height: 0;
  overflow: hidden;
}

section#references div.contents ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

section#references div.contents ol li {
  counter-increment: my-counter;
  color: #707070;
  margin-bottom: 2rem;
}

section#references div.contents ol li a {
  display: inline-block;
  font-weight: 700;
  color: #0080c6;
}

section#references div.contents ol li a:hover {
  color: #8ed8f8;
}

section#references div.contents ol li a::after {
  content: none;
}

section#references div.contents ol li::before {
  content: "[" counter(my-counter) "] ";
  color: #707070;
}

section#references.open span::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

section#references.open span::before {
  content: 'Hide references';
}

section#references.open div.contents {
  max-height: 500px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav#site-navigation {
  display: block;
}

nav#site-navigation ul#menu-main-navigation li {
  display: inline-block;
}

nav#site-navigation ul#menu-main-navigation li a {
  text-decoration: none;
  padding: 0.7rem;
  color: #707070;
  font-size: 0.85rem;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 900;
}

nav#site-navigation ul#menu-main-navigation li a:hover {
  color: #0080c6;
}

nav#site-navigation ul#menu-main-navigation li.current-menu-item a {
  color: #0080c6;
}

nav#site-navigation ul#menu-main-navigation li.expand {
  margin-right: 10px;
}

nav#site-navigation ul#menu-main-navigation li.expand a::after {
  content: " \0203A";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: block;
  position: absolute;
  top: 0.6rem;
  right: -0.1rem;
  font-weight: 700;
}

body nav#site-navigation ul#menu-main-navigation li.expand a.active {
  color: #0080c6;
}

body nav#site-navigation ul#menu-main-navigation li.expand a.active::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  right: 0.19rem;
}

nav#mobile-nav ul#menu-mobile-menu li.show ul.sub-menu {
  display: block;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header#masthead {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 -5px 10px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 -5px 10px 5px rgba(0, 0, 0, 0.5);
}

header#masthead .header-backing {
  background-color: white;
}

header#masthead .header-backing .container {
  padding: 0 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 140px 1fr 60px 90px;
      grid-template-columns: 140px 1fr 60px 90px;
}

header#masthead .header-backing .container #main-logo {
  min-width: 60px;
  max-width: 90px;
  width: 6rem;
  padding: 0.7rem 0;
}

header#masthead .header-backing .container #search {
  -ms-grid-column-align: end;
      justify-self: end;
}

header#masthead .header-backing .container #search a.search-btn {
  cursor: pointer;
}

header#masthead .header-backing .container #search a.search-btn svg path {
  fill: #0080c6;
}

header#masthead .header-backing .container #search a.search-btn.over svg path {
  fill: #a6a6a6;
}

header#masthead .header-backing .container #search a.search-btn:hover svg path {
  fill: #8ed8f8;
}

nav.active-menu {
  bottom: -260px !important;
}

/*--------------------------------------------------------------
# Search results
--------------------------------------------------------------*/
.screen-reader-text,
.search-submit {
  display: none;
}

input[type="search"].search-field {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 4rem;
  font-size: 1.2rem;
  background-color: #f1f1f1;
}

input[type="search"].search-field:focus {
  background-color: white;
}

input[type="search"]::-webkit-input-placeholder {
  color: #afafaf;
}

input[type="search"]:-ms-input-placeholder {
  color: #afafaf;
}

input[type="search"]::-ms-input-placeholder {
  color: #afafaf;
}

input[type="search"]::placeholder {
  color: #afafaf;
}

#search-bar {
  z-index: 9;
  width: 100%;
  height: 70px;
  position: fixed;
  top: -40px;
  left: 0;
  background-color: white;
  -webkit-box-shadow: 0 -5px 10px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 -5px 10px 5px rgba(0, 0, 0, 0.5);
}

#search-bar.expand {
  top: 70px;
}

.searchwp-live-search-result a {
  font-size: 1rem;
  color: #0080c6;
  font-weight: 500;
}

.searchwp-live-search-result:hover {
  background-color: #f1f1f1;
}

/*--------------------------------------------------------------
# Language selector
--------------------------------------------------------------*/
body.ca-en nav#mobile ul li.language a::before {
  content: 'CA (EN)';
}

body.ca-fr nav#mobile ul li.language a::before {
  content: 'CA (FR)';
}

body.us-en nav#mobile ul li.language a::before {
  content: 'US (EN)';
}

body.us-es nav#mobile ul li.language a::before {
  content: 'US (ES)';
}

body.uk-en nav#mobile ul li.language a::before {
  content: 'UK (EN)';
}

div#lang {
  float: right;
  padding: 0;
  margin-right: 0;
  margin-left: auto;
}

div#lang a {
  text-decoration: none;
  color: gray;
  cursor: pointer;
  padding: 0.2em 0 0.2em 1em;
  border-left: 1px solid gray;
}

#lang-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}

#lang-modal #wrap {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

#lang-modal #selector-box {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
}

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

#lang-modal ul#lang-list li {
  border-bottom: 1px solid gray;
}

#lang-modal ul#lang-list li a {
  text-align: center;
  text-decoration: none;
  color: gray;
  text-transform: uppercase;
  padding: 1em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90% 10%;
      grid-template-columns: 90% 10%;
}

#lang-modal ul#lang-list li a span {
  text-align: left;
}

#lang-modal ul#lang-list li a .flag img {
  max-width: 25px;
  margin: 0 0 0 auto;
}

#lang-modal ul#lang-list li:last-of-type {
  border-bottom: none;
}

body.lang-menu {
  height: 100vh;
  overflow-y: hidden;
  padding-right: 15px;
}

body.lang-menu header#masthead {
  padding-right: 15px;
}

body.lang-menu #lang-modal {
  display: block;
}

#lang-modal ul#lang-list li a:hover,
body.ca-en #lang-modal ul#lang-list li a.ca-en,
body.ca-fr #lang-modal ul#lang-list li a.ca-fr,
body.us-en #lang-modal ul#lang-list li a.us-en,
body.us-es #lang-modal ul#lang-list li a.us-es,
body.uk-en #lang-modal ul#lang-list li a.uk-en {
  background-color: #0080c6;
  color: white !important;
}

body.ca-en div#lang a::before {
  content: 'CA (EN)';
}

body.ca-fr div#lang a::before {
  content: 'CA (FR)';
}

body.us-en div#lang a::before {
  content: 'US (EN)';
}

body.us-es div#lang a::before {
  content: 'US (ES)';
}

body.uk-en div#lang a::before {
  content: 'UK (EN)';
}

#first-lang-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 99999;
}

#first-lang-modal #wrap {
  background-color: #0080c6;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

#first-lang-modal #wrap .content {
  background-color: white;
  border-radius: 10px;
  padding: 3rem;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

#first-lang-modal #wrap .content .logo {
  width: 150px;
  height: auto;
  margin: 0 auto 2rem auto;
}

#first-lang-modal #wrap .content .logo img {
  width: 100%;
}

#first-lang-modal #wrap .content p {
  font-weight: 700;
  text-align: center;
}

#first-lang-modal #wrap .content ul.first-lang-list li {
  padding: 0.9rem 0;
}

#first-lang-modal #wrap .content ul.first-lang-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}

#first-lang-modal #wrap .content ul.first-lang-list li a span {
  display: inline-block;
  width: 100%;
  padding-right: 2rem;
}

#first-lang-modal #wrap .content ul.first-lang-list li a .flag {
  display: inline-block;
  width: 30px;
}

#first-lang-modal #wrap .content ul.first-lang-list li a:hover span {
  color: #0080c6;
}

/*--------------------------------------------------------------
# Cookie Bar
--------------------------------------------------------------*/
.cli-privacy-content-text .blurb {
  display: none;
}

body.en #cookie-law-info-bar span p.fr,
body.en #cookie-law-info-bar span p.es {
  display: none;
}

body.en .cli-privacy-content-text p.fr,
body.en .cli-privacy-content-text p.es {
  display: none;
}

body.en .cli-tab-pane p span.fr,
body.en .cli-tab-pane p span.es {
  display: none;
}

body.en a.cli-privacy-readmore::before {
  content: "Show more" !important;
}

body.en .cli-collapsed a.cli-privacy-readmore::before {
  content: "Show less" !important;
}

body.fr #cookie-law-info-bar span p.en,
body.fr #cookie-law-info-bar span p.es {
  display: none;
}

body.fr .cli-privacy-content-text p.en,
body.fr .cli-privacy-content-text p.es {
  display: none;
}

body.fr .cli-tab-pane p span.en,
body.fr .cli-tab-pane p span.es {
  display: none;
}

body.fr a.cli-privacy-readmore::before {
  content: "Montre plus" !important;
}

body.fr .cli-collapsed a.cli-privacy-readmore::before {
  content: "Montrer moins" !important;
}

body.fr span.cli-necessary-caption:before {
  content: 'Toujours activé';
  position: absolute;
  background-color: #f2f2f2;
  right: 0;
  width: 100%;
}

body.fr .cli-switch .cli-slider:after {
  content: "Désactivé" !important;
}

body.fr .cli-switch input:checked + .cli-slider:after {
  content: "Activé" !important;
}

body.fr .cookie_action_close_header::after {
  content: "j'accepte les cookies";
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #ffd300;
  -webkit-transition: none;
  transition: none;
}

body.fr .cookie_action_close_header:hover::after {
  background-color: #cca900;
}

body.fr a.cli_settings_button::after {
  content: "Paramètres de Témoins" !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 1rem;
  background-color: #ffd300;
}

body.fr a.cli_settings_button:hover::after {
  background-color: #cca900;
}

body.es #cookie-law-info-bar span p.fr,
body.es #cookie-law-info-bar span p.en {
  display: none;
}

body.es .cli-privacy-content-text p.fr,
body.es .cli-privacy-content-text p.en {
  display: none;
}

body.es .cli-tab-pane p span.fr,
body.es .cli-tab-pane p span.en {
  display: none;
}

body.es a.cli-privacy-readmore::before {
  content: "Muestra menos" !important;
}

body.es .cli-collapsed a.cli-privacy-readmore::before {
  content: "Muestra menos" !important;
}

body.es span.cli-necessary-caption:before {
  content: 'Siempre habilitado';
  position: absolute;
  background-color: #f2f2f2;
  right: 0;
  width: 150%;
}

body.es .cli-switch .cli-slider:after {
  content: "Discapacitado" !important;
}

body.es .cli-switch input:checked + .cli-slider:after {
  content: "Habilitado" !important;
}

body.es .cookie_action_close_header::after {
  content: "Si, acepto cookies";
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #ffd300;
  -webkit-transition: none;
  transition: none;
}

body.es .cookie_action_close_header:hover::after {
  background-color: #cca900;
}

body.es a.cli_settings_button::after {
  content: "Administrar cookies " !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 1rem;
  background-color: #ffd300;
}

body.es a.cli_settings_button:hover::after {
  background-color: #cca900;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon section#footer {
  padding: 6rem 2rem 4rem 2rem;
}

footer#colophon section#footer #foot-nav {
  margin-right: 2rem;
}

footer#colophon section#footer #foot-nav nav {
  width: 100%;
  min-width: 170px;
}

footer#colophon section#footer #foot-nav nav ul li {
  margin: 0.5rem 0;
}

footer#colophon section#footer #foot-nav nav ul li a {
  text-decoration: none;
  color: #707070;
  font-size: 1rem;
  font-weight: 500;
}

footer#colophon section#footer #foot-nav nav ul li a:hover {
  color: #8ed8f8;
}

footer#colophon section#footer #foot-nav nav ul li.current-menu-item a {
  color: #0080c6;
}

footer#colophon section#footer section#social-footer {
  padding: 6rem 0 0 0;
}

footer#colophon section#footer section#social-footer nav#social-footer ul#social {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

footer#colophon section#footer section#social-footer nav#social-footer ul#social li {
  width: 1.3rem;
  height: 1.3rem;
  display: inline-block;
  margin: 0 0.5rem;
}

footer#colophon section#footer section#social-footer nav#social-footer ul#social li a img {
  width: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

footer#colophon section#footer section#social-footer nav#social-footer ul#social li a:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

footer#colophon section#footer aside#disclaimer {
  width: 100%;
  max-width: 430px;
  margin-left: auto;
}

footer#colophon section#footer aside#disclaimer p {
  color: #a6a6a6;
  font-weight: 500;
  margin: 0;
  font-size: 0.9rem;
}

footer#colophon section#copyright {
  background-color: #0080c6;
  text-align: center;
  color: white;
  width: 100%;
  padding: 1rem 0;
  font-size: 0.9rem;
}

nav#mobile {
  display: block;
  position: fixed;
  bottom: 0;
  background-color: #0080c6;
  width: 100%;
  z-index: 9999;
  height: 53px;
  -webkit-box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.2);
          box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.2);
}

nav#mobile ul li {
  display: inline-block;
}

nav#mobile ul li a.mobile {
  text-decoration: none;
  height: 75px;
}

nav#mobile ul li a.mobile::before {
  content: url(./img/icon-hamburger.svg);
  display: inline-block;
  height: 24px;
  width: 20px;
  margin-right: 1rem;
}

nav#mobile ul li a {
  text-transform: uppercase;
  font-weight: 900;
  position: relative;
  cursor: pointer;
  color: white;
  padding: 0 1rem;
  line-height: 3.6rem;
  font-size: 22px;
}

nav#mobile ul li.language {
  float: right;
}

nav#mobile-nav {
  position: fixed;
  top: 0;
  left: -100%;
  background-color: white;
  width: 100%;
  height: 100%;
  z-index: 9998;
  display: block;
}

nav#mobile-nav ul {
  padding: 0.5rem 1rem;
}

nav#mobile-nav ul li {
  display: block;
  border-bottom: 2px solid #f6f6f6;
}

nav#mobile-nav ul li a {
  display: block;
  padding: 0.5rem 0;
  color: #0080c6;
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 2;
  height: auto;
  font-weight: 900;
}

nav#mobile-nav ul li ul.sub-menu {
  padding: 0 0 1rem 1rem !important;
  display: none;
}

nav#mobile-nav ul li ul.sub-menu li {
  border: none !important;
}

nav#mobile-nav ul li ul.sub-menu li a {
  color: #707070 !important;
  padding: 0 !important;
  font-size: 1.2rem;
}

nav#mobile-nav ul li:last-of-type {
  border-bottom: none;
}

nav#mobile-nav ul .drop > a::after {
  content: "+";
  position: absolute;
  right: 0;
}

nav#mobile-nav.open {
  left: 0;
}

div#disc-mobile {
  padding: 0 2rem 2rem 2rem;
  color: #a6a6a6;
}

div#disc-mobile,
nav#mobile,
nav#mobile-nav {
  display: none;
}

body.nav-expand ul.sub-menu {
  display: block !important;
}

/*--------------------------------------------------------------
# Search page
--------------------------------------------------------------*/
#content.content-search section#hero {
  background-repeat: no-repeat;
  background-size: cover;
}

#content.content-search section#hero h1 {
  color: white;
  line-height: 1.1;
  font-size: 3rem;
  text-align: center;
}

#content.content-search article.products a.post-thumbnail img {
  margin: 0 auto;
}

#content.content-search article a {
  border-bottom: 1px solid #a6a6a6;
  padding: 2rem 2.5rem;
}

#content.content-search article a header.entry-header h2.entry-title {
  text-align: left;
  color: #0080c6;
  font-size: 1.2rem;
}

#content.content-search article a header.entry-header h2.entry-title a {
  color: #0080c6;
}

#content.content-search article a div.content {
  -ms-grid-columns: 200px 1fr;
      grid-template-columns: 200px 1fr;
  gap: 2rem;
}

#content.content-search article a div.content .img,
#content.content-search article a div.content .color {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 200px;
  height: 200px;
  border-radius: 5px;
}

#content.content-search article a div.content .color {
  background-color: #0080c6;
}

#content.content-search article a div.content .color img {
  max-width: 130px;
  width: 65%;
  height: 100%;
  margin: 0 auto;
}

#content.content-search article a div.content .entry-summary {
  color: #333;
  font-size: 0.9rem;
  width: 70%;
}

#content.content-search article a div.content .img,
#content.content-search article a div.content .entry-summary {
  display: inline-block;
  vertical-align: top;
}

#content.content-search article a div.content .title-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#content.content-search article a div.content .title-container h2 {
  text-align: left;
  color: #0080c6;
  font-size: 2rem;
  margin: 0;
}

#content.content-search article a:hover {
  background-color: #f6f6f6;
}

.navigation {
  margin: 2rem auto;
  text-align: center;
}

.navigation li {
  display: inline;
}

.navigation li a {
  color: white;
  font-weight: 500;
  text-decoration: none;
  padding: 1rem;
  border-radius: 5px;
  background-color: #0080c6;
  display: inline-block;
}

.navigation li a:hover {
  background-color: #8ed8f8;
}

.navigation li.active a {
  background-color: #8ed8f8;
}

/*--------------------------------------------------------------
# Blog landing
--------------------------------------------------------------*/
body.archive section#hero,
body.author-single section#hero,
body.archive section#hero,
body.tag section#hero {
  background-repeat: repeat;
  background-size: 13rem 13rem;
  background-color: #f6f6f6;
  background-image: url("img/pattern-blog.svg");
}

body.archive section#hero h1,
body.author-single section#hero h1,
body.archive section#hero h1,
body.tag section#hero h1 {
  color: #202020;
  line-height: 1.1;
  font-size: 3rem;
}

body.archive section#hero p.sub-title,
body.author-single section#hero p.sub-title,
body.archive section#hero p.sub-title,
body.tag section#hero p.sub-title {
  color: #202020;
  font-size: 1.2rem;
  width: 100%;
  max-width: 660px;
  text-align: center;
  line-height: 1.4;
  padding: 0 1rem;
  margin: 1rem auto;
}

body.archive section#hero p.sub-title a,
body.author-single section#hero p.sub-title a,
body.archive section#hero p.sub-title a,
body.tag section#hero p.sub-title a {
  display: inline-block;
  color: #0080c6;
  font-weight: 700;
}

body.archive section#hero p.sub-title a:hover,
body.author-single section#hero p.sub-title a:hover,
body.archive section#hero p.sub-title a:hover,
body.tag section#hero p.sub-title a:hover {
  color: #8ed8f8;
}

body.archive #blog-nav,
body.author-single #blog-nav,
body.archive #blog-nav,
body.tag #blog-nav {
  background-color: #0080c6;
}

body.archive #blog-nav nav#blog ul.menu,
body.author-single #blog-nav nav#blog ul.menu,
body.archive #blog-nav nav#blog ul.menu,
body.tag #blog-nav nav#blog ul.menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

body.archive #blog-nav nav#blog ul.menu li a,
body.author-single #blog-nav nav#blog ul.menu li a,
body.archive #blog-nav nav#blog ul.menu li a,
body.tag #blog-nav nav#blog ul.menu li a {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1rem 2rem;
  text-align: center;
}

body.archive #blog-nav nav#blog ul.menu li ul.sub-menu,
body.author-single #blog-nav nav#blog ul.menu li ul.sub-menu,
body.archive #blog-nav nav#blog ul.menu li ul.sub-menu,
body.tag #blog-nav nav#blog ul.menu li ul.sub-menu {
  position: absolute;
  background-color: #0094e5;
  max-height: 0;
  z-index: 9;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

body.archive #blog-nav nav#blog ul.menu li ul.sub-menu li,
body.author-single #blog-nav nav#blog ul.menu li ul.sub-menu li,
body.archive #blog-nav nav#blog ul.menu li ul.sub-menu li,
body.tag #blog-nav nav#blog ul.menu li ul.sub-menu li {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

body.archive #blog-nav nav#blog ul.menu li ul.sub-menu li a,
body.author-single #blog-nav nav#blog ul.menu li ul.sub-menu li a,
body.archive #blog-nav nav#blog ul.menu li ul.sub-menu li a,
body.tag #blog-nav nav#blog ul.menu li ul.sub-menu li a {
  color: white;
  font-size: 0.9rem;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

body.archive #blog-nav nav#blog ul.menu li ul.sub-menu li:hover,
body.author-single #blog-nav nav#blog ul.menu li ul.sub-menu li:hover,
body.archive #blog-nav nav#blog ul.menu li ul.sub-menu li:hover,
body.tag #blog-nav nav#blog ul.menu li ul.sub-menu li:hover {
  background-color: #0080c6;
}

body.archive #blog-nav nav#blog ul.menu li:hover a,
body.author-single #blog-nav nav#blog ul.menu li:hover a,
body.archive #blog-nav nav#blog ul.menu li:hover a,
body.tag #blog-nav nav#blog ul.menu li:hover a {
  color: #8ed8f8;
}

body.archive #blog-nav nav#blog ul.menu li:hover ul.sub-menu,
body.author-single #blog-nav nav#blog ul.menu li:hover ul.sub-menu,
body.archive #blog-nav nav#blog ul.menu li:hover ul.sub-menu,
body.tag #blog-nav nav#blog ul.menu li:hover ul.sub-menu {
  max-height: 500px;
}

body.archive #blog-mobile,
body.author-single #blog-mobile,
body.archive #blog-mobile,
body.tag #blog-mobile {
  display: none;
}

body.archive #blog-mobile a.roll-out,
body.author-single #blog-mobile a.roll-out,
body.archive #blog-mobile a.roll-out,
body.tag #blog-mobile a.roll-out {
  color: white;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  padding: 0.8rem 0;
}

body.archive #blog-mobile a.roll-out::after,
body.author-single #blog-mobile a.roll-out::after,
body.archive #blog-mobile a.roll-out::after,
body.tag #blog-mobile a.roll-out::after {
  content: " \0203A";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: block;
  position: absolute;
  color: white;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 3rem;
  width: auto;
  height: 2.2rem;
  pointer-events: none;
  line-height: 1;
  font-weight: 900;
  font-size: 1.2rem;
}

body.archive #blog-mobile ul.menu li a,
body.author-single #blog-mobile ul.menu li a,
body.archive #blog-mobile ul.menu li a,
body.tag #blog-mobile ul.menu li a {
  color: white;
  font-size: 1.1rem;
  text-align: center;
  padding: 0.9rem 0;
}

body.archive #blog-mobile ul.menu li ul.sub-menu,
body.author-single #blog-mobile ul.menu li ul.sub-menu,
body.archive #blog-mobile ul.menu li ul.sub-menu,
body.tag #blog-mobile ul.menu li ul.sub-menu {
  background-color: #0094e5;
}

body.archive #blog-mobile ul.menu li ul.sub-menu li a,
body.author-single #blog-mobile ul.menu li ul.sub-menu li a,
body.archive #blog-mobile ul.menu li ul.sub-menu li a,
body.tag #blog-mobile ul.menu li ul.sub-menu li a {
  color: white;
  text-align: center;
}

body.archive #blog-mobile .menu-english-blog-nav-container,
body.archive #blog-mobile .menu-french-blog-nav-container,
body.archive #blog-mobile .menu-spanish-blog-nav-container,
body.author-single #blog-mobile .menu-english-blog-nav-container,
body.author-single #blog-mobile .menu-french-blog-nav-container,
body.author-single #blog-mobile .menu-spanish-blog-nav-container,
body.archive #blog-mobile .menu-english-blog-nav-container,
body.archive #blog-mobile .menu-french-blog-nav-container,
body.archive #blog-mobile .menu-spanish-blog-nav-container,
body.tag #blog-mobile .menu-english-blog-nav-container,
body.tag #blog-mobile .menu-french-blog-nav-container,
body.tag #blog-mobile .menu-spanish-blog-nav-container {
  max-height: 0;
  overflow: hidden;
}

body.archive #blog-mobile.expand a::after,
body.author-single #blog-mobile.expand a::after,
body.archive #blog-mobile.expand a::after,
body.tag #blog-mobile.expand a::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  right: 2rem;
  color: #8ed8f8;
}

body.archive #blog-mobile.expand .menu-english-blog-nav-container,
body.archive #blog-mobile.expand .menu-french-blog-nav-container,
body.archive #blog-mobile.expand .menu-spanish-blog-nav-container,
body.author-single #blog-mobile.expand .menu-english-blog-nav-container,
body.author-single #blog-mobile.expand .menu-french-blog-nav-container,
body.author-single #blog-mobile.expand .menu-spanish-blog-nav-container,
body.archive #blog-mobile.expand .menu-english-blog-nav-container,
body.archive #blog-mobile.expand .menu-french-blog-nav-container,
body.archive #blog-mobile.expand .menu-spanish-blog-nav-container,
body.tag #blog-mobile.expand .menu-english-blog-nav-container,
body.tag #blog-mobile.expand .menu-french-blog-nav-container,
body.tag #blog-mobile.expand .menu-spanish-blog-nav-container {
  max-height: 2000px;
}

body.archive .content,
body.author-single .content,
body.archive .content,
body.tag .content {
  padding: 0 1rem;
}

body.archive .content #sort,
body.author-single .content #sort,
body.archive .content #sort,
body.tag .content #sort {
  margin-top: 2rem;
}

body.archive .content #sort label,
body.author-single .content #sort label,
body.archive .content #sort label,
body.tag .content #sort label {
  font-size: 1.1rem;
  font-weight: 700;
}

body.archive .content #sort .select-box,
body.author-single .content #sort .select-box,
body.archive .content #sort .select-box,
body.tag .content #sort .select-box {
  display: inline-block;
}

body.archive .content #sort .select-box select#sortbox,
body.author-single .content #sort .select-box select#sortbox,
body.archive .content #sort .select-box select#sortbox,
body.tag .content #sort .select-box select#sortbox {
  background: #f6f6f6;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #707070;
  padding: 0 2rem 0 1rem;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
  vertical-align: baseline;
  height: 50px;
}

body.archive .content #sort .select-box::after,
body.author-single .content #sort .select-box::after,
body.archive .content #sort .select-box::after,
body.tag .content #sort .select-box::after {
  content: " \0203A";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: block;
  position: absolute;
  color: #707070;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1rem;
  width: auto;
  height: 2.2rem;
  pointer-events: none;
  line-height: 1;
  font-weight: 900;
  font-size: 1.2rem;
}

body.archive .content section#content .d-grid,
body.author-single .content section#content .d-grid,
body.archive .content section#content .d-grid,
body.tag .content section#content .d-grid {
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
}

body.archive .content section#content .d-grid .item,
body.author-single .content section#content .d-grid .item,
body.archive .content section#content .d-grid .item,
body.tag .content section#content .d-grid .item {
  padding: 1.2rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

body.archive .content section#content .d-grid .item .thumb,
body.author-single .content section#content .d-grid .item .thumb,
body.archive .content section#content .d-grid .item .thumb,
body.tag .content section#content .d-grid .item .thumb {
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
  height: 160px;
}

body.archive .content section#content .d-grid .item .thumb img,
body.author-single .content section#content .d-grid .item .thumb img,
body.archive .content section#content .d-grid .item .thumb img,
body.tag .content section#content .d-grid .item .thumb img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}

body.archive .content section#content .d-grid .item h3,
body.author-single .content section#content .d-grid .item h3,
body.archive .content section#content .d-grid .item h3,
body.tag .content section#content .d-grid .item h3 {
  color: #0080c6;
}

body.archive .content section#content .d-grid .item .blurb,
body.author-single .content section#content .d-grid .item .blurb,
body.archive .content section#content .d-grid .item .blurb,
body.tag .content section#content .d-grid .item .blurb {
  padding-bottom: 1rem;
  border-bottom: 1px solid #a6a6a6;
}

body.archive .content section#content .d-grid .item .blurb p,
body.author-single .content section#content .d-grid .item .blurb p,
body.archive .content section#content .d-grid .item .blurb p,
body.tag .content section#content .d-grid .item .blurb p {
  color: #707070;
  font-weight: 500;
  line-height: 1.2;
}

body.archive .content section#content .d-grid .item .blurb span,
body.author-single .content section#content .d-grid .item .blurb span,
body.archive .content section#content .d-grid .item .blurb span,
body.tag .content section#content .d-grid .item .blurb span {
  color: #0080c6;
  font-weight: 500;
}

body.archive .content section#content .d-grid .item #details,
body.author-single .content section#content .d-grid .item #details,
body.archive .content section#content .d-grid .item #details,
body.tag .content section#content .d-grid .item #details {
  padding-top: 0.6rem;
}

body.archive .content section#content .d-grid .item #details .date,
body.author-single .content section#content .d-grid .item #details .date,
body.archive .content section#content .d-grid .item #details .date,
body.tag .content section#content .d-grid .item #details .date {
  text-align: right;
  color: #707070;
  font-weight: 500;
}

body.archive .content section#content .d-grid .item:hover .thumb img,
body.author-single .content section#content .d-grid .item:hover .thumb img,
body.archive .content section#content .d-grid .item:hover .thumb img,
body.tag .content section#content .d-grid .item:hover .thumb img {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

body.archive .content section#content .d-grid .item:nth-child(9n+1) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+1) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+1) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+1) .thumb {
  background-color: #ff901d;
}

body.archive .content section#content .d-grid .item:nth-child(9n+1):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+1):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+1):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+1):hover {
  background-color: #fff4e8;
}

body.archive .content section#content .d-grid .item:nth-child(9n+2) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+2) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+2) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+2) .thumb {
  background-color: #0080c6;
}

body.archive .content section#content .d-grid .item:nth-child(9n+2):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+2):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+2):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+2):hover {
  background-color: #e5f2f9;
}

body.archive .content section#content .d-grid .item:nth-child(9n+3) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+3) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+3) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+3) .thumb {
  background-color: #8dc63f;
}

body.archive .content section#content .d-grid .item:nth-child(9n+3):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+3):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+3):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+3):hover {
  background-color: #f3f9eb;
}

body.archive .content section#content .d-grid .item:nth-child(9n+4) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+4) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+4) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+4) .thumb {
  background-color: #fed230;
}

body.archive .content section#content .d-grid .item:nth-child(9n+4):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+4):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+4):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+4):hover {
  background-color: #fffaea;
}

body.archive .content section#content .d-grid .item:nth-child(9n+5) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+5) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+5) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+5) .thumb {
  background-color: #572e8f;
}

body.archive .content section#content .d-grid .item:nth-child(9n+5):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+5):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+5):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+5):hover {
  background-color: #eeeaf4;
}

body.archive .content section#content .d-grid .item:nth-child(9n+6) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+6) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+6) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+6) .thumb {
  background-color: #d80b8c;
}

body.archive .content section#content .d-grid .item:nth-child(9n+6):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+6):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+6):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+6):hover {
  background-color: #fbe6f3;
}

body.archive .content section#content .d-grid .item:nth-child(9n+7) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+7) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+7) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+7) .thumb {
  background-color: #c41039;
}

body.archive .content section#content .d-grid .item:nth-child(9n+7):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+7):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+7):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+7):hover {
  background-color: #f9e7eb;
}

body.archive .content section#content .d-grid .item:nth-child(9n+8) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+8) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+8) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+8) .thumb {
  background-color: #8ed8f8;
}

body.archive .content section#content .d-grid .item:nth-child(9n+8):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+8):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+8):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+8):hover {
  background-color: #f3fbfe;
}

body.archive .content section#content .d-grid .item:nth-child(9n+9) .thumb,
body.author-single .content section#content .d-grid .item:nth-child(9n+9) .thumb,
body.archive .content section#content .d-grid .item:nth-child(9n+9) .thumb,
body.tag .content section#content .d-grid .item:nth-child(9n+9) .thumb {
  background-color: #00853f;
}

body.archive .content section#content .d-grid .item:nth-child(9n+9):hover,
body.author-single .content section#content .d-grid .item:nth-child(9n+9):hover,
body.archive .content section#content .d-grid .item:nth-child(9n+9):hover,
body.tag .content section#content .d-grid .item:nth-child(9n+9):hover {
  background-color: #e5f3eb;
}

/*--------------------------------------------------------------
# Blog post
--------------------------------------------------------------*/
.blog-single section#content {
  padding: 4rem 1rem 5rem 1rem;
}

.blog-single section#content .date-grid {
  -ms-grid-columns: 2fr 7fr;
      grid-template-columns: 2fr 7fr;
  gap: 2%;
}

.blog-single section#content .date-grid #date {
  font-weight: 700;
  font-size: 1.2rem;
  text-align: right;
}

.blog-single section#content .date-grid .contents .copy p {
  font-size: 1.1rem;
  margin: 0 0 1.3rem 0;
}

.blog-single section#content .date-grid .contents .copy a {
  display: inline-block;
  color: #0080c6;
  font-weight: 500;
}

.blog-single section#content .date-grid .contents .copy a:hover {
  color: #8ed8f8;
}

.blog-single section#content .date-grid .contents .copy strong {
  font-weight: 700;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}

.blog-single section#content .date-grid .contents .copy ul {
  list-style-type: disc;
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
  -webkit-margin-after: 2em;
          margin-block-end: 2em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 1.7rem;
          padding-inline-start: 1.7rem;
  text-align: left;
}

.blog-single section#content .date-grid .contents .copy ul li {
  font-size: 1.1rem;
}

.blog-single section#content .date-grid .contents img {
  width: 100%;
  display: block;
}

.blog-single section#content .date-grid .contents figure#tags {
  margin: 0 0 2rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #333;
}

.blog-single section#content .date-grid .contents figure#tags a {
  display: inline-block;
  color: #0080c6;
  font-weight: 500;
}

.blog-single section#content .date-grid .contents figure#tags a:hover {
  color: #8ed8f8;
}

.blog-single section#content .date-grid .contents figure#author {
  margin: 4rem 0 0 0;
  padding: 2rem 3rem 2.5rem 3rem;
  background-color: #0080c6;
}

.blog-single section#content .date-grid .contents figure#author .d-grid {
  -ms-grid-columns: 1fr 3fr 2fr;
      grid-template-columns: 1fr 3fr 2fr;
  gap: 4%;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .left-contents h4 {
  color: #fed230;
  text-transform: uppercase;
  margin-bottom: 1rem;
  text-align: center;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .left-contents #author-avatar img {
  margin: 0 auto;
  -webkit-filter: drop-shadow(4px 4px 0px #8ed8f8);
          filter: drop-shadow(4px 4px 0px #8ed8f8);
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents {
  padding-top: 2rem;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents h5 {
  color: white;
  font-size: 1.1rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #fed230;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents p {
  color: white;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents p a {
  display: inline-block;
  color: white;
  font-weight: 700;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents p a:hover {
  color: #d3edfb;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents h4 {
  color: white;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents ul#social-net {
  margin: 0.2rem 0 0 0;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents ul#social-net li {
  opacity: 0.7;
  width: 30px;
  display: inline-block;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents ul#social-net li a {
  padding: 0.3rem;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents ul#social-net li a img {
  width: 100%;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents ul#social-net li:hover {
  opacity: 1;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents .d-grid {
  -ms-grid-columns: 2fr 1fr;
      grid-template-columns: 2fr 1fr;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents .d-grid h4 {
  color: #fed230;
  text-transform: uppercase;
  margin-bottom: 1rem;
  text-align: left;
  font-size: 0.85rem;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents .d-grid a {
  text-align: right;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents .d-grid a:hover {
  text-decoration: underline;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents ul#blog-list li {
  border-bottom: 1px solid #8bd3f5;
  margin: 1rem 0 1.1rem 0;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents ul#blog-list li a h6 {
  color: white;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1;
  display: block;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents ul#blog-list li a p {
  color: #8bd3f5;
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0.7em 0 1em 0;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents ul#blog-list li:last-of-type {
  border-bottom: none;
}

.blog-single section#content .date-grid .contents figure#author .d-grid .right-contents ul#blog-list li:hover a h6 {
  text-decoration: underline;
}

body.single section#breadcrumbs {
  background-color: #f6f6f6;
  padding: 0.5rem 0 0.2rem 0;
}

body.single section#breadcrumbs p#breadcrumbs {
  margin: 0;
  padding: 0 1rem;
}

body.single section#breadcrumbs span {
  color: #0080c6;
  font-weight: 700;
}

body.single section#breadcrumbs span a {
  display: inline-block;
  color: #0080c6;
  font-weight: 700;
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
body.error404 #primary {
  padding-top: 75px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

body.error404 #primary main section.error-404 {
  padding: 4rem 2rem;
}

body.error404 #primary main section.error-404 h3 {
  color: #0080c6;
  font-size: 7rem;
  text-align: center;
  font-weight: 900;
  margin-bottom: 2rem;
}

body.error404 #primary main section.error-404 p {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}

body.error404 #primary main section.error-404 .btn-container {
  text-align: center;
}

body.error404 #primary main section.error-404 .btn-container a {
  display: inline-block;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media all and (max-width: 1200px) {
  body.single section#info ul li h4.label {
    font-size: 1.5rem;
    width: 253px;
  }
  body.single section#product-hero div.contain div.text figure.shop div.btns div.item a.shop span {
    font-size: 1.5rem;
  }
  body.single section#product-hero div.contain div.text figure.shop div.btns div.item a.amazon-btn {
    width: 241px;
  }
}

@media all and (max-width: 980px) {
  section#additional div.box aside {
    float: none !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 2.5rem;
    -ms-grid-columns: 70px 1fr;
        grid-template-columns: 70px 1fr;
  }
  body.single section#breadcrumbs p#breadcrumbs {
    text-align: center;
  }
  body.single section#product-hero {
    padding: 2rem;
  }
  body.single section#product-hero figure#size-control {
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
  }
  body.single section#product-hero div.contain {
    display: block;
    -ms-grid-columns: none;
        grid-template-columns: none;
    gap: 0;
  }
  body.single section#product-hero div.contain div.product-img {
    width: 50%;
    margin: 0 auto;
    min-width: 250px;
  }
  body.single section#product-hero div.contain div.text {
    text-align: center;
  }
  body.single section#product-hero div.contain div.text figure.shop {
    margin: 2rem 0 2rem 0;
  }
  body.single section#product-hero div.contain div.text figure.shop div.btns {
    display: block;
    width: 100%;
  }
  body.single section#product-hero div.contain div.text figure.shop div.btns span {
    font-size: 1.5rem;
  }
  body.single section#product-hero div.contain div.text figure.shop div.btns a.shop {
    max-width: 250px;
    margin: 0.5rem auto;
  }
  body.single section#product-hero div.contain div.text figure.shop div.btns a span {
    font-size: 1.5rem;
  }
  body.single section#info ul {
    display: block;
    -ms-grid-columns: none;
        grid-template-columns: none;
    gap: 0;
  }
  body.single section#info ul li {
    margin: 0.5rem 0;
  }
  body.category .content section#content .d-grid,
  body.author-single .content section#content .d-grid,
  body.archive .content section#content .d-grid,
  body.tag .content section#content .d-grid {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid {
    display: block;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .left-contents {
    margin-bottom: 1.5rem;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents {
    padding: 0;
    margin-bottom: 1.5rem;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents h5,
  .blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents p,
  .blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents h4 {
    text-align: center;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents ul#social-net {
    margin: 1rem auto;
    width: 100%;
    text-align: center;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .mid-contents h5 {
    font-size: 2rem;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .right-contents .d-grid {
    display: block;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .right-contents .d-grid h4 {
    text-align: center;
  }
  .blog-single section#content .date-grid .contents figure#author .d-grid .right-contents .d-grid a {
    text-align: center;
    font-size: 1.5rem;
  }
  header#masthead .header-backing .container {
    -ms-grid-columns: 110px 1fr 30px 90px;
        grid-template-columns: 110px 1fr 30px 90px;
  }
  header#masthead .header-backing .container #search a.search-btn {
    display: block;
  }
  header#masthead .header-backing .container #search form {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
  header#masthead .header-backing .container #search form label {
    width: 100%;
  }
  header#masthead .header-backing .container #search form label .is-search-input {
    border-radius: 0;
    border: none;
    font-size: 1.4rem;
    padding: 1rem;
    height: auto;
  }
  header#masthead .header-backing .container #search form label .is-search-input:focus {
    border: none;
    background-color: white;
  }
  header#masthead .header-backing .container #search form.expand {
    top: 68px;
  }
  header#masthead .header-backing .container #search button.is-search-submit {
    display: none;
  }
}

@media all and (max-width: 768px) {
  :root {
    font-size: 14px;
  }
  header#masthead {
    position: relative;
  }
  header#masthead .header-backing .container {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
  header#masthead .header-backing .container div#main-logo {
    margin: 0 auto 0 0;
    float: none;
  }
  nav#site-navigation,
  div#lang,
  aside#disclaimer,
  nav#products-nav {
    display: none;
  }
  div#disc-mobile,
  nav#mobile,
  nav#mobile-nav {
    display: block;
  }
  div#content {
    padding-top: 0;
  }
  body.lang-menu {
    padding-right: 0 !important;
  }
  footer#colophon section#newsletter .container {
    display: block;
  }
  footer#colophon section#newsletter .container div#news-img {
    display: none;
  }
  footer#colophon section#footer .container {
    display: block;
  }
  footer#colophon section#footer .container div#foot-nav {
    display: block;
  }
  footer#colophon section#footer .container div#foot-nav nav h6.footer {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    height: 50px;
    padding: 0 24px;
    border: 2px solid rgba(0, 0, 0, 0.15);
    background: white;
    display: block;
    width: 100%;
    cursor: pointer;
    line-height: 3em;
    margin: 13px 0 0 0;
  }
  footer#colophon section#footer .container div#foot-nav nav h6.footer::after {
    content: "+";
    float: right;
  }
  footer#colophon section#footer .container div#foot-nav nav div {
    display: none;
    background: #F6F6F6;
    font-size: 0.8rem;
  }
  footer#colophon section#footer .container div#foot-nav nav div ul {
    padding: 1rem;
    margin-top: 0;
  }
  footer#colophon section#footer .container div#foot-nav nav div ul li {
    margin-bottom: 1rem;
  }
  footer#colophon section#footer .container div#foot-nav nav div ul li a {
    font-weight: 300;
    font-size: 1.2rem;
  }
  footer#colophon section#footer .container div#foot-nav nav.expand div {
    display: block;
  }
  footer#colophon section#footer section#social-footer nav#social-footer ul#social li {
    width: 2rem;
    height: 2rem;
  }
  footer#colophon section#copyright {
    padding-bottom: 65px;
  }
  h1.hero-title {
    font-size: 2rem;
  }
  section#hero.basic {
    height: 100px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  section#basic {
    padding-top: 2rem;
  }
  body.single section#contents div.bg-img {
    width: 100%;
    display: block;
    background-image: none !important;
    min-height: 0;
  }
  body.single section#contents div.bg-img div.contents {
    padding: 2rem 0;
  }
  body.single section#contents div.bg-img div.contents h3 {
    text-align: center;
    padding: 0 1rem;
    line-height: 1;
    margin-bottom: 0.5rem;
  }
  body.single section#contents div.bg-img div.contents .box {
    max-width: 100%;
    margin: 0;
  }
  body.single section#info-slider ul {
    display: block;
    -ms-grid-columns: none;
        grid-template-columns: none;
  }
  body.single section#info-slider ul li {
    width: 100%;
    display: block;
    font-size: 1.2rem;
  }
  body.single section#carousel ul li.tns-item div.content {
    width: 50%;
    min-width: 250px;
    display: block;
    margin: 0.5rem auto;
  }
  body.single section#carousel ul li.tns-item div.contents {
    padding: 0 1rem;
  }
  body.category #blog-nav nav#blog,
  body.author-single #blog-nav nav#blog,
  body.archive #blog-nav nav#blog,
  body.tag #blog-nav nav#blog {
    display: none;
  }
  body.category #blog-nav nav#blog-mobile,
  body.author-single #blog-nav nav#blog-mobile,
  body.archive #blog-nav nav#blog-mobile,
  body.tag #blog-nav nav#blog-mobile {
    display: block;
  }
  body.category .content section#content .d-grid,
  body.author-single .content section#content .d-grid,
  body.archive .content section#content .d-grid,
  body.tag .content section#content .d-grid {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .blog-single section#content {
    padding: 2rem 1rem;
  }
  .blog-single section#content .date-grid {
    display: block;
  }
  .blog-single section#content .date-grid #date {
    text-align: left;
    margin-bottom: 1.5rem;
  }
  .is-ajax-search-posts {
    display: block;
  }
  form.is-search-form {
    position: absolute;
  }
  #content.content-search article a div.content {
    display: block;
    text-align: center;
  }
  #content.content-search article a div.content .img,
  #content.content-search article a div.content .color {
    width: 150px;
    height: 150px;
    margin: 0 auto;
  }
  #content.content-search article a div.content h2.entry-title {
    width: 100%;
    text-align: center;
  }
  #search-bar {
    position: absolute;
  }
  #search-bar.expand {
    top: 65px;
  }
}

@media all and (max-width: 560px) {
  body.lang-menu #lang-modal ul#lang-list li a {
    display: block;
  }
  body.lang-menu #lang-modal ul#lang-list li a span {
    font-size: 1.2rem;
    font-weight: 500;
  }
  body.lang-menu #lang-modal ul#lang-list li a div.flag {
    display: none;
  }
  section#additional div.box aside {
    -ms-grid-columns: none;
        grid-template-columns: none;
  }
  section#additional div.box aside div.img {
    display: none;
  }
  body.single section#product-hero {
    padding: 1rem;
  }
  body.single section#product-hero div.contain div.text h1.product-name {
    font-size: 2.5rem;
  }
  body.single section#contents .bg-img div.contents .box {
    padding: 2rem 1.5rem;
    border-radius: 0;
  }
}

/*--------------------------------------------------------------
# Transitions
--------------------------------------------------------------*/
nav.expanded-nav,
nav#site-navigation ul#menu-main-navigation li.expand a::after,
.btn,
ul#menu-main-navigation li a,
a.logo-box img,
div.logo-container a span,
ul.social a img,
#foot-nav nav ul li a,
nav#social-footer ul#social li a img,
p a,
a::after,
div.text a,
dd a,
ul#info-nav li,
nav#mobile-nav,
section#six ul li a,
section#references a span::after,
section#references div.contents ol li a,
#nav-top span,
ul#social-net li,
.blog-landing section#content .d-grid .item,
input[type="search"].search-field,
#search-bar,
#search a.search-btn svg path {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.item .thumb img {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

div.grid-item {
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}

article.a,
section#references div.contents,
.shortcode-site-reviews-form {
  -webkit-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
}

article.q {
  -webkit-transition: border-bottom 0.5s ease;
  transition: border-bottom 0.5s ease;
}

article.blog-box,
section#boxes li a img {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

#blog-mobile .menu-english-blog-nav-container,
#blog-mobile .menu-french-blog-nav-container,
#blog-mobile .menu-spanish-blog-nav-container {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
/*# sourceMappingURL=style.css.map */