/*
Theme Name: Natracare
Theme URI: http://www.natracare.com
Author: Natracare
Author URI: https://www.natracare.com
Version: 1.0
*/

/* CSS reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote, q {
	quotes: "" "";
}
blockquote:before, blockquote:after {
	font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
	font-size: 2.5em;
	font-weight: bold;
	color: #8db0ca;
	line-height: 0.1em;
	opacity: 0.3;
	vertical-align: -0.3em;
}
blockquote:before {
	content: "“ ";
	margin-left: -1rem;
}
blockquote:after {
	content: "”";
	margin-right: -1rem;
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


/* === Structure === */

.form-allowed-tags {
	display: none;
}
html {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
body {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	height: 100%;
}
#page {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	background: #fff;
	padding: 0;
	box-sizing: border-box;
}
.page #page {
	max-width: none;
}
#primary {
	flex: 1 1 0%; /* IE 10/11 need a unit on flex-basis */
	width: 100%; /* IE 10/11 */
	min-width: 0; /* Enable max-width on child elements of flexbox */
	padding: 0;
}
#content {
	position: relative;
}
#secondary {
	float: right;
	margin: 4em 20px;
	width: 240px;
}
.single-post #secondary {
	display: none;
}
#secondary #categories-2 {
	position: -webkit-sticky;
	position: sticky;
	top: 4em;
}

/* Singular */
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
}
#nav-below {
	margin-bottom: 1.25em;
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* === Global === */

body, input, textarea {
	color: #41474d;
	font: 400 1em/1.5 Lato, "Lucida Grande", Tahoma, sans-serif;
}

html:lang(zh-hant) body, html:lang(zh-hant) input, html:lang(zh-hant) textarea {
	font: 300 1em/1.5 Lato, "Lucida Grande", Tahoma, "Microsoft JhengHei",微軟正黑體, "PingFang TC", "Hiragino Sans GB",冬青黑体简体中文, PMingLiU,新細明體, STXihei,华文黑体, sans-serif;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
hr {
	background-color: #eee;
	border: 0;
	height: 1px;
	margin: 1.25em 0;
	clear: both;
}

/* Text elements */
p {
	font-size: 1em;
	margin: 1.25em 0;
}
.single .entry-content p, .single .entry-content ul, .single .entry-content ol {
	font-size: 1.125rem;
}
ul, ol {
	margin: 1.125em 0 1.25em 2.5em;
	font-size: 1em;
}
ul {
	list-style: circle;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
small {
	font-size: small;
}
blockquote {
	font: italic 500 1.8125em/1.6125 Lato, "Lucida Grande", Tahoma, sans-serif;
	margin: 1.25em;
	padding: 0;
	text-align: center;
	position: relative;
}
blockquote p {
    display: inline;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	font: 300 12px/1.5 Lato, "Lucida Grande", Tahoma, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px/1.5 Courier, monospace;
	margin-bottom: 1.625em;
	padding: 1em 1.5em;
	overflow: auto;
}
code, kbd {
	font: 13px Monaco, Consolas, monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 0.5em;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 2ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea {
	border: 1px solid #ddd;
	padding: 1.5em 10px 0.5em;
	border-radius: 6px;
	transition: 0.3s ease;
	-webkit-appearance: none;
}
input[type=submit] {
	-webkit-appearance: none;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus,
input:focus:invalid{
	border: 1px solid #3a6a99;
}
input:invalid {
    border-color: #fcc019;
}
textarea {
	width: 100%;
	height: 9.5em;
	min-height: 2em;
	box-sizing: border-box;
	resize: vertical;
}

/* Links */
a {
	color: #3a6a99;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}
.single .entry-content a:not(.button) {
	border-bottom: 1px solid rgba(58, 106, 153, 0.35);
	transition: 0.2s border ease-out;
}
.single .entry-content a:not(.button):hover,
.single .entry-content a:not(.button):active,
.single .entry-content a:not(.button):focus {
	text-decoration: none;
	border-color: #3a6a99;
}
a.underline {
	text-decoration: underline;
	text-decoration: underline rgba(58, 106, 153, 0.5);
	transition: text-decoration 0.3s ease;
}
a.underline:hover,
a.underline:focus,
a.underline:active {
	text-decoration-color: #3a6a99;
}
a.underline.white {
	text-decoration: underline;
	text-decoration: underline rgba(255,255,255,0.5);
}
a.underline.white:hover,
a.underline.white:focus,
a.underline.white:active {
	text-decoration-color: #fff;
}
a.underline.black{
	text-decoration: underline;
	text-decoration: underline rgba(0,0,0,0.5);
}
a.underline.black:hover,
a.underline.black:focus,
a.underline.black:active {
	text-decoration-color: #000;
}
a.arrow-link-lr {
	padding-left: 1.5em;
}
a.arrow-link-lr::before {
	content: "\279D";
	position: relative;
	margin-left: -1.5em;
	padding-right: 0.5em;
}
a.up-arrow {
	transform: rotate(135deg);
	display: inline-block;
	padding: 0.25em;
}
a.up-arrow:focus, a.up-arrow:active, a.up-arrow:hover {
	text-decoration: none;
	opacity: 0.75;
}

/* Text for screen readers only */
.screen-reader-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* === Custom Styles === */

@font-face {
	font-family: 'bornready';
	font-display: swap;
	src: url('./fonts/bornready-webfont-1911272.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('./fonts/bornready-webfont-1911272.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-weight: normal;
	font-style: normal;
	font-feature-settings: "cv01";
}
@font-face {
	font-family: 'Lato';
	font-display: swap;
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'),
		url('./fonts/lato-v15-latin-ext-300.woff2') format('woff2'),
		url('./fonts/lato-v15-latin-ext-300.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-display: swap;
	font-style: italic;
	font-weight: 400;
	src: local('Lato Italic'), local('Lato-Italic'),
		url('./fonts/lato-v15-latin-ext-italic.woff2') format('woff2'),
		url('./fonts/lato-v15-latin-ext-italic.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'),
		url('./fonts/lato-v15-latin-ext-regular.woff2') format('woff2'),
		url('./fonts/lato-v15-latin-ext-regular.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'),
		url('./fonts/lato-v15-latin-ext-700.woff2') format('woff2'),
		url('./fonts/lato-v15-latin-ext-700.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-display: swap;
	font-style: normal;
	font-weight: 900;
	src: local('Lato Black'), local('Lato-Black'),
		url('./fonts/lato-v15-latin-ext-900.woff2') format('woff2'),
		url('./fonts/lato-v15-latin-ext-900.woff') format('woff');
}
.salt {
	font-feature-settings: "salt";
}
.block_link {
	display:block;
	height:100%;
	width:100%;
	text-decoration:none;
}
.inline-block {
	display: inline-block;
}
.clear {
	clear: both;
}
.no-scroll {
	overflow: hidden;
} 
::-moz-selection {background:#fcc019;color:#fff;text-shadow:none;}
::selection {background:#fcc019;color:#fff;text-shadow:none;} 
.button, .button-small, #respond input#submit {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #59a2eb;
	border: 0;
	border-radius: 0.33em;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 0.75em 2em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	transition: 0.3s ease;
}
.button-small {
	font-size: 0.875em;
	padding: 0.625rem 2em;
}
a.arrow::after {
    content: "\221F";
    transform: rotate(-135deg);
    position: absolute;
    margin-top: 1px;
    margin-left: 0.125em;
    transition: margin 0.3s ease;
}
a.small-arrow::after {
	font-size: 0.75em;
	line-height: 2em;
}
.button.arrow, .button-small.arrow {
	padding-right: 2.5em
}
.button.arrow.bg-white.border-thin, .button-small.arrow.bg-white.border-thin {
	padding-right: calc(2.5em - 1px);
}
.button.arrow.bg-white.border, .button-small.arrow.bg-white.border {
	padding-right: calc(2.5em - 2px);
}
.button.arrow.bg-white.border-thick, .button-small.arrow.bg-white.border-thick {
	padding-right: calc(2.5em - 3px);
}
.button.arrow:hover::after, .button-small.arrow:hover::after {
    margin-left: 0.375em;
}
.button:hover, .button.selected, .button-small:hover, #respond input#submit:hover {
	text-decoration: none;
	background-color: #4f90d1;
	color: #fff;
}
.button.bg-transparent {
    border: 2px solid;
    background-color: transparent;
}
.button.bg-transparent:hover {
    background-color: rgba(255,255,255,0.1);
}
.button.bg-white.border-thin {
	border: 1px solid;
	padding: calc(0.75em - 1px) calc(2em - 1px);
}
.button.bg-white.border {
	border: 2px solid;
	padding: calc(0.75em - 2px) calc(2em - 2px);
}
.button.bg-white.border-thick {
	border: 3px solid;
	padding: calc(0.75em - 3px) calc(2em - 3px);
}
.button.bg-white:hover, .button.bg-white.border:hover {
	color: #fff;
	border-color: #4f90d1;
}
.button.bg-yellow:hover {
    background-color: #f3b303;
}
#page .toggle {
	color: #3a6a99;
	cursor: pointer;
}
.toggle:hover {
	text-decoration: underline;
}
.more {
	display: none;
}
.plus:before {
	content: "+";
	float: right;
	text-align: center;
	width: 2ex;
	font-size: 1.5em;
	line-height: 1em;
}
.toggled.plus:before {
	content: "–";
	position: relative;
	top: -0.1ex;
}
.responsive-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin: 0;
	clear: both;
}
.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
section > .responsive-container:last-child, div > .responsive-container:last-child {
	margin: 0;
}
.script {
	font-family: bornready, Lato, "Lucida Grande", Tahoma, sans-serif;
}
h1.script, h2.script {
	font: 400 5.125em/1.25 bornready, Lato, "Lucida Grande", Tahoma, sans-serif;
	margin: 1.25rem 0;
}
html:lang(pl) h1.script, html:lang(pl) h2.script {
	font: 400 4.375em/1.25 Lato, "Lucida Grande", Tahoma, sans-serif;
	font-style: italic;
}
.indent {
	text-indent: 1.5em;
}
.text-center {
	text-align: center;
}
.white, a.white {
	color: #fff;
	fill: #fff;
}
.entry-content .black, a.black {
	color: #41474d;
	fill: #41474d;
}
.entry-content .mid-grey, a.mid-grey {
	color: #879099;
	fill: #879099;
}
.entry-content .grey, a.grey {
	color: #e6ebf0;
	fill: #e6ebf0;
}
.entry-content .blue1, a.blue1 {
	color: #3a6a99;
	fill: #3a6a99;
}
.entry-content .blue2, a.blue2 {
	color: #59a2eb;
	fill: #59a2eb;
}
.entry-content .blue3, a.blue3 {
	color: #a2c6eb;
	fill: #a2c6eb;
}
.entry-content .yellow, a.yellow {
	color: #fcc019;
	fill: #fcc019;
}
.entry-content .green, a.green {
	color: #d0d955;
	fill: #d0d955;
}
.entry-content .pink, a.pink {
	color: #db72ad;
	fill: #db72ad;
}
.entry-content .red, a.red {
	color: #dd0000;
	fill: #dd0000;
}
.entry-content .thin {
	font-weight: 300;
}
.entry-content .bold {
	font-weight: 700;
}
.entry-content .extra-bold {
	font-weight: 900;
}
.entry-content .all-caps {
	text-transform: uppercase;
	letter-spacing: 0.125em;
	font-size: 16px;
}
.entry-content h2.all-caps {
	font-size: 21px;
}
.entry-content h3.all-caps {
	font-size: 16px;
}
.entry-content p.all-caps {
	font-size: 14px;
}
.shadow {
	text-shadow: 0 0 0.1em rgba(0,0,0,0.5);
}
.bg-white {
	background-color: #fff;
}
.bg-grey {
	background-color: #f9f9f9;
}
.bg-blue1 {
	background-color: #3a6a99;
}
.bg-blue2 {
	background-color: #59a2eb;
}
.bg-blue3 {
	background-color: #a2c6eb;
}
.bg-yellow {
	background-color: #fcc019;
}
.bg-green {
	background-color: #d0d955;
}
.bg-pink {
	background-color: #db72ad;
}
.bg-tampons {
	background-color: #3a6a99;
	background-image: radial-gradient(circle at top right, rgba(255, 255, 255, 0.5), #3461a9);
}
.bg-pads {
	background-color: #5a91a3;
	background-image: radial-gradient(circle at top right, rgba(255, 255, 255, 0.5), #5a91a3);
}
.bg-liners {
	background-color: #bf991d;
	background-image: radial-gradient(circle at top right, rgba(255, 255, 255, 0.5), #bc981d);
}
.bg-wipes {
	background-color: #3a6a99;
	background-image: radial-gradient(circle at top right, rgba(255, 255, 255, 0.5), #544483);
}
.bg-maternity {
	background-color: #59a2eb;
	background-image: radial-gradient(circle at top right, rgba(255, 255, 255, 0.5), #59a2eb);
}
.bg-incontinence {
	background-color: #d43a8a;
	background-image: radial-gradient(circle at top right, rgba(255, 255, 255, 0.5), #664694);
}
.page .entry-header {
	display: none;
}
img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#header {
	width: 100%;
	z-index: 100;
	background-color: #fff;
	-webkit-box-flex: 1 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.container {
	max-width:1200px;
	position:relative;
	margin:0 auto;
	padding: 0 20px;
	box-sizing:border-box;
}
.flush.container {
    padding: 0;
    max-width: 1160px;
}
#header-title {
	display: table;
	float: left;
}
#header-title img {
	margin: 14px 0 0;
	padding: 20px 10px 20px 0;
	display: block;
	width: 182px;
	height: 28px;
}
#header-controls {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
	padding: inherit;
}
#header-search {
	float: left;
	position: relative;
	top: 8px;
	border-right: 1px solid rgba(255,255,255,0.2);
	padding-right: 6px;
}
#header-language {
    float: left;
    top: 0;
    margin: 0 15px 0 4px;
	position: relative;
}
#current-lang {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 43px;
	line-height: 41px;
	padding: 0 25px 2px 32px;
	background: url("/images/languages-white.svg") 8px 12px/16px 16px no-repeat;
	color: #fff;
	font-size: 1em;
	cursor: pointer;
	min-width: 70px;
}
.no-svg #current-lang {
	background: url("/images/languages-white.png") 8px 12px/16px 16px no-repeat;
}
#current-lang:after {
	line-height: 39px;
	right: 5px;
}
.dropdown-arrow {
	cursor: pointer;
    width: 1.5em;
	height: 1.5em;
	background: url("/images/down-chevron-blue.svg") center center/cover no-repeat;
	margin: 1.25em auto;
	transition: 0.1s ease-out;
	display: block;
}
.dropdown-arrow:hover {
    opacity: 0.75;
}
.dropdown-arrow.toggled {
    transform: scaleY(-1);
}
#current-lang:hover {
	background-color: rgba(255,255,255,0.2);
}
ul#lang-sel {
	display: none;
	height: 100%;
	margin: 0;
	left: 0;
	background: #fff;
	list-style: none;
	color: #3a6a99;
	font-size: 1em;
	line-height: 2;
	padding-bottom: 0.5em;
}
#lang-sel a {
	color: #3a6a99;
	display: block;
	padding: 0 0 0 10px;
}
#navigation {
	height: 64px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}
#navigation ul {
	display: none;
}
#navigation a {
	display: block;
	font-size: 1.125em;
	padding: 0 0.75em;
	transition: all 0.1s ease;
	box-sizing: border-box;
	width: 100%;
}
#navigation ul li, #contact-legal ul li, #social-links ul li {
	float: left;
	display: inline-block;
	list-style: none outside none;
}
#social-links ul li {
	float: none;
}
#navigation ul li a:hover {
	text-decoration: none;
	color: #59a2eb;
}
#navigation ul ul {
	display: none;
	position: absolute;
}
#navigation .menu-item-has-children > a {
	padding-right: 1.75em;
}
#navigation .menu-item-has-children > a::after, #current-lang::after {
    content: "\221F";
    transform: rotate(-45deg);
    position: absolute;
    margin: -2px 0 0 0.5em;
	font-size: 1rem;
}
#navigation .menu-item-has-children:hover .sub-menu, #navigation .menu-item-has-children .sub-menu:hover {
    display: block;
	opacity: 1;
	transition: opacity 0.3s ease 0.3s;
}
#navigation .sub-menu {
    background: #fff;
    margin: 0;
    padding: 18px 0 0.5em;
	opacity: 0;
	transition: opacity 0.3s ease 0;
}
.sub-menu li {
    line-height: 45px;
	clear: both;
	width: 100%;
}
#mobile-nav {
	display: none;
	overflow-x: hidden;
}
#header-primary {
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    height: 100px;
    z-index: 9999;
    position: relative;
}
#header-secondary {
	position: absolute;
	right: 0;
	background-color: #fff;
	background: none;
	z-index: 99999;
}
.entry-content section {
	padding: 120px 0;
}
.entry-content section.half-padding {
	padding: 60px 0;
}
#home-hero {
	background: linear-gradient( to right, rgba(0, 0, 0, 0.05) 100%, rgba(0, 0, 0, 0) ), url("/images/homepage-banner-500-2x-MQ.webp") center center/cover no-repeat;
    height: 697px;
	padding: 0;
}
.no-webp #home-hero, .no-js #home-hero {
	background: linear-gradient( to right, rgba(0, 0, 0, 0.05) 100%, rgba(0, 0, 0, 0) ), url("/images/homepage-banner-500-2x-MQ.jpg") center center/cover no-repeat;
}
#home-hero h1 {
	margin: 0;
}
#home-hero h1,
#home-hero h2,
#home-hero h3 {
	text-align: center;
	color: #fff;
	line-height: 1.5;
}
#home-hero #home-hero-text {
	position: relative;
	top: 90px;
	width: 100%;
	text-align: center;
	padding: 0;
	box-sizing: border-box;
}
#home-hero h1.script {
	font-size: 3.5em;
	line-height: 1.3;
	width: 100%;
	margin-bottom: 16px;
}
html:lang(pl) #home-hero h1.script {
	font-size: 3em;
}
#home-hero h3 {
	margin-top: 1.25rem;
}
#home-hero-logos {
	padding: 40px 0;
}
#home-hero-logos .container div {
	display: inline-block;
	padding: 0.5em;
}
#home-hero-logos .container div img {
	height: 1.5em;
	padding: 0 0.5em;
	vertical-align: bottom;
}
#home-why-natracare-body {
	background: linear-gradient( to left, rgba(0,0,0,0.15) 50%, rgba(0, 0, 0, 0.15) ), url("/images/better-for-your-body-2000-1x-MQ.webp") center 65%/cover no-repeat;
	text-align: center;
}
.no-webp #home-why-natracare-body, .no-js #home-why-natracare-body {
	background: linear-gradient( to left, rgba(0,0,0,0.15) 50%, rgba(0, 0, 0, 0.15) ), url("/images/better-for-your-body-2000-1x-MQ.jpg") center 65%/cover no-repeat;
}
#home-why-natracare-planet {
	background: linear-gradient( to right, rgba(102, 65, 0, 0.15) 100%, rgba(102, 65, 0, 0.15) ), url("/images/better-for-the-planet-500-2x-MQ.webp") center center/cover no-repeat;
	text-align: center;
}
.no-webp #home-why-natracare-planet, .no-js #home-why-natracare-planet {
	background: linear-gradient( to right, rgba(102, 65, 0, 0.15) 100%, rgba(102, 65, 0, 0.15) ), url("/images/better-for-the-planet-500-2x-MQ.jpg") center center/cover no-repeat;
}
#home-why-natracare-planet .button:hover {
    background: #96b577;
	color: #fff;
}
#products-explorer {
	text-align: center;
	background: #fff;
}
#find-a-stockist {
	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/images/find-a-stockist-500-2x-MQ.webp") center center/cover no-repeat;
}
.no-webp #find-a-stockist, .no-js #find-a-stockist {
	background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/images/find-a-stockist-500-2x-MQ.jpg") center center/cover no-repeat;
}
#find-a-stockist .button:hover {
    background: #fff;
	color: #41474d;
}
#products-hero {
    padding: 80px 0 60px;
    background: #fff;
}
#products-categories {
    text-align: center;
    padding: 0 0 120px;
    background: #fff;
}
div.image-grid {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.image-grid p {
	width: 100%;
	height: 4rem;
	min-height: 2.5em;
	transition: .2s ease-in-out;
	padding: 0.75rem 0.5em;
	box-sizing: border-box;
	font-size: 1.0625em;
	line-height: 1.25rem;
	margin: 0;
	pointer-events: none;
}
.image-grid a:hover p {
	opacity: 0.75
}
.image-grid a {
	display: inline-block;
	margin-bottom: 1px;
	width: 100%;
	text-decoration: none;
}
@media screen and (min-width: 800px) {
	.image-grid a {
		margin: 0 16px 16px 0;
		min-width: 376px;
		max-width: calc(50% - 8px);
	}
	.image-grid a:nth-of-type(2n) {
		margin-right: 0;
	}
	.product-category-key-features p:first-of-type {
    	min-height: 9em;
	}
}
@media screen and (min-width: 1180px) {
	.image-grid a {
		width: 376px;
	}
	.image-grid a:nth-of-type(2n) {
		margin-right: 16px;
	}
	.image-grid a:nth-of-type(3n) {
		margin-right: 0;
	}
}
.image-grid img {
	border: none;
	max-width: 100%;
	height: auto;
	display: block;
	transition: .167s ease-in-out;
	opacity: 1;
}
.image-grid a:hover img {
	opacity: 0.75;
}
.image-grid figure {
	margin: 0;
	overflow: hidden;
	position: relative;
}
.image-grid figcaption {
	text-align: center;
	font-size: 5rem;
	line-height: 5rem;
	position: absolute;
	top: 50%;
	margin: -4rem auto 0;
	width: 100%;
	color: #fff;
	font-family: bornready;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: .2s ease-in-out;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2)
}
.image-grid figcaption:last-child {
	margin-top: -2rem;
}
html:lang(pl) .image-grid figcaption {
	font-family: Lato, "Lucida Grande", Tahoma, sans-serif;
	font-style: italic;
	font-size: 3.75em;
}
.carousel {
	text-align: center;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	margin: 2.5rem 0;
	padding: 0;
}
.carousel.seamless-carousel {
	margin: 0;
}
.carousel.no-flick {
	display: flex;
	flex-wrap: nowrap;
	text-align: center;
	overflow: hidden;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}
.carousel p {
	width: 100%;
	height: 4rem;
	transition: .2s ease;
	padding: 0.75rem 0;
	box-sizing: border-box;
	font-size: 1.0625em;
	line-height: 1.25rem;
	margin: 0;
	pointer-events: none;
}
.carousel blockquote {
	width: 100%;
	padding: 0 2.5em;
	margin: 2.5rem 0;
	box-sizing: border-box;
}
.carousel a:hover p {
	opacity: 0.75
}
.carousel a {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	flex-shrink: 0;
	text-decoration: none;
	scroll-snap-align: start;
}
.carousel.seamless-carousel a {
	padding: 0;
}
#thirty-years-timeline .carousel a, #thirty-years-timeline div.carousel-cell {
	width: 845px;
	max-width: 100%;
}
.product-carousel {
	margin: 1.5em 0 3em;
	padding: 0;
}
/* Prevent all carousel images flashing on screen before flickity is loaded */
.product-carousel img, .product-carousel img {
	display: none;
}
.product-carousel img:first-child {
	display: block;
}
.product-carousel.flickity-enabled img {
	display: block;
}
@media screen and (min-width: 880px) {
	.carousel a {
		width: 50%;
		padding: 0 10px;
	}
}
.carousel img {
	border: none;
	max-width: 100%;
	height: auto;
	display: block;
	transition: .2s ease;
	opacity: 1;
}
.carousel figure {
	margin: 0;
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 100%;
}
.carousel figcaption {
	text-align: center;
	font-size: 5rem;
	line-height: 5rem;
	position: absolute;
	top: 50%;
	margin: -4.25rem auto 0;
	width: 100%;
	color: #fff;
	font-family: bornready;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: .2s ease;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2)
}
.carousel blockquote + figcaption {
	position: relative;
	font-family: inherit;
	font-size: inherit;
	color: currentColor;
	text-shadow: none;
	margin: -2rem 0 0.5rem;
	line-height: 1.5;
	top: unset;
}
.carousel figcaption:last-child {
	margin-top: -2.25rem;
}
.carousel blockquote + figcaption:last-child {
	margin: -2rem 0 0.5rem;
}
html:lang(pl) .carousel figcaption {
	font-family: Lato, "Lucida Grande", Tahoma, sans-serif;
	font-style: italic;
	font-size: 3.75em;
}
#products-explorer .maandverband {
	font-size: 4.25em;
}
#products-explorer .protectores-diarios {
	font-size: 3.5em;
}
html:lang(pl) #products-explorer .wkladki-higieniczne {
	font-size: 2.5em;
}
#products-explorer .protege-slips {
	font-size: 4.5em;
}
@media screen and (min-width: 600px) {
	#products-explorer .maandverband {
		font-size: 5rem;
	}
}
@media screen and (min-width: 1400px) {
	.carousel figcaption, #products-explorer .protege-slips, #products-explorer .maandverband {
		font-size: 7.5em;
	}
	html:lang(pl) .carousel figcaption {
		font-size: 5.625em;
	}
	#products-explorer .protectores-diarios {
		font-size: 6.5em;
	}
	html:lang(pl) #products-explorer .wkladki-higieniczne {
		font-size: 4.75em;
	}
}
.video-bg {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#tampons-hero {
    background-color: #3a6a99;
	background: url("/images/tampons-hero-2000-MQ.webp") center center/cover no-repeat;
    padding: 100px 0;	
}
.no-webp #tampons-hero, .no-js #tampons-hero {
	background: url("/images/tampons-hero-2000-MQ.jpg") center center/cover no-repeat;
}
#pads-hero {
    background-color: #5a91a3;
	background: url("/images/pads-hero-2000-MQ.webp") center center/cover no-repeat;
    padding: 100px 0;	
}
.no-webp #pads-hero, .no-js #pads-hero {
	background: url("/images/pads-hero-2000-MQ.jpg") center center/cover no-repeat;
}
#liners-hero {
    background-color: #bf991d;
	background: url("/images/liners-hero-2000-MQ.webp") center center/cover no-repeat;
    padding: 100px 0;	
}
.no-webp #liners-hero, .no-js #liners-hero {
	background: url("/images/liners-hero-2000-MQ.jpg") center center/cover no-repeat;
}
#wipes-hero {
    background-color: #3a6a99;
	background: url("/images/wipes-hero-2000-MQ.webp") center center/cover no-repeat;
    padding: 100px 0;	
}
.no-webp #wipes-hero, .no-js #wipes-hero {
	background: url("/images/wipes-hero-2000-MQ.jpg") center center/cover no-repeat;
}
#maternity-hero {
    background-color: #7994ca;
	background: url("/images/maternity-hero-2000-MQ.webp") center center/cover no-repeat;
    padding: 100px 0;	
}
.no-webp #maternity-hero, .no-js #maternity-hero {
	background: url("/images/maternity-hero-2000-MQ.jpg") center center/cover no-repeat;	
}
#incontinence-hero {
    background-color: #d43a8a;
	background: url("/images/incontinence-hero-2000-MQ.webp") center center/cover no-repeat;
    padding: 100px 0;	
}
.no-webp #incontinence-hero, .no-js #incontinence-hero {
	background: url("/images/incontinence-hero-2000-MQ.jpg") center center/cover no-repeat;	
}
#tampons-intro, #pads-intro, #liners-intro, #wipes-intro, #maternity-intro, #incontinence-intro {
	padding: 120px 0 60px;
}
section.product-category-explorer {
	padding: 60px 0 120px;
}
.product-category-key-features .quarter img {
	width: 50%;
}
.product-box img {
	white-space: nowrap;
    display: inline-block;
	vertical-align: top;
}
.product-box {
    width: 100%;
    padding: 0;
	margin: 0 0 1em 0;
    box-sizing: border-box;
	float: left;
}
.product-box a {
	padding: 2.5em;
	display: block;
	color: #41474d;
	border-bottom: 4px solid;
	transition: 0.2s ease;
	background: #fff;
}
.product-box a:hover {
	text-decoration: none;
	background: #fbfdff;
}
.product-box a:hover {
	border-bottom: 4px solid #59a2eb;
}
.product-box img {
	display: block;
	margin: 0 auto;
}
.product-box h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #41474d;
    font-weight: 700;
    margin: 2em 0 0.5em;
	transition: 0.2s ease color;
}
.product-box em {
	min-height: auto;
	display: inline-block;
	transition: 0.2s ease color;
}
.product-box p em {
    min-height: auto;
}
.product-box a:hover h3, .product-box a:hover em {
	color: #59a2eb;
}
.product-box p:last-child {
    margin-bottom: 0;
}
#press-release-downloads .product-box:hover .download {
		background-color: #4f90d1;
	}
.product-summary div .right:nth-of-type(3) {
		margin-top: -1.25em;
	}
p.product-logos a {
	float: left;
	margin-right: 1em;
}
p.product-logos img {
	width: 5em;
}
p.product-logos a:last-child img {
	margin-right: 0;
}
.product-logos::after {
	content: '';
	display: table;
	clear: both;
}
#accreditations {
	padding: 30px 0;
    text-align: center;
}
#accreditations img {
    max-width: 10%;
    margin: 3%;
}
.entry-content li {
	margin-bottom: 0.5em;
}
.entry-content ul.daisy {
    margin-left: 1em;
}
.entry-content ul.daisy li {
    margin-bottom: 0.5em;
    background: url("/images/daisy.png") left center/24px no-repeat;
    padding-left: 34px;
    list-style-type: none;
}
.entry-content ul.checkmark {
    margin-left: 0;
}
.entry-content ul.checkmark li {
    margin-bottom: 0.5em;
    background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0icmVzZXQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgogIDxwYXRoIGZpbGw9IiM1ZjZhN2QiIGQ9Ik03LjMyNywxNy42NmMtMC43MDMtMC4wMDgtMS4xNDQtMC41ODctMS41OTctMS4wMzljLTAuNjk0LTAuNjkyLTEuMzg5LTEuMzg1LTIuMDgzLTIuMDc3CiAgYy0wLjc0Ny0wLjc0NS0xLjQ5NC0xLjQ5LTIuMjQxLTIuMjM1Yy0wLjM5NS0wLjM5NC0wLjkwOC0wLjc4My0xLjIxOS0xLjI1NGMtMC44OTEtMS4zNDcsMS4wNDUtMi42ODcsMi4xMzEtMS42MDQKICBjMC40NzQsMC40NzIsMC45NDcsMC45NDQsMS40MjEsMS40MTdjMS4yMSwxLjIwNywyLjQxOSwyLjQxMywzLjYyOSwzLjYxOWMzLjI0MS0zLjY3Miw2LjQ4Mi03LjM0NCw5LjcyNC0xMS4wMTcKICBjMC42MDctMC42ODgsMS4zMTQtMS41NywyLjM1NS0wLjg4MmMxLjE3NywwLjc3NywwLjM1MSwxLjg0Ny0wLjMwMiwyLjU3NWMtMS44MTYsMi4wMjktMy42MzQsNC4wNTgtNS40NSw2LjA4NwogIGMtMS4zMDgsMS40NjEtMi42MTUsMi45MjEtMy45MjMsNC4zODJDOS4xNzksMTYuMjk0LDguMzQzLDE3LjY3NSw3LjMyNywxNy42NkM2Ljk4LDE3LjY1Niw3LjY3MiwxNy42NjUsNy4zMjcsMTcuNjZ6Ii8+Cjwvc3ZnPgo=") left center/1em no-repeat;
    padding-left: 2em;
    list-style-type: none;
}
.comment_permalink {
	float: right;
	font-weight: 300;
	padding: 0 6px;
	line-height: 1.5rem;
	margin-top: -1px;
}
.says {
	display: none;
}
#where-to-buy-hero {
	padding: 100px 0 40px;
	text-align: center;
}
#top-countries h3 a {
    display: inline-block;
    padding: 0.625em 1.25em 0;
}
#top-countries img {
	width: 72px;
}
section#where-to-buy-list {
	padding: 0 0 120px;
}
.world-region-full {
    margin: 0 0 20px;
    background: #7eb4eb;
    border-radius: 6px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: 0.3s ease;
}
.world-region-full:hover {
    background-color: #6babeb;
}
.world-region {
    padding: 10px 20px;
    border: 0;
    font-size: 1.8125em;
	background-position: 93% center;
	background-size: 150px;
	background-repeat: no-repeat;
}
.world-region.americas {
    background-image: url("/images/americas.webp");
}
.no-webp .world-region.americas, .no-js .world-region.americas {
    background-image: url("/images/americas.png");
}
.world-region.asia-pacific {
    background-image: url("/images/asia-pacific.webp");
}
.no-webp .world-region.asia-pacific, .no-js .world-region.asia-pacific {
    background-image: url("/images/asia-pacific.png");
}
.world-region.europe {
    background-image: url("/images/europe.webp");
}
.no-webp .world-region.europe, .no-js .world-region.europe {
    background-image: url("/images/europe.png");
}
.world-region.middle-east-and-africa {
    background-image: url("/images/middle-east-and-africa.webp");
}
.no-webp .world-region.middle-east-and-africa, .no-js .world-region.middle-east-and-africa {
    background-image: url("/images/middle-east-and-africa.png");
}
#page .toggle.world-region {
	text-decoration: none;
	color: #fff;
}
#where-to-buy-list ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,0.1);
}
#where-to-buy-list ul > li {
	display: inline-block;
	width: 100%;
	margin: 0;
}
#where-to-buy-list a {
	display: block;
	padding: 10px 20px;
	font-size: 1em;
	color: #fff;
	line-height: 22px;
	-webkit-tap-highlight-color: transparent;
}
#where-to-buy-list a:focus,
#where-to-buy-list a:active,
#where-to-buy-list a:hover {
	text-decoration: none;
}
#where-to-buy-list a:hover {
    background: rgba(255,255,255,0.1);
}
#where-to-buy-list a > img,
#where-to-buy-list a > picture img {
    margin: 0 12px 0 0;
    width: 36px;
    float: left;
	border-radius: 3px;
}
#where-to-buy-contact {
    text-align: center;
}
#where-to-buy-country-hero {
	padding: 120px 0 60px;
	background: url("/images/our-story-2000-MQ.webp") center center/cover no-repeat;
}
.no-webp #where-to-buy-country-hero, .no-js #where-to-buy-country-hero {
	background: url("/images/our-story-2000-MQ.jpg") center center/cover no-repeat;
}
#where-to-buy-country-hero img.country-flag, #where-to-buy-details img.country-flag {
	height: 0.75em;
	margin-right: 0.25em;
}
#where-to-buy-details {
	padding: 120px 0 60px;
}
#where-to-buy-country-hero + #where-to-buy-details {
	padding: 40px 0;
}
#where-to-buy-country-hero + #where-to-buy-details h3 {
	font-weight: 900;
}
p.where-to-buy-logos {
	margin-bottom: -1.25em;
}
p.where-to-buy-logos:last-child {
	margin-bottom: 0;
}
p.where-to-buy-logos a {
	margin-right: 1em;
	white-space: nowrap;
}
p.where-to-buy-logos a:last-child {
	margin-right: 0;
}
p.where-to-buy-logos a:focus,
p.where-to-buy-logos a:active,
p.where-to-buy-logos a:hover {
	text-decoration: none;
}
p.where-to-buy-logos img {
    vertical-align: top;
	height: 1.5em;
	margin-bottom: 1.25em;
}
p.where-to-buy-logos img.natracare-region-logo {
	height: 1em;
	padding: 0.1875em 0 0.3125em;
	margin-right: 0.5em;
}
p.where-to-buy-logos .natracare-region-text {
	font-size: 1.5em;
	line-height: 1.5rem;
}
#where-to-buy-details .inline-list li::after, .inline-list.divider-list li::after {
	content: " | ";
	color: #e6ebf0;
}
#where-to-buy-details .inline-list li:last-of-type::after, .inline-list.divider-list li:last-of-type::after {
	content: "";
}
section#where-to-buy-map {
	padding: 0;
}
#why-natracare-hero {
    background: url("/images/why-natracare-2000-1x-MQ.webp") center center/cover no-repeat;
}
.no-webp #why-natracare-hero, .no-js #why-natracare-hero {
    background: url("/images/why-natracare-2000-1x-MQ.jpg") center center/cover no-repeat;
}
#why-natracare-plastic-free .right.half {
    background: url("/images/plastic-free-bottle-icon.webp") center center/200px no-repeat;
    height: 260px;
}
.no-webp #why-natracare-plastic-free .right.half, .no-js #why-natracare-plastic-free .right.half {
    background: url("/images/plastic-free-bottle-icon.png") center center/200px no-repeat;
}
#why-natracare-all-natural {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/natural-materials-2000-1x-MQ.webp") center center /cover no-repeat;
}
.no-webp #why-natracare-all-natural, .no-js #why-natracare-all-natural {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/natural-materials-2000-1x-MQ.jpg") center center /cover no-repeat;
}
#why-natracare-all-natural .button:hover {
	background: #acb066;
	color: #fff;
}
#why-natracare-gynaecologist-recommended .right.half, #why-natracare-intimate-health .right.half {
    background: url("/images/gynaecologist-recommended-icon.webp") center center/200px no-repeat;
    height: 260px;
}
.no-webp #why-natracare-gynaecologist-recommended .right.half, .no-webp #why-natracare-intimate-health .right.half, .no-js #why-natracare-gynaecologist-recommended .right.half, .no-js #why-natracare-intimate-health .right.half {
    background: url("/images/gynaecologist-recommended-icon.png") center center/200px no-repeat;
}
#why-natracare-certified-organic {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/certified-organic-1440-1x-MQ.webp") center center /cover no-repeat;
}
.no-webp #why-natracare-certified-organic, .no-js #why-natracare-certified-organic {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/certified-organic-1440-1x-MQ.jpg") center center /cover no-repeat;
}
#why-natracare-certified-organic .button:hover {
	background: #a36c35;
	color: #fff;
}
#why-natracare-no-fibre-loss .right.half {
    background: url("/images/no-fibre-loss-icon.webp") center center/200px no-repeat;
    height: 260px;
}
.no-webp #why-natracare-no-fibre-loss .right.half, .no-js #why-natracare-no-fibre-loss .right.half {
    background: url("/images/no-fibre-loss-icon.png") center center/200px no-repeat;
}
#why-natracare-totally-chlorine-free {
	background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url("/images/chlorine-free-2000-1x-MQ.webp") center center /cover no-repeat;
}
.no-webp #why-natracare-totally-chlorine-free, .no-js #why-natracare-totally-chlorine-free {
	background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url("/images/chlorine-free-2000-1x-MQ.jpg") center center /cover no-repeat;
}
#why-natracare-totally-chlorine-free .button:hover {
	background: #22242e;
	color: #fff;
}
#why-natracare-effective-protection .right.half {
    background: url("/images/effective-protection-icon.webp") center center/200px no-repeat;
    height: 260px;
}
.no-webp #why-natracare-effective-protection .right.half, .no-js #why-natracare-effective-protection .right.half {
    background: url("/images/effective-protection-icon.png") center center/200px no-repeat;
}
#why-natracare-vegan {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/animal-friendly-2000-1x-MQ.webp") center center /cover no-repeat
}
.no-webp #why-natracare-vegan, .no-js #why-natracare-vegan {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/animal-friendly-2000-1x-MQ.jpg") center center /cover no-repeat
}
#why-natracare-vegan .button:hover {
	background: #838172;
	color: #fff;
}
#plastic-free-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/plastic-free-1200-2x-MQ.webp") center center /cover no-repeat;
}
.no-webp #plastic-free-hero, .no-js #plastic-free-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/plastic-free-1200-2x-MQ.jpg") center center /cover no-repeat;
}
#plastic-free-periods-video {
	padding: 0;
}
#plastic-free-sea-red-video .responsive-container, #plastic-free-in-the-oceans .responsive-container {
	margin-top: 1.5em;
}
#natural-materials-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url("/images/natural-materials-2000-1x-MQ.webp") center center /cover no-repeat;
}
.no-webp #natural-materials-hero, .no-js #natural-materials-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url("/images/natural-materials-2000-1x-MQ.jpg") center center /cover no-repeat;
}
#natural-materials-intro {
	padding: 120px 0 60px;
}
#natural-materials-organic-cotton, #natural-materials-sustainable-wood-pulp, #natural-materials-plant-starch {
	padding: 60px 0;
}
#natural-materials-organic-cotton .right.half {
    background: url("/images/natural-materials-cotton-illustration.webp") center center/300px no-repeat;
    height: 260px;
}
.no-webp #natural-materials-organic-cotton .right.half, .no-js #natural-materials-organic-cotton .right.half {
    background: url("/images/natural-materials-cotton-illustration.png") center center/300px no-repeat;
    height: 260px;
}
#natural-materials-sustainable-wood-pulp .left.half {
    background: url("/images/natural-materials-trees-illustration.webp") center center/300px no-repeat;
    height: 260px;
}
.no-webp #natural-materials-sustainable-wood-pulp .left.half, .no-js #natural-materials-sustainable-wood-pulp .left.half {
    background: url("/images/natural-materials-trees-illustration.png") center center/300px no-repeat;
    height: 260px;
}
#natural-materials-plant-starch .right.half {
    background: url("/images/natural-materials-plants-illustration.webp") center center/300px no-repeat;
    height: 260px;
}
.no-webp #natural-materials-plant-starch .right.half, .no-js #natural-materials-plant-starch .right.half {
    background: url("/images/natural-materials-plants-illustration.png") center center/300px no-repeat;
    height: 260px;
}
#natural-materials-our-standards-logos {
	padding: 20px 0 0;
}
#natural-materials-our-standards-logos img {
    max-width: 180px;
}
#gynaecologist-recommended-hero, #intimate-health-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url("/images/gynaecologist-recommended.webp") left center /cover no-repeat;
}
.no-webp #gynaecologist-recommended-hero, #intimate-health-hero, .no-js #gynaecologist-recommended-hero, #intimate-health-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url("/images/gynaecologist-recommended.jpg") left center /cover no-repeat;
}
#gynaecologist-recommended-by-design .right.half, #intimate-health-by-design .right.half {
    background: url("/images/caring-for-health-women.png") center center/200px no-repeat;
    height: 220px;
}
#gynaecologist-recommended-for-professionals .left.half, #gynaecologist-recommended-intimate-issues .left.half, #intimate-health-intimate-issues .left.half {
    background: url("/images/gynaecologist-recommended-icon.webp") center center/200px no-repeat;
    height: 220px;
}
.no-webp #gynaecologist-recommended-for-professionals .left.half, .no-webp #gynaecologist-recommended-intimate-issues .left.half, .no-webp #intimate-health-intimate-issues .left.half,
.no-js #gynaecologist-recommended-for-professionals .left.half, .no-js #gynaecologist-recommended-intimate-issues .left.half, .no-js #intimate-health-intimate-issues .left.half {
    background: url("/images/gynaecologist-recommended-icon.png") center center/200px no-repeat;
}
#animal-friendly-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/animal-friendly-2000-1x-MQ.webp") center center /cover no-repeat;
}
.no-webp #animal-friendly-hero, .no-js #animal-friendly-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/animal-friendly-2000-1x-MQ.jpg") center center /cover no-repeat;
}
#animal-friendly-independently-certified-logos {
	padding: 20px 0;
}
#animal-friendly-independently-certified-logos img {
    max-width: 180px;
	max-height: 180px;
}
#certified-organic-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/certified-organic-1440-1x-MQ.webp") center center /cover no-repeat;
}
.no-webp #certified-organic-hero, .no-js #certified-organic-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/certified-organic-1440-1x-MQ.jpg") center center /cover no-repeat;
}
#certified-organic-healthy-for-workers {
    background: url("/images/healthy-for-workers-500-2x-MQ.jpg") center center/cover no-repeat;
	position: relative;
	overflow: hidden;
    padding: 120px 0 400px;
	text-align: center;
}
#certified-organic-healthy-for-workers video {
	display: none;
}
#chlorine-free-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url("/images/chlorine-free-2000-1x-MQ.webp") center center /cover no-repeat;
}
.no-webp #chlorine-free-hero, .no-js #chlorine-free-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url("/images/chlorine-free-2000-1x-MQ.jpg") center center /cover no-repeat;
}
#no-fibre-loss-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/no-fibre-loss-2000-1x-MQ.webp") right center /cover no-repeat;
}
.no-webp #no-fibre-loss-hero, .no-js #no-fibre-loss-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/no-fibre-loss-2000-1x-MQ.jpg") right center /cover no-repeat;
}
#fibre-loss-tampons-link {
    background: url("/images/tampons-hero-2000-MQ.jpg") center center/cover no-repeat;
    padding: 100px 0;
}
#fibre-loss-tampons-link .button:hover {
    color: #fff;
}
#effective-protection-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/effective protection.webp") center center /cover no-repeat;
}
.no-webp #effective-protection-hero, .no-js #effective-protection-hero {
	background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/effective protection.jpg") center center /cover no-repeat;
}
#certified-hero img {
	width: 75%;
}
#accreditations-list {
	padding: 40px 0;
}
#accreditations-list .half {
	padding-top: 40px;
    padding-bottom: 40px;
}
#our-story-hero {
	background: url("/images/our-story-2000-MQ.webp") center center/cover no-repeat;
}
.no-webp #our-story-hero, .no-js #our-story-hero {
	background: url("/images/our-story-2000-MQ.jpg") center center/cover no-repeat;
}
#our-story-banner-1 {
	background: url("/images/period-protest-1200-MQ.webp") center 30%/cover no-repeat;
	padding: 180px 0;
}
.no-webp #our-story-banner-1, .no-js #our-story-banner-1 {
	background: url("/images/period-protest-1200-MQ.jpg") center 30%/cover no-repeat;
}
#our-story-ethical-sustainable-logos {
    text-align: center;
    padding: 1.125rem 0 0;
}
#our-story-ethical-sustainable-logos img {
    max-width: 180px;
}
#thirty-years-timeline {
	padding: 120px 0 0;
}
#contact-us-form, #contact-us-success {
	text-align: center;
	background: url("/images/product-pattern-tile-pale-dark-blue.png") center top #f9f9f9;
}
#contact-us-form .container {
	margin: 0 auto;
	max-width: 560px;
}
#contact-us-success-next {
	text-align: center;
	padding-top: 0;
}
#faqs-hero {
    padding: 120px 0 60px;
}
#faqs-contents {
    padding: 60px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#faqs-questions {
    padding: 30px 0 120px;
}
#faqs-questions .faqs-category {
	padding-top: 30px;
}
#faqs-questions .faqs-answer p:first-child {
    margin-top: 0;
}
#faqs-questions .faqs-answer p:last-child {
	margin-bottom: 0;
}
#privacy-cookies {
	padding: 60px 0 120px;
}
#terms-of-use {
	padding: 60px 0 120px;
}
#environmental-ethical-policy {
	padding: 60px 0 120px;
}
iframe.map {
	min-height: 75vh;
	max-height: 100vh;
}
ul.inline-list {
	margin: 1.25em 0;
}
.more > .inline-list, .more > p:first-child {
	margin: 0 0 1.25em;
}
ul.inline-list li {
	display: inline;
	list-style-type: none;
	white-space: nowrap;
}
ul.checklist {
	list-style-type: none;
	margin-left: 0;
}
.checklist > li:before {
	content: "";
	background: url("/images/check_4981ab.svg") no-repeat scroll center center;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 0.5em;
	position: relative;
	top: 2px;
}
.no-svg .checklist > li:before {
	background: url("/favicon-16x16.png") no-repeat scroll center center;
}
.entry-content img.droplet {
	width: 14px;
	height: 21px;
	padding: 0 3.5px;
	display: inline-block;
	vertical-align: top;
}
.droplet.empty {
	opacity: 0.25;
}
.half {
	box-sizing: border-box;
	width: 50%;
}
.half.center {
	margin: 0 auto;
}
.third {
	box-sizing: border-box;
	width: 33.333%;
}
.third.center {
	margin: 0 auto;
}
div.third:nth-of-type(1) {
	padding: 0 14px 0 0;
}
div.third:nth-of-type(2) {
	padding: 0 7px;
}
div.third:nth-of-type(3) {
	padding: 0 0 0 14px;
}
.quarter {
    box-sizing: border-box;
	width: 25%;
    padding: 0 10px;
}
div.quarter:nth-child(1) {
	padding: 0 14px 0 0;
}
div.quarter:nth-child(2), div.quarter:nth-child(3) {
	padding: 0 7px;
}
div.quarter:nth-child(4) {
	padding: 0 0 0 14px;
}
.left {
	float: left;
	padding-right: 30px;
}
.left-nopadding {
	float: left;
}
.right {
	float: right;
	padding-left: 30px;
}
.right-nopadding {
	float: right;
}
.wpcf7-form p {
	margin-bottom: 1em;
	position: relative;
}
.wpcf7-form label, #respond label {
	display: inline-block;
	position: absolute;
	left: 0;
	text-align: left;
	margin-top: 1px;
	margin-left: 11px;
	line-height: 2em;
	color: #3a6a99;
	transition: 0.3s ease;
}
.wpcf7-form input:focus + label, .wpcf7-form-control-wrap:focus + label {
    font-size: 12px;
    line-height: 1.5em;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"] {
	box-sizing: border-box;
	width: 100%;
}
.wpcf7-form input[type="submit"] {
	margin-left: 0;
}
.wpcf7-form textarea {
	max-width: 100%;
	margin-left: 0;
}
.wpcf7-form .required {
	font-size: 11px;
	vertical-align: top;
	color: #3a6a99;
}
input.wpcf7-not-valid {
	border: 1px solid #e44;
}
.hidden {
	display: none;
}


/* === Footer Menu === */

ul.footer-menu {
	font-size: 1em;
	color: #fff;
	margin: 10px 0 0;
}
#footer-primary ul.footer-menu {
	margin: 1.5rem 0 0;
	min-width: 120px;
}
ul.footer-menu > li {
	display: block;
	list-style-type: none;
}
.footer-menu-links-main li h4, #footer-recent-blog h4 {
    font-weight: 900;
	font-size: 15px;
    padding: 0.375rem 0;
}
.footer-menu-links-main li a {
	padding: 0.375rem 0.5rem 0.375rem 0rem;
	box-sizing: border-box;
	min-width: 48px;
}
.footer-menu a {
    color: #fff;
    display: inline-block;
    line-height: 1.5;
    padding: 0.5em;
    text-decoration: none;
}
.footer-menu a:hover {
	text-decoration: underline;
}
.footer-menu a img {
	vertical-align: middle;
	margin-top: -2px;
}
#copyright ul {
    padding: 0;
	font-size: 12px;
	font-weight: 300;
}
#contact-legal ul {
    margin: 10px 0 0;
    float: left;
}
#contact-legal a {
    color: #fff;
	padding: 0.5em 0.4em;
}
.social-icon {
    background-image: url("/images/social-media/social-sprite-300519.svg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    margin-top: -2px;
	margin-right: 0.5em;
    vertical-align: middle;
    width: 28px;
    background-size: auto 28px;
}
.no-svg .social-icon {
    background-image: url("/images/social-media/social-sprite-300519.png");
}
#mobile-nav ul.menu li.mobile-menu-social-icons a .social-icon {
	margin-right: 0;
}
.footer-menu a .social-icon, #mobile-nav a .social-icon {
    background-image: url("/images/social-media/social-sprite-white.svg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    margin-top: -2px;
	margin-right: 0;
    vertical-align: middle;
    width: 21px;
    background-size: auto 21px;
}
.no-svg .footer-menu a .social-icon {
    background-image: url("/images/social-media/social-sprite-white.png");
}
.facebook {
    background-position: 0 0;
}
.twitter {
    background-position: -28px 0;
    -ms-background-position-x: -28px;
}
.instagram {
    background-position: -56px 0;
    -ms-background-position-x: -56px;
}
.youtube {
    background-position: -84px 0;
    -ms-background-position-x: -84px;
}
.pinterest {
    background-position: -112px 0;
    -ms-background-position-x: -112px;
}
.linkedin {
	background-position: -140px 0;
    -ms-background-position-x: -140px;
}
.footer-menu .facebook, #mobile-nav .facebook {
    background-position: 0 0;
}
.footer-menu .twitter, #mobile-nav .twitter {
    background-position: -21px 0;
    -ms-background-position-x: -21px;
}
.footer-menu .instagram, #mobile-nav .instagram {
    background-position: -42px 0;
    -ms-background-position-x: -42px;
}
.footer-menu .youtube, #mobile-nav .youtube {
    background-position: -63px 0;
    -ms-background-position-x: -63px;
}
.footer-menu .pinterest, #mobile-nav .pinterest {
    background-position: -84px 0;
    -ms-background-position-x: -84px;
}


/* === Search === */

body.search #secondary {
	display: none;
}
.search-field {
	background: transparent url("/images/search.svg") 100% center/14px no-repeat;
	background: transparent url("/images/search.svg") calc(100% - 8px) center/14px no-repeat;
    border: none;
    border-radius: 0;
    cursor: pointer;
    margin: 0;
    padding: 1px 24px 1px 4px;
    right: 20px;
    transition: width .3s ease,background .3s ease;
    width: 0;
	color: #fff;
}
.no-svg .search-field {
	background: transparent url("/images/search.png") 100% center/14px no-repeat;
	background: transparent url("/images/search.png") calc(100% - 8px) center/14px no-repeat;
}
#page .search-field {
    background: transparent url("/images/search-blue.svg") calc(100% - 8px) center/1em no-repeat;
    border: 1px solid #41474d;
    color: #41474d;
    width: 100%;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    border-radius: 0.33em;
    max-width: 580px;
}
.no-svg #page .search-field {
    background: transparent url("/images/search-blue.png") calc(100% - 8px) center/1em no-repeat;
}
.search-field:active, .search-field:focus {
	border: 0;
	border-bottom: 1px solid #fff;
    cursor: text;
    outline: 0;
    width: 200px;
}
.search-field::-webkit-input-placeholder {
	color: rgba(255,255,255,0.5);
}
.search-submit {
	display: none;
}
.menu-item .search-field {
    background-color: #fff;
    background-image: none;
    border-radius: 0;
	-webkit-appearance: none;
    cursor: text;
    margin: 0;
    padding: 1em 20px;
    right: 0;
    transition: none 0s ease 0s;
    width: 100%;
}
.menu-item .search-field:active, .menu-item .search-field:focus {
	border: none;
}


/* === Content === */

#main {
	clear: both;
	padding: 0;
	display: flex;
}
.page-title {
	font-size: 1.8125em;
	font-weight: 300;
	color: #3a6a99;
	margin: 0 0 1.25rem;
	border-bottom: 1px solid #3a6a99;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	margin: 0;
	position: relative;
}
.post {
	margin: 2.5rem auto 5rem;
	padding: 0 0 2.75em;
	border-bottom: 1px solid #ddd;
	max-width: 840px;
}
#comments {
	margin: 0 auto;
	max-width: 840px;
}
.search .post, .error404 .post {
	margin: 4em 0;
}
.hentry:last-child,
.not-found {
	padding: 0;
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
	padding-right: 0;
}
.entry-title {
	clear: both;
	font-size: 3em;
	padding-bottom: 0;
	padding-top: 0;
}
.entry-title,
.entry-title a {
	color: #3a6a99;
}
.entry-meta {
	color: #333;
	clear: both;
}
.entry-meta a {
	font-weight: normal;
	padding: 0.5em 0;
}
header .entry-meta {
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 0.125em;
}
footer.entry-meta {
	font-size: 1em;
}
.tag-links {
	display: block;
	margin-top: 1.25em;
	font-size: 12px;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content, .entry-summary {
	padding: 0;
}
h1, h2 {
	color: #3a6a99;
	margin: 1.25rem 0;
}
h1 {
	font: 300 3em Lato, "Lucida Grande", Tahoma, sans-serif;
}
h2 {
	font: 400 1.8125em Lato, "Lucida Grande", Tahoma, sans-serif;
}
h3 {
	font: 400 1.3125em/1.5 Lato, "Lucida Grande", Tahoma, sans-serif;
	margin: 1.25rem 0;
}
.entry-content h4, .comment-content h4, .entry-header h4 {
	font: 700 1em/1.5 Lato, "Lucida Grande", Tahoma, sans-serif;
	margin: 1.25em 0;
}
.entry-content h5, .comment-content h5, .entry-header h5 {
	font: 400 0.75em Lato, "Lucida Grande", Tahoma, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
.country-icon {
	float: right;
	font-size: 10px;
	margin: -5em 0 1em 1em;
	text-align: center;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: auto;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	float: right;
	font-size: 10px;
	padding: 0 6px;
	line-height: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	text-decoration: underline;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Blog */
body.blog, body.category {
	background: #f9f9f9;
}
.blog #page, .category #page {
    background: #f9f9f9;
}
.blog #primary, .category #primary, .single-post #primary, .search #primary, .error404 #primary {
	margin: 2em 20px;
}
.blog .post, .category .post {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 0 0 0.5em;
	margin: 0 0 2em 0;
    background: #fff;
    border-bottom: 1px solid #3a6a99;
}
.blog .post .entry-title, .category .post .entry-title {
	font-size: 1.5em;
	line-height: 1.25;
	padding: 0 2rem;
}
.blog .post .entry-content, .category .post .entry-content {
	padding: 0 2rem;
	position: relative;
}
.blog .post .entry-content p:last-of-type, .category .post .entry-content p:last-of-type {
	position: relative;
}
.blog .entry-meta, .category .entry-meta {
	padding: 0 2rem;
}
.blog header .entry-meta, .category header .entry-meta {
	font-size: 10px;
	margin: 1.25rem 0 -0.625rem;
}
.blog footer.entry-meta, .category footer.entry-meta {
    display: none;
}
.blog-featured-image {
	overflow: hidden;
}
.single-post .blog-featured-image {
	margin: -2em -20px 0;
}
.blog-featured-image .attachment-natracare-blog-full-thumbnail {
	width: 100%;
	height: auto;
	display: block;
	transition: 0.25s ease 0s;
}
.blog .blog-featured-image .attachment-natracare-blog-full-thumbnail:hover, .category .blog-featured-image .attachment-natracare-blog-full-thumbnail:hover {
	transform: scale(1.05);
}


/* Images */
.entry-content img,
.comment-content img,
.widget img {
	height: auto; /* Make images with height and width attributes scale correctly */
	max-width: 100%;
	width: auto; /* Responsive images in IE8 */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make images with height and width attributes scale correctly */
}
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	height: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 20px;
}
p img,
.wp-caption {
	margin-top: 0;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a {
	border: none;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Password Protected Posts */
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Post Formats Headings */
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* Singular content styles for posts and pages */
.singular .hentry {
	padding: 0;
	position: relative;
}
.singular .entry-header, .singular .entry-title,
.singular .entry-header .entry-meta {
	padding: 0;;
}
blockquote.alignleft {
	margin: 0 1.625em 1em 0;
	text-align: right;
	width: 33%;
}
blockquote.alignright {
	margin: 0 0 1em 1.625em;
	text-align: left;
	width: 33%;
}
.singular .entry-meta .edit-link a {
	position: relative;
	margin-top: -24px;
}

/* === error404 === */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* === Attachments === */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* === Navigation === */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0;
}
#content nav a {
	font-size: 1em;
	text-transform: lowercase;
}
#nav-above {
	margin-bottom: 1em;
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
}
#content nav .meta-nav {
}

/* Singular navigation */
#nav-single {
	display: none;
	position: absolute;
	right: 0;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-next {
	padding-left: .5em;
}


/* === Widgets === */

.widget {
	clear: both;
	margin: 0 0 1em;
}
.widget-title {
	color: #3a6a99;
	font-size: 29px;
	line-height: 1.5;
	font-weight: 300;
	margin: 0 0 6px;
	border-bottom: 1px solid;
}
.widget ul {
	margin: 0;
	list-style: none;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search #s {
	width: 100%;
}

/* Categories Widget */
.widget_categories li a {
	display: inline-block;
	padding: 0.125em 0;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.125em;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */
.widget_calendar #wp-calendar {
	width: 100%;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	padding: 5px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* === MailChimp Form Embed Code === */

#mc-embedded-subscribe-form input[type=checkbox]{display:inline; width:auto; margin:0 0.5em 0 0; vertical-align:middle;}
#mergeRow-gdpr {margin-top:-1em;}
#mc-embedded-subscribe-form .mc_fieldset{border:none; min-height:0px; padding-bottom:0px;}
#mc_embed_signup_form .mc-field-group {width:33.33%; box-sizing:border-box; float:left; padding:0 20px; margin-bottom:1.25rem; text-align:left;}
#newsletter-signup #mc_embed_signup_form .mc-field-group input {width:100%;}

#newsletter-signup form {display:block; position:relative; padding:0}
#newsletter-signup input {border: none; border-radius: 3px; text-indent: 0.5em;}
#newsletter-signup input[type=checkbox]{-webkit-appearance:checkbox;}
#newsletter-signup input[type=radio]{-webkit-appearance:radio;}
#newsletter-signup .button {clear:both;  border: 0 none; display: inline-block; font-weight: normal; margin: 1.75rem 0 1.25rem; padding: 0.5em 1.5em; text-decoration: none; white-space: nowrap; width: auto; text-indent: 0;}

#newsletter-signup .mc-field-group label {display:inline-block; margin-bottom:0.25em;}
#newsletter-signup .mc-field-group input {display:inline-block; width:auto; padding:0.5em 0; box-sizing:border-box;}
#newsletter-signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#newsletter-signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}

#newsletter-signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#newsletter-signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#newsletter-signup .mc-field-group.input-group label {display:inline;}
#newsletter-signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#newsletter-signup .mc-status:focus {outline:none;}
#newsletter-signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}

#newsletter-signup .error {border:2px solid #e85c41;}
#newsletter-signup .error-message {display:inline-block; margin:2px 0 0; padding:0.5em 10px; background-color:rgba(255,255,255,0.85); border-radius: 3px; font-size:14px; z-index:1; color:#e85c41;}
#newsletter-signup .success-message {color:#529214;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}

#newsletter-signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#newsletter-signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

@media (max-width: 800px) {
	#mc_embed_signup_form .mc-field-group {width: 100%;}
	#newsletter-signup .button {margin-top: 1.25rem;}
}

/* === Comments === */

#comments-title {
	color: #666;
	font-size: 12px;
	font-weight: 400;
	padding: 0 0 1.625em;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	font-size: 1em;
	width: auto;
	margin: 0;
	padding: 0;
}
.commentlist > li.comment {
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 3em 0 3em 4.5em;
	position: relative;
}
.commentlist .comment-author:before {
	content: "";
	background: url("/images/daisy-comment-100px.webp") no-repeat left top transparent;
	background-size: 100%;
	width: 50px;
	height: 42px;
	margin-left: -4.25em;
	position: absolute;
	top: 2.5em;
}
.no-webp .commentlist .comment-author:before, .no-js .commentlist .comment-author:before {
	background: url("/images/daisy-comment-100px.png") no-repeat left top transparent;
}
.commentlist .depth-2 .comment-author:before {
	top: 1.125em;
}
.commentlist .comment-author img {
	visibility: hidden;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	font-size: 1em;
	margin: 0;
}
.commentlist .children li.comment {
	border-top: 1px solid #ddd;
	margin: 1.625em 0 -1.625em;
	padding: 1.625em 0 1.625em 0;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: inline-block;
}
.commentlist .children article {
	padding-left: 4.5em;
}
.comment-meta .fn {
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
}
.comment-meta {
	margin-bottom: 0.5em;
}
.commentlist .children li.comment .comment-meta {
	margin-left: 0;
}
.commentlist .children li.comment .comment-content {
	margin: 0;
}
.commentlist .avatar {
	border-radius: 3px;
	left: -110px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist .children .avatar {
	background: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	display: inline-block;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
	font-size: 0.75em;
	font-weight: 900;
}
a.comment-reply-link > span {
	display: none;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor .comment-meta .fn {
	color: #3a6a99;
}

/* Ensure we have room for comment avatars */
.commentlist > li.comment {
	margin-left: 0;
	width: auto;
}

/* And full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	margin: 0 auto 1.625em;
	position: relative;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	display: block;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #3a6a99;
	font-size: 11px;
	vertical-align: top;
}
#respond .form-submit {
	float: right;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	font-size: 18px;
	line-height: 1em;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:active {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 604px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* === Footer === */
footer {
	clear: both;
}
#newsletter-signup {
	background: #3a6a99;
	padding: 120px 0 60px;
	text-align: center;
	color: #fff;
}
#newsletter-signup h2 {
	font: 400 3.5em/1.25 bornready, Lato, "Lucida Grande", Tahoma, sans-serif;
	margin: 1.25rem 0;
}
#footer {
	background: #3a6a99;
}
#footer-primary {
	padding: 20px 0 0;
	font-size: 14px;
}
#footer-recent-blog {
	margin: 1.5rem 0 0;
	display: none;
	color: white;
}
#footer-recent-blog img {
	width: 100%;
    max-width: 400px;
    height: auto;
}
#footer-secondary {
	font-size: 14px;
	padding: 3rem 0 1rem;
	text-align: center;
}
#footer-logo {
	margin: 0 auto;
	display: inline-block;
}
#footer-logo img {
	vertical-align: text-bottom;
	width: 156px;
	height: 24px;
}


/* === Responsive Structure === */

@media (min-width: 400px) {
	#home-hero #home-hero-text {
		top: 112px;
		max-width: 400px;
		margin: 0 auto;
	}
	#home-hero h1.script {
		font-size: 4.5em;
		margin-bottom: 16px;
		line-height: 1.3;
		width: 100%;
	}
	html:lang(de) #home-hero h1.script {
		font-size: 4em;
	}
	html:lang(pl) #home-hero h1.script {
		font-size: 3.875em;
	}
	#press-release-downloads .product-box h3 {
		height: 3em;
		margin-top: 1.25rem;
	}
	#press-release-downloads .product-box p:last-of-type {
		height: 7.5em;
	}
}
@media (min-width: 500px) {
	#home-hero {
		background: linear-gradient( to right, rgba(0, 0, 0, 0.05) 100%, rgba(0, 0, 0, 0) ), url("/images/homepage-banner-750-2x-MQ.webp") center center/cover no-repeat;
	}
	.no-webp #home-hero, .no-js #home-hero {
		background: linear-gradient( to right, rgba(0, 0, 0, 0.05) 100%, rgba(0, 0, 0, 0) ), url("/images/homepage-banner-750-2x-MQ.jpg") center center/cover no-repeat;
	}
	#home-why-natracare-planet {
		background: linear-gradient( to right, rgba(102, 65, 0, 0.15) 100%, rgba(102, 65, 0, 0.15) ), url("/images/better-for-the-planet-750-2x-MQ.webp") center center/cover no-repeat;
	}
	.no-webp #home-why-natracare-planet, .no-js #home-why-natracare-planet {
		background: linear-gradient( to right, rgba(102, 65, 0, 0.15) 100%, rgba(102, 65, 0, 0.15) ), url("/images/better-for-the-planet-750-2x-MQ.jpg") center center/cover no-repeat;
	}
	#find-a-stockist {
		background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/images/find-a-stockist-750-2x-MQ.webp") center center/cover no-repeat;
	}
	.no-webp #find-a-stockist, .no-js #find-a-stockist {
		background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/images/find-a-stockist-750-2x-MQ.jpg") center center/cover no-repeat;
	}
}
@media (min-width: 600px) {
	#plastic-free-hero {
		background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/plastic-free-2000-1x-MQ.webp") 40% center /cover no-repeat;
	}
	.no-webp #plastic-free-hero, .no-js #plastic-free-hero {
		background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) ), url("/images/plastic-free-2000-1x-MQ.jpg") 40% center /cover no-repeat;
	}
	#our-story-banner-1 {
		background: url("/images/period-protest-2000-MQ.webp") center 30%/cover no-repeat;
		padding: 180px 0;
	}
	.no-webp #our-story-banner-1, .no-js #our-story-banner-1 {
		background: url("/images/period-protest-2000-MQ.jpg") center 30%/cover no-repeat;
	}
}
@media (min-width: 651px) {
	#home-hero {
		background: linear-gradient( to right, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) ), url("/images/homepage-banner-2000-1x-MQ.webp") center center/cover no-repeat;
	}
	.no-webp #home-hero, .no-js #home-hero {
		background: linear-gradient( to right, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) ), url("/images/homepage-banner-2000-1x-MQ.jpg") center center/cover no-repeat;
	}
	#home-hero #home-hero-text {
		top: 130px;
		width: 67.67%;
		max-width: none;
		text-align: left;
		margin: 0;
	}
	#home-hero h1, #home-hero h2, #home-hero h3, #home-hero a {
		text-align: left;
	}
	#home-hero h1.script {
		font-size: 5em;
		line-height: 1;
	}
	html:lang(de) #home-hero h1.script {
		font-size: 4.5em;
	}
	html:lang(pl) #home-hero h1.script {
		font-size: 4.25em;
	}
	#home-hero #home-hero-text h2 {
		margin: 2.25rem 0 1.5rem;
		font-size: 1.5em;
	}
	#home-hero h3 {
		margin-top: 1.5rem;
		font-size: 1.25em;
	}
	#home-why-natracare-body {
		background: linear-gradient( to left, rgba(0,0,0,0.15) 50%, rgba(0, 0, 0, 0.15) ), url("/images/better-for-your-body-2000-1x-MQ.webp") center 65%/cover no-repeat;
		text-align: right;
	}
	.no-webp #home-why-natracare-body, .no-js #home-why-natracare-body {
		background: linear-gradient( to left, rgba(0,0,0,0.15) 50%, rgba(0, 0, 0, 0.15) ), url("/images/better-for-your-body-2000-1x-MQ.jpg") center 65%/cover no-repeat;
	}
	#home-why-natracare-body h3 {
		padding-left: 50%;
	}
	#home-why-natracare-planet {
		background: linear-gradient( to right, rgba(102, 65, 0, 0.2) 50%, rgba(0, 0, 0, 0) ), url("/images/better-for-the-planet-2000-1x-MQ.webp") center center/cover no-repeat;
		text-align: left;
	}
	.no-webp #home-why-natracare-planet, .no-js #home-why-natracare-planet {
		background: linear-gradient( to right, rgba(102, 65, 0, 0.2) 50%, rgba(0, 0, 0, 0) ), url("/images/better-for-the-planet-2000-1x-MQ.jpg") center center/cover no-repeat;
	}
	#find-a-stockist {
		background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/images/find-a-stockist-2000-1x-MQ.webp") center center/cover no-repeat;
	}
	.no-webp #find-a-stockist, .no-js #find-a-stockist {
		background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/images/find-a-stockist-2000-1x-MQ.jpg") center center/cover no-repeat;
	}
	#certified-organic-healthy-for-workers {
		background: none;
		padding: 140px 0 400px;
		text-align: left;
	}
	#certified-organic-healthy-for-workers video {
		display: block;
	}
	#footer {
		background: #3a6a99 url("/images/footer-bg-060819.webp") center bottom no-repeat;
	}
	.no-webp #footer, .no-js #footer {
		background: #3a6a99 url("/images/footer-bg-060819.jpg") center bottom no-repeat;
	}
	#newsletter-signup h2 {
		font-size: 5.125em;
	}
	#footer-primary {
		height: 367px;
	}	
	#footer-secondary {
	    height: 81px;
	    line-height: 71px;
		font-size: 14px;
		padding: 0;
		text-align: left;
	}
	#footer-logo {
		margin: 10px 1em 0 0;
		float: left;
	}
	#copyright ul {
		padding-right: 1.5em;
		font-size: 1em;
	}
}

@media (min-width: 800px) {
	.blog #primary, .category #primary, .single-post #primary, .search #primary, .error404 #primary {
		margin: 4em 20px;
	}
	.single-post .blog-featured-image {
		margin: -4em 0 0;
	}
	#contact-us-success-next {
		padding-top: 120px;
	}
}

@media (min-width: 850px) {
	#home-hero h1.script {
		font-size: 5.5em;
		line-height: 1;
	}
	html:lang(de) #home-hero h1.script {
		font-size: 5em;
	}
	html:lang(pl) #home-hero h1.script {
		font-size: 4.625em;
	}
	.product-box {
    	width: calc(50% - 0.5em);
		margin: 0 1em 1em 0;
	}
	.product-box:nth-child(2n) {
		margin-right: 0;
	}
	.product-box em {
		min-height: 3em;
	}
	.page-id-15632 .product-box em, .page-id-15658 .product-box em, .page-id-9759 .product-box em {
    	min-height: 4.5em;
	}
}

@media (min-width: 900px) {
	#navigation {
		float: right;
		height: 60px;
		display: table;
		margin: 0 auto;
		border-bottom: 0;
	}
	#navigation ul {
		display: block;
		line-height: 60px;
		margin: 20px 0;
	}
	#header-secondary {
		background-color: #59a2eb;
		background: url("/images/header-secondary-bg.webp") no-repeat bottom center;
		height: 47px;
		position: relative;
	}
	.no-webp #header-secondary, .no-js #header-secondary {
		background: url("/images/header-secondary-bg.png") no-repeat bottom center;
	}
}

@media (max-width: 1059px) {
	#footer-recent-blog-image {
		background: none !important;
	}
	#header-title img {
		margin: 14px 0 0;
		width: 156px;
		height: 24px;
	}
}

@media (min-width: 1060px) {
	#navigation a {
		font-size: 1.3125em;
	}
	#footer-recent-blog {
		display: block;
		width: 400px;
	}
	#footer-recent-blog-image {
		width: 400px;
		height: 225px;
		margin-top: 0.625em;
	}
}

@media (min-width: 1200px) {
	.blog .post, .category .post {
		width: 48.5%;
		margin: 0 3% 3% 0;
	}
	.blog .post:nth-of-type(2n+2), .category .post:nth-of-type(2n+2) {
		margin-right: 0;
	}
	.blog .post .entry-title, .category .post .entry-title {
		height: 3em;
	}
	.blog .post .entry-content, .category .post .entry-content {
		height: 14.125rem;
	}
	.blog .post .entry-content p:last-of-type, .category .post .entry-content p:last-of-type {
		position: absolute;
		bottom: 0;
	}
}

@media (min-width: 1250px) {
	#home-hero #home-hero-text {
		top: 115px;
	}
	#home-hero h1.script {
		font-size: 6.5em;
		line-height: 1;
	}
	html:lang(de) #home-hero h1.script {
		font-size: 6em;
	}
	html:lang(pl) #home-hero h1.script {
		font-size: 5.5em;
	}
	#home-hero #home-hero-text h2 {
		margin: 2.25rem 0 1.5rem;
		font-size: 1.8125em;
	}
	#home-hero h3 {
		font-size: 1.3125em;
	}
	.product-box {
    	width: calc(33.33% - 0.678em);
		margin: 0 1em 1em 0;
	}
	.product-box:nth-child(2n) {
		margin-right: 1em;
	}
	.product-box:nth-child(3n) {
		margin-right: 0;
	}
}

@media (min-width: 1600px) {
	#home-hero #home-hero-text {
		top: 95px;
	}
	#home-hero h1.script {
		font-size: 7.5em;
	}
	html:lang(de) #home-hero h1.script {
		font-size: 7em;
	}
	html:lang(pl) #home-hero h1.script {
		font-size: 6.375em;
	}
	#home-hero h3 {
		margin-top: 2rem;
	}
}

@media (max-width: 899px) {
	/* Change the layout of the header */
	#header {
		position: absolute;
	}
	#header-title {
		position: absolute;
	}
	#header-title img {
		margin: 6px 0;
		padding: 16px 8px 16px 0;
		width: 156px;
		height: 24px;
	}
	#header-primary {
		box-shadow: none;
		height: 68px;
		border-bottom: 1px solid #f2f2f2;
	}
	.search-field::-webkit-input-placeholder {
		color: rgba(0,0,0,0.5);
	}
	#header-language {
		top: 10px;
		right: 20px;
	}
	#current-lang {
		background: url("/images/languages-blue.svg") no-repeat scroll center center / 20px;
		padding: 11px 10px;
		width: 24px;
		min-width: 24px;
		height: 24px;
		overflow: hidden;
		color: transparent;
		opacity: 1;
	}
	.no-svg #current-lang {
		background: url("/images/languages-blue.png") no-repeat scroll center center / 20px;
	}
	#current-lang:after {
		display: none;
	}
	#page {
		padding: 68px 0 0;
	}
	#header-search {
		display: none;
	}
	#responsive-menu #responsive-menu-title {
		padding: 17px 0 17px 5% !important;
	}
	#click-menu .threeLines .line {
		border-radius: 1px;
	}
	#mobile-nav-button {
		position: absolute;
		right: 10px;
		top: 11px;
		width: 22px;
		height: 18px;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		padding: 14px 10px;
	}
	.menu-line {
		background: #3a6a99 none repeat scroll 0 0;
		border-radius: 1px;
		height: 2px;
		transition: 0.1s transform ease-out;
		width: inherit;
		position: absolute;
	}
	#mobile-nav-button .menu-line:nth-child(1) {
		top: 14px;
	}
	#mobile-nav-button .menu-line:nth-child(2), #mobile-nav-button .menu-line:nth-child(3) {
		top: 50%;
		margin-top: -1px;
	}
	#mobile-nav-button .menu-line:nth-child(4) {
		bottom: 14px;
	}
	#mobile-nav-button.menu-open .menu-line:nth-child(1) {
		opacity: 0;
	}
	#mobile-nav-button.menu-open .menu-line:nth-child(2) {
		will-change: transform;
		transform: rotate(-45deg);
	}
	#mobile-nav-button.menu-open .menu-line:nth-child(3) {
		will-change: transform;
		transform: rotate(45deg);
	}
	#mobile-nav-button.menu-open .menu-line:nth-child(4) {
		opacity: 0;
	}
	#mobile-nav {
		display: block;
		line-height: 3em;
		position: fixed;
		width: 90%;
		width: calc(100vw - 62px);
		top: 0;
		bottom: 0;
		will-change: transform;
		transform: translateX(-100%);
		overflow-y: auto;
		transition: 0.1s ease-out;
		z-index: 9999;
		border-right: none;
		box-sizing: border-box;
		background: #3a6a99;
		pointer-events: none;
	}
	#lang-sel {
		display: block;
		line-height: 3em;
		position: fixed;
		width: 100%;
		top: 69px;
		bottom: 0;
		overflow-y: auto;
		transition: 0.1s ease-out;
		z-index: -1;
	}
	ul#lang-sel {
		border: 0;
		margin: 0;
		line-height: 3rem;
		padding: 0;
		text-align: left;
	}
	#mobile-nav.menu-open {
		transform: none;
		pointer-events: auto;
	}
	#mobile-nav ul.menu {
		margin: 0;
		/*min-height: 100vh;
		min-height: calc(100vh - 69px);*/
	}
	#mobile-nav ul.menu li {
		list-style: outside none none;
		position: relative;
	}
	#mobile-nav ul.menu li.mobile-menu-social-icons {
    	padding: 0 8px 2px;
	}
	#mobile-nav ul.menu .search-field {
		color: #41474d;
		height: 69px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	#mobile-nav ul.menu > li.menu-item:first-child {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 9999;
	}
	#mobile-nav ul.menu > li.menu-item:nth-of-type(2) {
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}
	#mobile-nav ul.menu li a, #lang-sel li a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		display: block;
		padding: 0 20px;
		font-size: 0.875em;
		text-transform: uppercase;
		letter-spacing: 0.125em;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#mobile-nav ul.menu li a {
		color: #fff;
	}
	#mobile-nav ul.menu li a:hover, #mobile-nav ul.menu li a:focus, #mobile-nav ul.menu li a:active,
	#lang-sel li a:hover, #lang-sel li a:focus, #lang-sel li a:active {
		background: rgba(255,255,255,0.05);
		text-decoration: none;
	}
	#mobile-nav ul.menu li.mobile-menu-social-icons a {
		padding: 0 12px;
		border-bottom: none;
		display: inline-block;
	}
	#mobile-nav ul.menu .sub-menu {
		display: none;
		margin: 0;
		border-bottom: 1px solid #315a82;
	}
	#mobile-nav ul.menu .menu-item-has-children:after {
		content: "\221F";
		cursor: pointer;
		position: absolute;
		right: 0;
		text-align: center;
		width: 70px;
		color: #fff;
		top: -2px;
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#mobile-nav ul.menu .menu-item-has-children.menu-open:after {
		content: "\2014";
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		top: 0px;
	}
	#mobile-nav ul.menu .sub-menu li a {
		padding-left: 40px;
		font-size: 0.75em;
		background: #345f89;
		border-top: 1px solid #315a82;
		border-bottom: none;
	}
	#mobile-nav ul.menu .sub-menu li a:hover {
		background: #376591;
	}
}

@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 800px) {
	/* Simplify basic layout */
	#main #content {
		margin: 0;
		width: auto;
	}
	#main #secondary {
		max-width: 200px;
		display: none;
	}
	/* Remove margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify pullquotes and pull styles */
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* Ensure embeds fit their containers */
	embed,
	object {
		max-width: 100%;
	}
	#accreditations img {
		max-width: 21%;
	}
	section#where-to-buy-details {
		padding: 40px 0 60px;
	}
	.quarter {
		width: 50%;
	}
	div.quarter:nth-child(1) {
		padding: 0 10px 10px 0;
	}
	div.quarter:nth-child(2) {
		padding: 0 0 10px 10px;
	}
	div.quarter:nth-child(3) {
		padding: 10px 10px 0 0;
	}
	div.quarter:nth-child(4) {
		padding: 10px 0 0 10px;
	}
}

@media (max-width: 650px) {
	/* Reduce font-sizes 
	body, input, textarea {
		font-size: 0.9em;
	}*/
	article.intro .entry-content {
		font-size: 12px;
	}
	h1.script, h2.script {
        font-size: 3.5em;
    }
	html:lang(pl) h1.script, html:lang(pl) h2.script {
		font-size: 3em;
	}
	.entry-title {
		font-size: 28px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		font-size: 18px;
	}
	blockquote.alignleft, blockquote.alignright {
		display: block;
		margin: 0 0 1.625em;
		width: auto;
		text-align: left;
	}
	/* Floats work poorly at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure post-post navigation doesn't collide with anything */
	.singular .hentry {
		padding: 0;
	}
	.singular.page .hentry {
		padding: 0;
	}
	/* Avatars take up too much room at this size */
	.commentlist .comment-author:before, .commentlist .depth-2 .comment-author:before {
		content: none;
	}
	.commentlist > li.comment,
	.commentlist > li.pingback {
		padding: 1.625em 0;
	}
	.commentlist .children article {
		padding-left: 2.5em;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
	.left, .right {
		float: none;
		padding: 0;
	}
	.half, .third, .quarter {
		width: 100%;
	}
	div.third:nth-of-type(1), div.third:nth-of-type(2) {
		padding: 0 0 20px;
	}
	div.third:nth-of-type(3) {
		padding: 0;
	}
	.quarter {
		padding: 20px 0;
	}
	div.quarter:nth-child(1) {
		padding: 0 0 20px;
	}
	div.quarter:nth-child(2), div.quarter:nth-child(3) {
		padding: 20px 0;
	}
	div.quarter:nth-child(4) {
		padding: 20px 0 0;
	}
	.entry-content section {
		padding: 60px 0;
	}
	.entry-content section.product-summary {
		padding-top: 20px;
	}
	#tampons-intro, #pads-intro, #liners-intro, #wipes-intro, #maternity-intro, #incontinence-intro {
		padding: 60px 0 1px;
	}
	section#where-to-buy-list {
		padding: 0 0 60px;
	}
	#where-to-buy-details .right.half {
		margin-top: 45px;
	}
	#where-to-buy-details .right.half + div + h3 {
		margin-top: 45px;
	}
	.product-summary div .right:nth-of-type(3) {
		margin-top: 0;
	}
	.product-details .right {
		padding-top: 30px;
	}
	h1 {
	font: 300 2em Lato, "Lucida Grande", Tahoma, sans-serif;
	}
	h2 {
    font: 400 1.5em Lato, "Lucida Grande", Tahoma, sans-serif;
	}
	h3 {
    font: 400 1.25em Lato, "Lucida Grande", Tahoma, sans-serif;
	}
	#why-natracare-plastic-free .right.half {
		background: none;
		height: 0;
	}
	#why-natracare-gynaecologist-recommended .right.half, #why-natracare-intimate-health .right.half {
		background: none;
		height: 0;
	}
	#why-natracare-no-fibre-loss .right.half {
		background: none;
		height: 0;
	}
	#why-natracare-effective-protection .right.half {
		background: none;
		height: 0;
	}
	#certified-hero {
		text-align: center;
	}
	#certified-hero img {
		width: 50%;
	}
	#accreditations img {
		max-width: 25%;
	}
	#where-to-buy-hero {
		padding: 40px 0 15px;
	}
	.world-region-full {
		margin: 0 0 10px;
	}
	.world-region {
		font-size: 1.25em;
		background-position: right center;
	}
	#plastic-free-sea-red-video .responsive-container, #plastic-free-in-the-oceans .responsive-container {
		margin-top: 0;
	}
	#newsletter-signup {
		padding: 60px 0 1px;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
}


/* === Print === */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	#footer {
		display: none;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		border-top: 1px solid #ddd;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist .reply {
		display: none;
	}
}

/*! Flickity v2.1.2 https://flickity.metafizzy.co */

.flickity-enabled {
	position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
	display: grid;
	align-items: center;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
	position: absolute;
	background: hsla(210, 8.5%, 27.8%, 1);
	border: none;
	color: #333;
	transition: 0.2s ease-out;
}

.flickity-button:hover {
	background: hsla(210, 8.5%, 27.8%, 0.75);
	cursor: pointer;
}

.product-carousel .flickity-button, .product-carousel .flickity-button:hover {
	background: hsla(210, 8.5%, 27.8%, 0.33);
}

.flickity-button:focus {
	outline: none;
	box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
	opacity: 0.6;
}

.flickity-button:disabled {
	opacity: 0.3;
	cursor: auto;
	/* prevent disabled button from capturing pointer up event. #716 */
	pointer-events: none;
}

.seamless-carousel .flickity-button:disabled {
	opacity: 0;
}

.flickity-button-icon {
	fill: #fff;
}

@media screen and (max-width: 700px) {
	.flickity-button, .flickity-button:hover {
		background: hsla(210, 8.5%, 27.8%, 0.125);
	}
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
	top: 50%;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	/* vertically center */
	transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }

@media screen and (max-width: 700px) {
	.flickity-prev-next-button.previous { left: 8px; }
	.flickity-prev-next-button.next { right: 8px; }
	.flickity-prev-next-button {width: 30px; height: 30px;}
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}

#products-explorer .flickity-prev-next-button {
	margin-top: -2rem;
}

/* ---- page dots ---- */

.flickity-page-dots {
	position: absolute;
	width: 100%;
	bottom: -1.25rem;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
}

.product-carousel .flickity-page-dots {
	bottom: -2.25em;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 3px 8px;
	background: #41474d;
	border-radius: 50%;
	opacity: 0.25;
	cursor: pointer;
	transition: 0.1s ease-out;
}

.flickity-page-dots .dot.is-selected {
	opacity: 1;
}

.wide-video {
	background: #000;
}

.wide-video lite-youtube {
	max-width: 1200px;
	margin: 0 auto;
}

lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    width: 68px;
    height: 48px;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 1;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
}

lite-youtube:hover > .lty-playbtn {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}