/*  
Theme Name: Bespoke 
Description: 1.4.8
Author: Addedlovely
Version : 1.4.8
*/

/* ==========================================================================
	Fonts
   ========================================================================== */

/* @import must be at top of file, otherwise CSS will not work */
/* @import url("//hello.myfonts.net/count/2f7799"); */

@font-face {
	font-family: 'DINNeuzeitGroteskStd-Light';
	src:url('fonts/2F7799_0_0.woff2') format('woff2'),
		url('fonts/2F7799_0_0.woff') format('woff');
	font-display:swap;
}
    
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.woff?66741098') format('woff'),
       url('fonts/fontello.ttf?66741098') format('truetype'),
       url('fonts/fontello.svg?66741098#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

/* Default Fontello */
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.icon-facebook:before { content: '\e800'; } 
.icon-instagram:before { content: '\e801'; } 
.icon-twitter-share:before { content: '\e802'; } 
.icon-pinterest:before { content: '\e803'; } 
.icon-star-active:before { content: '\e804'; } 
.icon-star:before { content: '\e805'; } 
.icon-twitter:before { content: '\e806'; } 
.icon-search:before { content: '\e807'; } 
.icon-left:before { content: '\e808'; } 
.icon-right:before { content: '\e809'; } 
.icon-mail:before { content: '\e80a'; } 
.icon-signin:before { content: '\e80b'; } 
.icon-logo:before { content: '\e80c'; } 
.icon-logout:before { content: '\e80d'; } /* '' */

/* ==========================================================================
	Helpers
   ========================================================================== */
.clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.v-center {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.v-container {display:table; height: 100%;}
.v-content {display:table-cell; vertical-align:middle; height: 100%;}
.center {display:block; margin-left: auto; margin-right:auto;} 
.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.lazy {display: none;}
.browsehappy {position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: #000; color: #fff;}
.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.white {color: #FFF;}

.image {width: 100%; display: block; position: relative;}
.image img {position: absolute; top:0; left: 0; width: 100%; height: auto;}


img.lazyload:not([src]) { visibility: hidden; }
img.lazyload { will-change:opacity; opacity: 0; transition: opacity 1s; }
img.lazyload.loaded, img.lazyload.error { opacity: 1; visibility: visible !important; }

/* ==========================================================================
	Structure
   ========================================================================== */
.container { margin: 0 auto; position: relative; max-width: 1272px; padding: 0 20px;} 
html .gridoverlay  {padding: 0 20px !important;}
.narrow-content {position: relative; max-width: 816px; margin-left: auto; margin-right: auto; margin-bottom: 40px;}


/* ==========================================================================
	General
   ========================================================================== */
* {margin: 0; padding: 0;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; box-sizing: border-box;} 
*, *:before, *:after  {box-sizing: inherit;}

body {background: #BFB6AF; color: #787878; font-size: 18px; line-height: 1.22222222222222; font-family: 'DINNeuzeitGroteskStd-Light'; letter-spacing: -0.025em;}
img {border: 0; display: block; outline: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto;}
iframe {border: 0;}

/* Read more */
.read-more {display: block; float: left;}

/* Quiz Button */
.quiz-button, .result-button {font-size: 30px; border-top: 1px solid #787878; border-bottom: 1px solid #787878; width: 100%; line-height: 2.13333333333333; color: #fff; display: block; text-align: center; margin-bottom: 16px;}
.quiz-button:after, .result-button:after {content:''; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #fff; display: inline-block; margin-left: 8px; vertical-align: middle;}
.result-button {margin-bottom: 0; border-bottom: 0;}
.result-button.pitta:after {background: #AFD3DA;}
.result-button.kapha:after {background: #D2DFC9;}
.result-button.vata:after {background: #E3D3C2;}

/* Share icons */
.journal-post .social-icons {text-align: right; display: block; width: 100%;}

/* hr */
hr {border: 0; border-top: 1px solid #787878; opacity: 0.75; margin-bottom: 16px; margin-top: 16px;}

/* Background & Button Dosha Colours */
.vata .button:before, .bg-vata {background: #E3D3C2;}
.pitta .button:before, .bg-pitta {background: #AFD3DA;}
.kapha .button:before, .bg-kapha {background: #D2DFC9;}

/* Borders */
.bt {padding-top: 16px; border-top: 1px solid #787878; margin-top: 16px;}
.bb {padding-bottom: 16px; border-bottom: 1px solid #787878; margin-bottom: 16px;}

.br:after {content: ''; width: 1px; height: 100%; background: #787878; position: absolute; top: 0; right: -2%;}
.br:last-child:after {display: none;}

/* Three Column Borders */
.three-column-borders {position: relative; clear: both; overflow: auto;}
.three-column-borders:before, .three-column-borders:after {background: #787878; width: 1px; top:0; bottom: 0; content: ''; display: block; position: absolute;}
.three-column-borders:before {left:33.116883116883%;} 
.three-column-borders:after {right:33.116883116883%;}

/* ==========================================================================
	Typography
   ========================================================================== */
h1, h2, h3, h4 {font-weight: normal;}
h1 {font-size: 30px; line-height: 1.2;} 
h2 {font-size: 18px;}
h3 {font-size: 18px;}

p {font-size: 18px; line-height: 1.22222222222222; margin-bottom: 16px;}
p.max-width {max-width: 650px;}

a {text-decoration: none; outline: none; color: inherit;}
cite {font-style: normal;}
time {font-size: 12px; display: block; line-height: 1.6; margin-bottom: 16px;}
address {font-style: normal;}
mark {background: transparent; color: #FFF;}

.page-title {font-size: 30px; line-height: 1.2; padding-bottom: 30px; margin-top: 85px; color: #FFF; padding-bottom: 16px; border-bottom: 1px solid #787878; margin-bottom: 16px; text-align: center;}
.post-heading {font-size: 30px; line-height: 1.6;}

.light-heading {color: #FFFFFF;}
.dark-heading {color: #787878;}
.black-heading {color: #4C4B4B;}

img.aligncenter {margin: 0 auto;}

/* ==========================================================================
	Forms
   ========================================================================== */
button, input, optgroup, select, textarea {color: inherit; font: inherit; outline: none; border: none; }
input[type=text], input[type=submit], input[type=email], input[type=password], input[type=tel], select {-webkit-appearance: none; appearance: none; border-radius:0;}
input, select {height: 30px;} /* Input / select need to have height set and NOT lineheight (IE specifically) */
button, input[type="button"], input[type="submit"] {cursor: pointer;}
textarea {resize: none; overflow: auto; -webkit-appearance: none; border-radius: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; appearance: none; line-height: normal;}
fieldset {border:0;}
input[type=checkbox], input[type=radio] {-webkit-box-shadow:none; box-shadow:none; background: #FFF; border: 0; border-radius: 0; outline: none;}

/* Dark Form Style */
input.dark {background: #BFB6AF; text-indent: 10px; color: #787878;}
input.dark::-webkit-input-placeholder {color: #787878;}
input.dark:-moz-placeholder {color: #787878;}
input.dark::-moz-placeholder {color: #787878;}
input.dark:-ms-input-placeholder {color: #787878;}

.submit {background: transparent; display: inline-block; width: auto; text-indent: 0; font-size: inherit;}

/* Remove */
.remove {width: 24px;  height: 24px;  border-radius: 50%; display: block; text-align: center; line-height: 22px; border: 1px solid #787878;}

/* Light Form Style */
label { font-size: 16px; line-height: 1.875;}
input, select {width: 100%; height: 32px; margin-bottom: 8px; font-size: 14px; color: #BFB6AF; text-indent: 8px;}
textarea {padding: 8px; font-size: 14px; color: #BFB6AF; width: 100%;}

::-webkit-input-placeholder {color: #BFB6AF;}
:-moz-placeholder {color: #BFB6AF;}
::-moz-placeholder {color: #BFB6AF;}
:-ms-input-placeholder {color: #BFB6AF;}

/* Select 2 Country Dropdown */
body .select2-container {margin-bottom: 8px; font-size: 14px !important; color: #BFB6AF !important;}
body .select2-container-active .select2-choice, body .select2-container-active .select2-choices {border: 0;}
body .select2-container .select2-choice {padding: 0; border-radius: 0; text-indent: 8px; font-size: 14px; color: #BFB6AF;}
body .select2-container .select2-choice>.select2-chosen {line-height: 32px; border-radius: 0;}
body .select2-container.select2-drop-above .select2-choice {border: 0; border-radius:0; }
body .select2-drop.select2-drop-above.select2-drop-active {border: 0;}
body .select2-drop {font-size: 14px;}
body .select2-drop-active {border: 0;}
body .select2-container .select2-choice {border: 0;}
body .select2-results {background: transparent; border: 0;}
body .select2-results li {color: #BFB6AF;}
body .select2-results li:hover, body .select2-results .select2-no-results {background: #787878; color: #FFF;}
body .select2-results .select2-highlighted {background: #787878; color: #FFF; border-radius: 0;} /* Highlighted item */
.select2-container--default .select2-selection--single {border: 0 !important; border-radius: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered  { color: #BFB6AF !important;}

/* Button */
button, input.button, input.submit {background: transparent; color: #787878; text-align: left;}
.button:before {content:''; width: 12px; height: 12px; background: #fff; border-radius: 50%; display: inline-block; margin-right: 8px;}

/* Hide number input arrows */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0;}

/* Checkboxes */
input.input-checkbox, input[type="checkbox"], input[type="radio"] {vertical-align: middle; width: auto; margin: 0 8px 0 0; background: transparent;}

/* WooCommerce */
.form-row {margin-bottom: 0;}

/* ==========================================================================
	Pagination
   ========================================================================== */
.pagination {text-align: center; padding: 16px 0; font-size: 0; border-top: 1px solid #787878; position: relative;}
.page-numbers li {display: inline-block; font-size: 18px; margin: 0; vertical-align: middle; list-style-type: none;}
.page-numbers span, .page-numbers a {width: 24px; height: 24px; border-radius: 50%; border: 1px solid transparent; line-height: 24px;  display: inline-block;}
.page-numbers .current, .page-numbers li:hover a {border-color: #fff; color: #fff;}

.prev, .next {font-size: 18px; color: #fff; position: absolute; top: 16px;  font-family: 'fontello';}
.prev {left: 0;}
.next {right: 0;}
.prev:before {content: '\e808';}
.next:before {content: '\e809';}

.woocommerce-pagination { text-align: center; padding: 16px 0; border-bottom: 1px solid #787878; position: relative; margin-bottom:32px; }
.woocommerce-pagination .prev, .woocommerce-pagination .next { font-size:0; }
.woocommerce-pagination .prev:before, .woocommerce-pagination .next:before { font-size: 18px; }

/* ==========================================================================
	Header
   ========================================================================== */
.header {margin-bottom: 16px;}
.logo {width: 88px; height: 88px; display: block; margin: 22px auto;}
.logo img {height: auto; width: 100%;}
.header .social-icons {position: absolute; top: 0; left: 20px;}

/* Collapsed Header */
.collapsed-header {padding-top: 194px;}
.collapsed-header .header {position: fixed; z-index: 2; background: #BFB6AF; -webkit-transform: translateY(-133px); -ms-transform: translateY(-133px); transform: translateY(-133px); top:0; left:0; right: 0; max-width: 1232px; width: 100%; margin: auto;}


/* Menu */
.menu-container {position: relative; border-top: 1px solid #787878; border-bottom: 1px solid #787878;}
.menu, .toggle-menu {text-align: center; font-size: 0;}
.menu li {display: inline-block; margin: 0 8px; font-size: 18px; line-height: 2.55555555555556;}
.menu > li:hover > a, .menu > li.active > a  {color: #FFF;}
.menu a {position: relative; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; display: block;}
.menu > a:after {content: ''; width: 1px; height: 100%; right: -8px; top: 0; background: #787878; position: absolute;}
.menu li:last-child :after {display: none;}

/* Toggle Menu : Mobile */
.toggle-menu {line-height: 46px; display: none; font-size: 14px;}
.menu .menu-close-button {display: none;}

/* Submenu */
.submenu {background-color: #787878; position: absolute; left: 0; width: 100%; padding: 16px 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 2; line-height: normal;}
.submenu a {color: #FFF; margin-bottom: 10px; display: block;}
.submenu-item:last-of-type {margin-bottom: 4px;}

/* Show Submenu */
.menu > li:hover .submenu {visibility: visible; opacity: 1; }
.touchevents .submenu {display: none;}
.touchevents .menu > li.active .submenu {display: block;}

/* Products submenu */
.submenu .container {font-size: 0;}
.submenu-column {max-width: 216px; display: inline-block; text-align: left; border-left: 1px solid #BFB6AF; padding: 0 8px 16px 8px; width: 100%; font-size: 18px; color: #fff; vertical-align: top;}
.submenu-column:first-of-type {border-left: none;}
.submenu-column a {color: #BFB6AF; margin-bottom: 0;}
.submenu-column a.light-heading {color: #fff;}

.submenu-viewall a {margin-bottom: 8px;}
.submenu-viewby a:first-of-type {margin-top: 8px;}


/* Social */
.social-icons {font-size: 0;}
.social-icons a {font-size: 22px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; display: inline-block; margin-right: 3px;}
.social-icons a:hover {color: #FFF;}

/* Secondary menu */
.secondary-menu {position: absolute; top: 0; right: 20px;}
.secondary-menu a {-webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
.secondary-menu a:before {display: none;}
.secondary-menu a:hover {color: #FFF;}
.secondary-menu .basket-count { position:static; line-height: inherit;}

/* Newsletter */
.secondary-menu .newsletter-form { background-color: #787878; padding: 12px 16px 32px 16px ; position: absolute; right:0; top: 26px; width: 432px; color: #BFB6AF; z-index: 3; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; font-size: 16px;}
.secondary-menu .newsletter-form button {color: #BFB6AF;}
.secondary-menu .newsletter-form .newsletter-close {position: absolute; top: 10px; right:10px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #fff; line-height: 22px; display: block; color: #FFF; text-align: center; cursor: pointer;}
.show-newsletter .secondary-menu .newsletter-form { opacity: 1; visibility: visible; }
.show-newsletter.collapsed-header .secondary-menu .newsletter-form {display: none;}

/* Basket */
.basket-count {position: absolute; top: 0; line-height: 46px; right: 0; display: inline-block; font-size: 14px; }
.basket-count a {display: block;}
.basket-count span {width: 24px; height: 24px; border-radius: 50%; border: 1px solid #fff; margin-right: 8px; display: inline-block; vertical-align: middle; line-height: 24px; text-align: center; color: #fff;}

/* Search form */
.searchform {top: 0; left: 0; bottom: 0; margin: auto; position: absolute; border-right: 1px solid #787878; height: 32px; }
.searchform input {font-size: inherit; text-indent: 0; background: transparent; -webkit-appearance: none;}
.searchform button, .toggle-search {background: transparent; font-size: 24px; line-height: 30px; position: absolute; top:0; left:0;}
.searchform button {right: 8px; left:auto;}
.toggle-search {display: none; bottom: 0; margin: auto; height: 30px;}

/* ==========================================================================
	Owl Carousel
   ========================================================================== */
.owl-container {margin-bottom: 30px;}
.owl-dots {width: 100%; position: absolute; text-align: center; bottom: 12px; line-height: 16px;}
.owl-dot {padding: 4px; display: inline-block; vertical-align: middle;}
.owl-dot span {background: #BFB6AF; display: block; width: 8px; height: 8px; border-radius: 50%;}
.owl-dot.active span {background: #787878;}

/* ==========================================================================
	Home
   ========================================================================== */
/* Page intro text */
.page-intro-text {text-align: center;  margin: 0 auto 30px auto; max-width: 752px;  width: 100%;}
.page-intro-text h1 {margin-bottom: 20px; padding: 0; margin-top: 40px; border-bottom: none;}

.product-category h2 {margin-bottom: 20px;}
.product-category figure {position: relative;}
.product-category img {width: 100%; height: auto;}
.link-overlay {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}


/* ==========================================================================
	Page : About
   ========================================================================== */
.wysiwyg .wp-caption {text-align: center; width: 100%!important; border-top: 1px solid #787878; /* border-bottom: 1px solid #787878; */ padding-bottom: 16px; margin-bottom: 16px;}
.wysiwyg .wp-caption img {margin: 20px auto; }
.wysiwyg .wp-caption figcaption {color: #fff; font-size: 12px;}

.wysiwyg ul, .wysiwyg li, .wysiwyg ol {margin-bottom: 16px;}
.wysiwyg li {list-style-position: inside;}
.wysiwyg ol li {margin-bottom: 0;}
.wysiwyg iframe {margin: auto !important;}
.wysiwyg img {margin: auto;}

p img.size-full {margin: 0 auto;}

/* Page submenu */
.page-submenu a {font-size: 12px; display: block; /* line-height: 14px; */ line-height: 1.1666;}
.page-submenu a.active {color: #969696;}
.page-submenu .button:before {width: 8px; height: 8px;}
.page-submenu .button.active:before {background: #969696;}

/* ==========================================================================
	Sidebar
   ========================================================================== */
.sidebar li {list-style-type: none;}
.sidebar a.active {color: #FFF;}
.search-journal {position: relative;}
.search-journal input {width: 100%; background: #BFB6AF; padding-right: 20px; font-size: 18px; text-indent: 0; margin-bottom: 0;}
.search-journal button {font-size: 24px; /* line-height: 30px; */ line-height: 1.4583; position: absolute; top: 0; right: 0;}
.press-sidebar a {text-decoration: underline;}

/* ==========================================================================
	Journal listing
   ========================================================================== */
.post-heading a {display: block;}
.journal-post {border-bottom: 3px solid #787878; padding-bottom: 56px;}
.journal-post:last-of-type {border-bottom: none;}
.journal-post img {margin: 0 auto;}
.tease-text .fluid-width-video-wrapper { margin-bottom: 16px; }

/* ==========================================================================
	Testimonials
   ========================================================================== */
.testimonial-sidebar h2 {margin-top: 32px;}
.testimonial-sidebar h2:first-of-type {margin-top: 0;}
.testimonial-sidebar .button {display: block;}
.testimonial-sidebar.m-show {clear:both;}
.testimonial-sidebar-tablet {display: none;}

/* ==========================================================================
	Product listing 
   ========================================================================== */
.product {position: relative; margin-bottom: 20px;}
.product .image {left: 0; right: 0; margin: 0 auto 6px auto;}
.product h4 {margin-bottom: 8px;}
.product h2 {color: #fff; margin-bottom: 20px;}
.product h4, .product .button {font-size: 12px; display: block; line-height: 14px;}
.product .button:before {width: 8px; height: 8px;}
.product-border:last-of-type {display: none;}

/* Category Description */
.page-shop-category .page-intro-text  {  margin-bottom: 16px;  border-bottom: 1px solid #787878; }
.page-shop-category-home .products {padding-top: 0; border: 0; margin: 0;}

/* ==========================================================================
	Product single
   ========================================================================== */
/* Product Hero */
.product-hero {position: relative; margin-bottom: 30px; z-index: 0; font-size: 0;}

/* Product Hero - Dark Image */
.product-hero.background--dark {color: #FFF;}
.product-hero.background--dark .price, .product-hero.background--dark .quantity, .product-hero.background--dark .volume, .product-hero.background--dark .button {color: #FFF; border-color:#FFF;}
.product-hero, .product-hero .price, .product-hero .quantity, .product-hero .volume, .product-hero .button { -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out;}  
.product-hero .image img { height:100%; width:100%; object-fit:cover; }

/* Summary */
.summary {position: absolute; top: 64px; left: 24px; z-index: 1;}
.summary h1 {margin-bottom: 20px;}
.summary-price-container, .summary .cart  {display: inline-block;}
.summary .price, .summary .volume, .summary .button {display: inline-block; padding: 0 16px; border-right: 1px solid #787878; /* line-height: 30px; */ line-height: 1.6666;}
.summary .volume { border-right:0; }
.summary .price {padding-left: 0;}
.summary .button {border-right: none;}
.summary .button:before {width: 24px; height: 24px; vertical-align: middle;}

/* Add to Basket */
.summary .cart { width: 100%; display: flex; grid-gap: 16px; max-width: 496px; margin-bottom:16px; }
.summary .button, .summary input {font-size: 18px;}
.summary .button { height: 50px; background-color: #e3d3c2; display: block; width: 100%; }
.summary .button:before { background:#FFF; margin-right: 16px;}

.vata.summary .button {background: #E3D3C2;}
.pitta.summary .button {background: #AFD3DA;}
.kapha.summary .button {background: #D2DFC9;}

/* Apple Pay */
.summary #wc-stripe-express-checkout-element  { max-width: 496px; display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; gap: 16px; }
.summary .StripeElement { min-width: auto !important; }

/* Quantity */
.quantity { width: 120px; background:#FFF; border: 1px solid #787878; display:flex; padding:0; }
.quantity input, .quantity button { width:40px; height:50px; text-indent: 0; vertical-align: middle; border:0; border-radius:0; font-size: 18px; text-align:center; }


/* Product description */
.product-description {max-width: 760px; margin: 0 auto; text-align: center; margin-bottom: 54px;}
.product-description h2 {margin-bottom: 20px;}

/* Share icons and Star rating */
.product-rating-share {position: absolute; bottom: 24px; left: 24px; z-index: 1;}
.product-rating {display: inline-block; border-right: 1px solid #787878; padding-right: 16px; margin-right: 8px;}
.product-rating span {font-size: 13px; }
.product-rating-share .social-icons {display: inline-block; vertical-align: middle;}
.product-rating-share .social-icons a {font-size: 28px; vertical-align: middle;}
.product-rating-share .social-icons a:hover {color: #787878;}

/* Sale */
.onsale {width: 50px; height: 50px; border-radius: 50%; background: #787878; display: block; text-align: center; /* line-height: 50px; */ line-height: 2.7777; position: absolute; right: 24px; top: 24px; z-index: 2; color: #FFF; font-size: 18px;}

/* Tabs */
.tabs {font-size: 0; line-height: 64px; border-top: 1px solid #787878; border-bottom: 1px solid #787878; margin-bottom: 16px;}
.tabs li {display: inline-block; line-height: 32px; border-right: 1px solid #787878; padding: 0 16px 0 0; margin: 0 16px 0 0; font-size: 18px; position: relative; vertical-align: middle;}
.tabs li:last-child {border: none;}
.tabs .active a {color: #FFF;}
.wc-tab {clear:both; overflow: auto; margin-bottom: 16px;}
.wc-tab p {max-width: 608px;}
.woocommerce-tabs {margin-bottom: 16px;}
.woocommerce-Tabs-panel--delivery strong {color: #FFF; font-weight: normal;}

/* Tabs - Free From */
.tabs .tab-text {float: left; max-width: 608px;}
.free-from {position: relative;}
.free-from img {margin: auto auto 16px auto; display: block; padding: 0 16px 16px 16px;} 
#tab-ingredients {position: relative;}
#tab-ingredients:before {border-left:1px solid #888685; content: ''; position: absolute; top:0; bottom: 0; right: 33.116883116883%;}

/* Reviews */
#comments h2, #review_form h3 {color: #FFF; margin-bottom: 16px;}
.commentlist {padding-top: 8px;  border-top: 1px solid #787878;}
.commentlist li {list-style-type: none; border-bottom: 1px solid #787878; margin-bottom: 8px; padding-bottom: 8px;}
.commentlist li:last-of-type { margin-bottom:0; }
.commentlist img {display: none;}
.commentlist strong {font-weight: normal;}
.commentlist time {font-size: inherit;}
.comment-text .star-rating {color: #FFF; margin-bottom: 16px;}
.stars a {width: 24px; height: 24px; line-height: 26px; text-align: center; background-color: #FFF; border-radius: 50%; margin-right: 8px; color: #BFB6AF; font-size: 14px; display: inline-block;}
.stars .active {background: #787878; color: #FFF;}
#respond .submit {color: #787878;}
.icon-star-active.disabled {color: #787878;}

/* Product ingredients */
.three-column-borders {margin-bottom: 60px;}
.product-ingredients h2 {text-align: center;}
.product-ingredient {position: relative;}
.product-ingredient-image {margin-top: 32px;}
.product-ingredient-image figcaption {font-size: 12px; text-align: center; margin-bottom: 16px;}
.product-ingredient-image img {margin: 0 auto;  max-width: 352px;  position: relative; width: 100%;}
.product-ingredient-image figure {display: inline-block; padding: 0 16px 16px 16px;}
.product-ingredient-image .mask, .ingredient-image .mask {position: relative; border-radius: 50%; overflow: hidden; display: inline-block; margin: auto;}
.product-ingredient-image .mask:after, .ingredient-image .mask:after {content: ''; position: absolute; top:0; bottom: 0; left:0; right:0; background-color: #bfb6af; mix-blend-mode: multiply; }
.product-ingredient-image.vata .mask:after, .ingredient-image.vata .mask:after {background-color: #e4d3c2;}
.product-ingredient-image.pitta .mask:after, .ingredient-image.pitta .mask:after {background-color: #AFD3DA; }
.product-ingredient-image.kapha .mask:after, .ingredient-image.kapha .mask:after {background-color: #d1e0c7; }
.no-backgroundblendmode .mask:after {opacity: 0.5;}

/* Summary Bar */
.summary-bar {background: #787878; color: #fff; padding: 16px; text-align: right;}
.summary-bar h1 {font-size: 18px; text-align: left; position: absolute; line-height: 1.7777;}
.summary-bar P {margin-bottom: 0;}
.summary-bar .summary-price-container, .summary-bar .price, .summary-bar .volume {display: inline-block; line-height: 1.7777;}
.summary-bar .summary-price-container, .summary-bar .volume {border-right: 1px solid #fff; padding: 0 16px; }
.summary-bar .button {color: #fff; padding-left: 16px; display: inline-block;}
.summary-bar .button:before {width: 24px; height: 24px; vertical-align: middle;}
.summary-bar form { display: inline-flex; }
.summary-bar .quantity { margin-left: 8px; width:90px; }
.summary-bar .quantity input, .summary-bar .quantity button { height:30px; width:30px;}

/* Related products */
.related-products h3 {font-size: 12px; line-height: 1.1666; margin-bottom: 8px;}
.related-products .product-border {display: none;}
.related-products .products {position: relative;}
.related-products .products:before {background-color: #787878; left:-0.980392156863%; top:0; bottom: 0; content: ''; display: block; width: 1px; position: absolute;}
.related-products .br:after {right: -4.166666666667%;}

/* Vegan Logo */
.product-vegan-logo { font-size: 16px; margin-top: 40px; }
.product-vegan-logo img { margin-bottom: 8px; margin-left: auto; margin-right: auto; }

/* ==========================================================================
	Gift Card
   ========================================================================== */
.product-gift-card { max-width:400px; margin:0 auto 30px auto; }
.product-gift-card .summary-price-container { display:none; }
.product-gift-card > h1 { color:#FFF; text-align:center; }
.product-gift-card .variations, 
.product-gift-card tbody,
.product-gift-card tr, 
.product-gift-card th, 
.product-gift-card td { display:block; }
.product-gift-card th, .product-gift-card td { line-height:normal !important; padding:0 !important; font-weight:normal !important; border:0 !important; text-align:left; }
.product-gift-card .reset_variations { display:none !important; }
.product-gift-card .single_add_to_cart_button { font-size: 18px; line-height: 64px; background-color: #787878; color: #FFF; width: 100%; padding: 0 8px; }
.product-gift-card .single_add_to_cart_button:before { width:12px; height:12px; }
.product-gift-card .pwgc-subtitle { margin-top:10px; font-size:13px; }
.product-gift-card .pwgc-label { font-weight:normal; }
.product-gift-card .pwgc-input-text, .product-gift-card #pwgc-message { width:100%; }
.product-gift-card .quantity { display:none !important; }

/* Gift Card : Basket / Checkout */
#pwgc-redeem-form { border-bottom: 1px solid #787878; margin-bottom: 16px; }
#pwgc-redeem-gift-card-container, #pwgc-redeem-form { display: flex; justify-content: flex-end; flex-wrap: wrap; width: 100%; }
#pwgc-redeem-gift-card-container label, #pwgc-redeem-form label { margin-right:auto; width:100%; }
#pwgc-redeem-button { max-width: 140px; text-align: center; color:#787878; background:none; }
#pwgc-redeem-gift-card-number { width: calc(100% - 140px) !important; }
#pwgc-redeem-error { font-size:14px; width:100%; margin-bottom:10px; }

/* ==========================================================================
	Journal single
   ========================================================================== */
.single-post {border-bottom: none; padding-bottom: 0;}
.single-post .post-heading {padding-top: 20px;}
.single-post p:first-of-type {color: #fff;}
.single-post p strong, .wysiwyg p strong {color: #fff; font-weight: normal;}

/* Content lists */
.wysiwyg ol, .wysiwyg ul {padding-bottom: 6px;}
.wysiwyg ol {list-style-type: none;   counter-reset: counter;}
.wysiwyg ol li {padding-left: 24px;}
.wysiwyg ol li:before {content: counters(counter,"."); color: #FFF; counter-increment: counter; width: 24px; position: absolute; left: 0; text-align: left;}

/* ==========================================================================
	What's your dosha - quiz
   ========================================================================== */
.quiz-questions {list-style-type: none; text-align: center; position: fixed; top: 180px; bottom: 0; left: 0; right: 0; display: none; margin: 0 20px;}
.quiz-questions .v-center {left: 0; right: 0;}

/* Individual quiz question */
.quiz-question {border: none;}
.quiz-question {display: none;}
.quiz-question:target {display: block;}
.quiz-question h2 {margin-top: 0; color: #787878; border-bottom: 0;}
.quiz-question label {display: block; color: #fff; line-height: 1.2; font-size: 30px; margin-bottom: 36px; cursor: pointer;}

/* Answer Checkbox */
.answer input {vertical-align: middle; -webkit-appearance: none; -ms-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #fff; margin-left: 2px; background: #C0B7B0; background: #C0B7B1;}
.answer input:checked {background: #fff;}

/* Quiz pagination */
.quiz-pagination {text-align: center; }
.quiz-pagination a {vertical-align: middle; background: #787878; width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin: 0 4px;}
.quiz-pagination a.active {background: #fff;}

/* Hide and show questions */
.show-questions .quiz-questions {display: block;}
.show-questions .dosha-intro {display: none;}
.show-questions footer {display: none;}

.quiz-loading .quiz-pagination, .quiz-loading .quiz-question {display: none;}
.quiz-questions:before {opacity: 0; visibility: hidden; width: 60px; height: 60px; background-size:100% auto; position: absolute; top:0; left:0; bottom: 0; right:0; margin: auto; color: #FFF; font-size: 60px; text-align: center; line-height: 60px; }
.quiz-loading .quiz-questions:before { opacity: 1; visibility: visible; -webkit-animation: rotate 5s infinite; -ms-animation: rotate 5s infinite; animation: rotate 5s infinite; }

/* ==========================================================================
	What's your dosha - results
   ========================================================================== */
/* Dosha circles */
.dosha-circles {font-size: 0; margin: auto; max-width: 950px; padding-bottom: 20px;}
.dosha-circle { width: 30%; display: inline-block; position: relative; margin: 0 0.83333333333334%; text-align: center;}
.dosha-circle img {width: 100%; height: auto;}
.dosha-circle:before {position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; line-height: 30px; height: 30px; font-size: 18px; z-index: 1; text-transform: uppercase;}
.dosha-circle h2 {position: relative; top:24px;}
.dosha-circle span {text-align: center; text-transform: uppercase; display: block; margin: 0 auto; border-radius: 50%; position: absolute; top: 50%; right: 0; left: 0; margin: auto; font-size: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0%; -webkit-transition: all 3s ease-in; transition: all 3s ease-in; }

/* Dosha individual circle */
.dosha-circle.pitta:before {content:'Pitta';}
.dosha-circle.vata:before  {content:'Vata';}
.dosha-circle.kapha:before  {content:'Kapha';}

/* Dosha description */
.dosha-description h2 {margin-bottom: 20px;}
.dosha-description .button {display: block;}

.dosha-details {margin-bottom: 65px;}
.dosha-details .product {margin-bottom: 16px;}

/* Retake Quiz */
.quiz-results .quiz-button {margin-bottom: 0; border-bottom: 0;}
.quiz-results .social-icons {margin-top: 8px;}
.page-dosha-quiz-results footer {margin-top: 0}
.page-dosha-quiz.show-questions {min-height: 100%;}

/* ==========================================================================
	Ingredients
   ========================================================================== */
.page-ingredients-glossary .page-title {margin-bottom: 0;}

/* Letter Filter */
.letters {text-align: center; letter-spacing: 0.08em; line-height: 48px; padding-bottom: 0;}
.letters a {border: 1px solid transparent; border-radius: 50%; width: 24px; height: 24px; display: inline-block; line-height: 24px; font-size: 14px;}
.letters a.active {color: #FFF; border: 1px solid #FFF;}

/* Letter Section */
.letter {position: relative;}
.letter:before {content: ''; width: 1px; top: 0; bottom: 0; background: #787878; position: absolute; left: 33.116883116883%; display: block;}

/* Individual Ingredient */
.ingredient {position: relative;}
.ingredient:last-of-type:after {display: none;}
.ingredient:before, .ingredient:after {content: ''; width: 66.26531564%; height: 1px; position: absolute; bottom: 0; right: 0; display: block; background: #787878;}
.ingredient:before {bottom: auto; top:-1px;}
.ingredient-text {padding-top: 16px;}
.ingredient-image {border-top: 1px solid #787878; padding: 16px 0; text-align: center;}
.ingredient-image img {margin: 0 auto; max-width: 336px; width: 100%;} 
.ingredient-image figure { padding: 8px;}
.first .ingredient:first-of-type .ingredient-image:first-of-type {border-top:0;}
.first .ingredient:first-of-type:before {display: none;}

/* States */
.letter.hidden {display: none;}
.letter.visible .ingredient:first-of-type .ingredient-image {border-top:0;}
.letter.visible .ingredient:last-of-type:after {display: none;}
.letter.visible .ingredient:first-of-type:before {display: none;}

/* Fixed letters */
.fixed-letters .letters {position: fixed; z-index: 2; background: #BFB6AF; top: 47px; left: 20px; right: 20px; max-width: 1232px; width: 100%; margin: auto;}
.fixed-letters .page-title {margin-bottom: 65px;} /* 16px + heights of .letters */

/* ==========================================================================
	Stockists
   ========================================================================== */
.single-stockist {border-top:3px solid #787878; padding-top: 16px; margin-top: 32px; border-bottom: 0;}
.single-stockist h2 {float: left; width: 50%;}
.single-stockist address {float: left; width: 50%; border-left:1px solid #787878; padding-left: 8px;}
.single-stockist img {margin-top: 16px;}
.single-stockist .featured-image {clear: both; overflow: auto;}

/* ==========================================================================
	WooCommerce
   ========================================================================== */

/* Messages */
.woocommerce-info, .woocommerce-error, .woocommerce-message, .woocommerce-thankyou-order-received, .wc-block-components-notice-banner {background-color: #787878; color: #FFF; padding:8px; margin-bottom: 8px; font-size: 14px;}
.woocommerce-error {background: #724C49;}
.woocommerce-error li {list-style-type: none;}
.woocommerce-info a, .woocommerce-error a, .woocommerce-message a, .wc-block-components-notice-banner a {text-decoration: underline;}
.woocommerce-info a.button, .woocommerce-error a.button, .woocommerce-message a.button {margin-right: 16px;}
.wc-block-components-notice-banner svg { display: none; }

/* WooCommerce Tables */
.shop_table {width: 100%; text-align: left; border-collapse: collapse; font-size: 16px; margin-bottom: 16px;}
.shop_table li {list-style-type: none;}
.shop_table td, .shop_table th {border-bottom: 1px solid #787878; vertical-align: top; padding: 8px 0;}
.shop_table th {font-weight: normal;  text-align: left;}
.shop_table td.actions {border-bottom: none; padding: 0;}
.shop_table td {color: #FFF;}

/* Form Layout */
.woocommerce form .form-row {clear: both;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {    float: left; width: 47%; overflow: visible;}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {float: right;     clear: none;}   

/* Order Totals */
 .woocommerce .product-name strong {color: #787878;}

/* Remove bold text and replace with colour white */
.woocommerce strong {font-weight: normal; color: #fff;}

/* ==========================================================================
	WooCommerce Basket
   ========================================================================== */
/* Override Container */
.page-basket .narrow-content {max-width: none;}
.page-basket .page-title {margin-bottom: 8px;}

/* Cart Table Row */
.cart .cart_item {border-top: 3px solid #787878; color: #FFF;}

/* Cart Vertical Borders */
.cart .product-name, .cart .product-quantity {border-right: 1px solid #787878; position: relative;} 
.cart .product-name:before, .cart .product-quantity:before, .cart .product-name:after, .cart .product-quantity:after {width:8px; top:0px; bottom: -3px; background-color:#BFB6AF; content: ''; position: absolute; display: block;} 
.cart .product-name:before, .cart .product-quantity:before {right: -9px;}
.cart .product-name:after, .cart .product-quantity:after {right: 0;}

/* Cart Totals */
.cart_totals h2, .cart th {padding-bottom: 16px; border-bottom: 1px solid #787878; color: #FFF; line-height: normal; font-size: 18px; padding-top: 16px;}
.cart th {color: #787878; line-height: 44px; padding: 0 8px 8px 8px;}
.cart td {padding: 8px; vertical-align: middle; }
.cart th.product-quantity {font-size: 0;}
.cart .quantity input {margin-bottom: 0;}
.cart_totals  .order-total {border-top: 3px solid #787878; }
.cart_totals  .order-total th, .cart_totals  .order-total td {color: #FFF;}

/* Coupon */
.cart .coupon label { display: none; }
.cart .coupon {padding-top: 8px; border-bottom: 1px solid #787878; }
.cart .coupon .input-text {margin-bottom: 16px; display: inline-block; max-width: 334px;}
.cart .coupon button { margin-right: 8px;}
.cart .actions {padding: 0;}
.cart .actions .button {font-size: 16px; width: auto; margin-top: 8px;}
.cart .actions .button[name="update_cart"] { display: none; }

/* Cart Product Thumbnail */
.cart img {padding: 16px 0; max-width: 100px;}

/* Collaterals */
.cart-collaterals th {color: #787878;}
.cart-collaterals td {color: #FFF; text-align: right;}
.cart-collaterals th, .cart-collaterals td { padding: 8px 0;}
.cart-collaterals .shipping p {font-size: 16px;}
.cart-collaterals .checkout-button {font-size: 18px; line-height: 64px; background-color: #787878; color: #FFF; width: 100%; display: block; padding: 0 8px; position: relative;}
.cart-collaterals .checkout-button:before {width: 24px; height: 24px; right: 8px; left:auto; position: absolute; top:0; bottom: 0; margin: auto; }
.cart-collaterals .country_to_state {border-radius: 0; }
.woocommerce .cart-collaterals h2 {border-bottom: 3px solid #787878; color: #787878; margin: 0; border-top: 0; line-height: 44px; padding: 0 0 8px 0;}

/* Error message */
.blockOverlay {background: #BFB6AF !important; position: absolute !important;}
.page-basket .woocommerce-error {margin-bottom: 0;}



/* ==========================================================================
	WooCommerce Checkout
   ========================================================================== */
.page-checkout .narrow-content {max-width: none;}

.woocommerce-form__label-for-checkbox {display: block; clear: both;}

/* Headings */ 
.woocommerce .woocommerce-checkout h2, .woocommerce .woocommerce-checkout h3 { border-top:0;}

/* Review Order */
.woocommerce-checkout-review-order-table th {color: #787878;}
.woocommerce-checkout-review-order-table td {color: #FFF; text-align: right;}
.woocommerce-checkout-review-order-table .product-name {text-align: left;}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { padding: 8px 0;}

.checkout-review thead {display: none;} /* Hide Product / Total from order review */
.checkout-review li {list-style-type: none;}

/* Payment Method */
.payment_box p {font-size: 14px;}
.about_paypal {display: block;}
.wc_payment_methods li {border-bottom: 1px solid #787878; margin-bottom: 8px; padding-bottom: 8px;}

/* Payment Icon */
.woocommerce .wc_payment_method img {margin: 8px 0; height: 20px; width: auto; float: right;}

/* Coupon code */
.checkout_coupon .form-row-last input {background: transparent;}

/* Place Order */
.place-order .terms {margin-bottom: 16px;}
.place-order .terms .checkbox {font-size: 12px;}
.place-order .button {font-size: 18px; line-height: 64px; background-color: #787878; color: #FFF; width: 100%; display: block; padding: 0 8px; position: relative; height: auto;}

/* Validation */
.woocommerce-invalid input {background: #724C49; color: #FFF;}

/* Paypal */
.about_paypal {display:none;}


/* ==========================================================================
	My Account
   ========================================================================== */
.woocommerce-MyAccount-navigation {line-height: 40px; margin-bottom: 40px; white-space: nowrap; overflow: scroll; -webkit-overflow-scrolling: touch; }
.woocommerce-MyAccount-navigation ul {margin-bottom: 0; border-bottom: 1px solid #787878; padding-bottom: 0;}
.woocommerce-MyAccount-navigation li {list-style-type: none; border: 1px solid #787878; border-bottom: 0; padding: 0 15px; margin: 0 4px 0 0; display: inline-block; position: relative;}
.woocommerce-MyAccount-navigation a {border: 0;}
.woocommerce-MyAccount-navigation .is-active:before {content: ''; height: 1px; background: #BFB6AF; position: absolute; bottom: -1px; left:0; right: 0;}

/* ==========================================================================
	WooCommerce Order Confirmation
   ========================================================================== */
.order_details {list-style-type: none; margin: 16px 0;}
.order_details li {margin-bottom: 8px;}

.woocommerce h2, .woocommerce h3 {  border-bottom: 3px solid #787878; line-height: 44px; padding: 0 0 8px 0; margin: 0 0 16px 0;}
.order_details th, .order_details td, .customer_details th, .customer_details td {border-bottom: none;}

/* Address' */
.addresses .col-1, .addresses .col-2 {width: 50%; float: left; font-size: 16px;}

/* ==========================================================================
	Page : Awards 
   ========================================================================== */
.post-award {border-top:0; border-bottom: 0;}
.post-award h2 {border-top:3px solid #787878; }


/* ==========================================================================
	Footer
   ========================================================================== */
footer {padding-top: 16px; padding-bottom: 40px; max-width: 1232px; margin: auto; position: relative;}

/* Footer menu */
.footer-menu {list-style-type: none; margin-bottom: 30px; }
.footer-menu a {color: #fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.footer-menu li:hover a {color: #787878;}

/* Newsletter form */
.newsletter-form button {margin-top: 8px;}
.newsletter-form.subscribed input, .newsletter-form.subscribed button {display: none;}
.newsletter-form .newsletter-close {display: none;}

/* Beauty Awards */
.footer-beauty-awards {font-size: 0;}
.footer-beauty-awards .footer-logo {padding: 0 16px 10px 16px; display: inline-block; max-width: 16.666666666666667%; vertical-align: middle; width: 100%; }

/* Vegan Logo / Leaping Bunny */
.footer-vegan .logo-leaping-bunny, .footer-vegan .logo-vegan { max-width: 114px; }
.footer-vegan .logo-vegan { margin-bottom: 20px; }
.footer-vegan .logo-leaping-bunny { display: block; max-width: 100px; }

/* ==========================================================================
	Layout : Cookie
   ========================================================================== */
.layout-cookie-warning {position: fixed; bottom: 0; left: 0; right: 0; display: none; background: #787878; color: #FFF; padding: 20px; text-align: center; z-index: 2;}
.layout-cookie-warning.active {display: block;}
.layout-cookie-warning button {color: #FFF; }

/* ==========================================================================
	CSS Animations
   ========================================================================== */
@-webkit-keyframes rotate {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
  0%   { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}
@keyframes rotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ==========================================================================
	Media Queries
   ========================================================================== */
/* Fixed Header */
@media only screen  and (max-width : 1272px) {
	.collapsed-header .header {padding-left: 20px; padding-right: 20px;}
}

@media only screen  and (max-width : 1020px) {
    /* Product : Move add to basket */
    .product-hero { display: flex; flex-direction: column; }
    .product-images { margin-bottom:32px; }
    .product-rating-share { display:none; }
    .product-description h2 { display:none; }
    .summary { position: static; margin-left: auto; margin-right: auto; text-align: center; padding:0 20px; }
    .summary h1 { color:#FFF; }
}

@media only screen  and (max-width : 370px) {
    /* Product : Tuck in Add to cart */
    .summary .button:before { display:none; }
}

@media only screen and (min-width : 769px) and (max-width : 1024px) {
	/* Tablet : Landscape : Show dropdown menu */
	.touchevents .menu > li:hover .submenu {display: block;}	
}
/* ----------- Tablet and Mobile ----------- */
@media only screen  and (max-width : 768px) {
	.product-hero, .owl-container {margin-left: -20px; margin-right: -20px;}
	
	/* Testimonials */
	.testimonial-sidebar-tablet {display: block;}
}
/* ----------- Tablet and Mobile ----------- */
@media only screen  and (max-width : 767px) {
	
	/* General */
	.m-bb {padding-bottom: 16px; border-bottom: 1px solid #787878; margin-bottom: 16px;} /* Border bottom */
	.m-mb {margin-bottom: 16px; display: block;}
		
	/* Header : Newsletter */
	.secondary-menu .newsletter-form {width: 300px;}

	.owl-dots {position: static; padding-top: 10px;}
	.owl-dot span {background-color: #FFF;}
	
	/* Typography */
	body, p, h2, h3,  .menu li, .submenu-column {font-size: 16px;}
	.page-title  {margin-top: 42px; font-size: 22px;}
	h1, .quiz-button, .result-button  {font-size: 22px;}
	label {font-size: 14px;}
	
	/* WooCommerce */
	
	/* Product : Listing */
	.products div:last-of-type {border-bottom: 0; padding-bottom: 0;}
	.product-border {visibility: hidden;}
	.product.br:after {visibility: hidden;}
	
	/* Product Single */
	.product-description { margin-bottom: 40px; }
	.product-ingredient-image:first-of-type {display: block;}
	.product-ingredient-image {display: none; text-align: center;} /* Ingredient image */	
	.product-images .owl-dots {bottom:20px;}
    .product-hero .image { aspect-ratio: 760/540; }
	.three-column-borders:before, .three-column-borders:after {visibility: hidden;}

 	
	/* Product Single : Related Products */
	.related-products .product {border: 0;}
	
	/* Product Single : Free From */
	#tab-ingredients:before {display: none;}
	
	/* Tabs */
	.tabs { white-space: nowrap; overflow: scroll; -webkit-overflow-scrolling: touch;}
	.tabs li {padding: 0 8px 0 0; margin: 0 8px 0 0; font-size: 14px;}
	
	/* Summary Bar */
	.summary-bar {font-size: 0; text-align: left; margin-left: -20px; margin-right: -20px;}
	.summary-bar h1 {position: static;}
	.summary-bar .quantity:before {content: 'Qty';}
	.summary-bar .quantity {display: none;}
	.summary-bar .summary-price-container {padding: 0;}
	.summary-bar .price, .summary-bar .quantity, .summary-bar .volume, .summary-bar .button {padding: 0 8px; font-size: 16px;}
	
	/* Your Dosha */
	.quiz-button span, .result-button span {width: 20px; height: 20px;}
	.quiz-question h2, .quiz-question label {font-size: 20px; margin-bottom: 16px; padding-bottom: 0;}
	.dosha-details .product img {width: auto;}
	.answer input {width: 16px; height: 16px;}
	
	/* Your Dosha - Results */
	.dosha-description {margin-bottom: 16px;}
	.dosha-details {margin-bottom: 0;}
	.dosha-details .product:last-of-type {border-bottom: 0;}
	
	/* About */
	.page-submenu a {line-height: 22px;}
	
	/* Journal Listing */
	.search-journal {display: none;}

	/* 	Journal Sidebar - Categories and Archive */
	.sidebar-menu {height: 36px; overflow: hidden; position: relative; margin-bottom: 18px; cursor: pointer;}
	.sidebar-menu.active {height: auto; cursor: default;}
	.sidebar-menu.active h2 {margin-bottom: 16px;}
	.sidebar-menu h2:after {content: '+'; position: absolute; right: 0; top:0; margin: auto; width: 24px; height: 24px; border: 1px solid #FFF; border-radius: 50%; text-align: center; line-height: 22px;}
	.sidebar-menu.active h2:after {content: '-';}

	/* Journal Single */
	.single-post .social-icons {display: none;}
	
	/* Ingredients Listing */
	.fixed-letters .letters {width: auto;}
	.ingredient-image {border: none;}
	.ingredient:before {display:none;}
	.letter:last-of-type .ingredient:last-of-type, .letter.visible .ingredient:last-of-type {border-bottom: 0; margin-bottom: 0; }
	.letter:before, .ingredient:after {visibility: hidden;}
	
	/* Related Products */
	.related-products .products:before {visibility: hidden;}
	
	/* Footer */
	.footer-menu {border-bottom: 1px solid #787878; padding-bottom: 16px; margin-bottom: 16px; columns: 2; -webkit-columns: 2; -moz-columns: 2;}
	footer .social-icons {display: none;}
	
	.footer-beauty-awards { border-bottom: 1px solid #787878; padding-bottom: 16px; margin-bottom: 16px; }
	.footer-beauty-awards  .footer-logo {padding: 10px;  max-width: 24%; }
	
	/* Footer : Vegan */
	.footer-vegan {     border-bottom: 1px solid #787878; padding-bottom: 16px; margin-bottom: 16px; }
	.footer-vegan .logo-leaping-bunny, .footer-vegan .logo-vegan { width: 100%; max-width: 114px;  display: inline-block; margin-right: 20px; }
	.footer-vegan .logo-vegan { margin-bottom: 0; }
	.footer-vegan .logo-leaping-bunny { max-width: 88px; }

	/* Cart */
	td.product-thumbnail, th.product-thumbnail {display: none;}
	
	/* Checkout */
	.checkout-review {margin-top: 16px;}

	/* Stockists */
	.single-stockist h2 {margin-bottom: 16px;}
	.single-stockist h2, .single-stockist address {float: none; width: 100%; border: 0; padding: 0;}

}

@media only screen and (max-width : 960px) {
	.footer-beauty-awards { text-align: center; }
	.footer-beauty-awards  .footer-logo { max-width: 16.666666666666667%; }
}

/* ----------- Search Form ----------- */
@media only screen and (max-width : 900px) {
	
	/* Search form */
	.searchform {width: 0; overflow: hidden; border-color: transparent; background: #BFB6AF;}
	.searchform button {display: none;}
	.searchform input {text-indent: 28px;}
	.toggle-search {display: block; z-index: 1;} 
	.show-search .searchform {width: 100%;}
}


/* ----------- Menu ----------- */
@media only screen and (max-width: 1120px) {
	
	/* iOS prevent scrolling on body */
	body.show-menu {height: 100%; overflow: hidden; width: 100%; position: fixed;}
	body.show-menu:after {content: ''; background: rgba(120,120,120,0.80); width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
		
	/* Menu */
	.menu {width: 100%; height: 100%; max-width: 375px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: #BFB6AF; -webkit-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; overflow: scroll; -webkit-overflow-scrolling: touch; padding-top: 56px; border-right: 1px solid #787878;  border-bottom: 1px solid #787878; }
	.menu li {display: block; text-align: left; margin: 0; border-top: 1px solid #787878; }
	.menu > li {height: 41px; overflow: hidden;}
	.menu > li.active, .menu > li.open {height: auto;}
	.menu > li > a, .menu > li > span {text-indent: 16px;}
	
	/* Close button */
	.menu .menu-close-button {position: absolute; top: 0; right: 0; color: #FFF; border-bottom: none; border: 1px solid #fff; border-radius: 50%; width: 24px; height: 24px; line-height: 22px; text-align: center; margin: 16px 16px; display: block;}
	.menu .menu-close-button a {text-indent: 0;}
	
	/* Submenu */
	.submenu {position: static; visibility: visible; opacity: 1; overflow: scroll; -webkit-overflow-scrolling: touch; padding: 16px;}
	.submenu li {margin: 0;}
	.submenu .container {padding: 0;}
	.submenu-column {max-width: 100%; border-left: none; border-bottom: 1px solid #BFB6AF; margin-bottom: 16px; padding: 0 0 16px 0;}
	.submenu-column:last-of-type {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} 
	.submenu-viewall a:last-of-type, .submenu-item:last-of-type, .submenu-column a:last-of-type {margin-bottom: 0;}
	.submenu-column a {margin-bottom: 8px;}
		
	/* Toggle Menu */
	.toggle-menu {display: block; margin: 0 44px;}
	.toggle-menu span {display: inline-block; line-height: inherit;}
	.show-menu .menu {-webkit-transform: translateX(0%); transform: translateX(0%); }

	/* Secondary menu */
	.secondary-menu {font-size: 0;}
	.secondary-menu a {margin-left: 4px;}
	.secondary-menu a:before { font-size: 22px; display: inline-block;}
	.secondary-menu .basket-count
	.secondary-menu .icon-signin:before {font-size: 21px; position: relative; top:-1px;}
	.secondary-menu .icon-logout:before {font-size: 21px;}
	
	/* Burger */
	.burger {width: 22px; height: 15px; display: inline-block; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; position: relative; visibility: visible; margin-right: 10px; vertical-align: middle; position: relative; top: -1px;}
	.burger:before {content:''; height: 1px; background-color: #FFF; left: 0; right: 0; position: absolute; top: 7px; margin-top: -1px; display: inline-block;}
	
	/* Cookie Warning */
	.layout-cookie-warning.active {padding: 20px 0;}
}

/* ----------- Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 520px) {
	.cart .coupon .input-text {margin-top: 8px; max-width: 100%;} 	
	
	/* Reduce Headings */
	.page-title  {margin-top: 36px; font-size: 20px;}
	h1, .quiz-button, .result-button  {font-size: 20px;}
	.quiz-button:after, .result-button:after {width: 18px; height: 18px;}
	
	/* Tighten Quiz Spacing */
	.quiz-question h2, .quiz-question label { font-size: 16px; margin-bottom: 14px;}
	.answer input {width: 14px; height: 14px;}
	
	/* Footer */
	.footer-beauty-awards  .footer-logo { max-width: 25%; }
	
	/* Product : Apple Pay Buttons */
    .summary #wc-stripe-express-checkout-element { grid-template-columns: repeat(1, 1fr); }
    
    /* Product : Tuck in Quantity */
    .quantity { width:105px; }
    .quantity button, .quantity input { width:35px; }
	.quantity input { font-size: 16px; }

	
	/* Cart */
	.page-basket .woocommerce-cart-form .product-price { display:none; }
}

/* ----------- iPad ----------- */
@media only screen and (min-width : 768px) and (max-width : 768px) {
	/* Related Products */
	.related-products .br:after { right: -1.7%;}
	.related-products .product:nth-child(even):after {display: none;}
	.related-products .product { padding-bottom: 16px;}
}

/* ----------- iPhone ----------- */
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px)  {
	.summary-bar .quantity:before {display: none;}
}

/* ==========================================================================
	Cross Browser
   ========================================================================== */
.browserupgrade {padding: 10px; position: fixed; bottom: 0; left:0; right:0; font-size: 13px; text-align: center; color: #000; background-color: #FFF;}
.browserupgrade a {color: #000; text-decoration: underline;}



/* ==========================================================================
	Core Owl Carousel CSS File
   ========================================================================== */
.owl-carousel {/* display: none; */ width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-item img { width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;}
.owl-carousel .owl-grab {cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}

/* No Js */
.no-js .owl-carousel {display: block;}

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}