/* * Fonts * */
@font-face {
    font-family: 'Maison Neue Medium';
    src: url('../fonts/MaisonNeue-Medium.eot');
    src: url('../fonts/MaisonNeue-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MaisonNeue-Medium.woff2') format('woff2'),
         url('../fonts/MaisonNeue-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Nib';
    src: url('../fonts/NibPro-Regular.eot');
    src: url('../fonts/NibPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NibPro-Regular.woff2') format('woff2'),
         url('../fonts/NibPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* * Body * */
:root {
    --green: #384942;
    --mint: #B9D6C7;
    --gold: #AA9B5F;
    --sand: #F5F5EE;
    --sandAlt: #EEEEE2;
    --greenAlt: rgba(56, 73, 66,.25);
}
body,td,th {
    font-family: 'Maison Neue Medium', sans-serif;
    font-size:14px;
	line-height:1.5;
    margin:0;
    padding:0;
    background: var(--sand);
	color:var(--green);
	text-align:left;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    letter-spacing: 1px;
}

textarea:focus, input:focus{
    outline: none;
}

*:focus {
    outline: none;
}

.rel {
    position: relative;
    background: rgba(0,0,0,0.02);
}
.prod-thumb .rel {background: rgba(0,0,0,0);}

.reset {font-size:14px;line-height:1.5;}
.gold {color: var(--gold);}

::selection {color:var(--green);background:var(--mint);}
::-moz-selection {color:var(--green);background:var(--mint);}

p {margin: 0 0 2em;}
b, strong {font-family: 'Maison Neue Medium', sans-serif;font-weight: 600;}

.t {display: table;height: 100%;width: 90%;margin: 0 auto;padding:0 auto;text-align: center;}
.tc {vertical-align: middle;display: table-cell;}

.uppercase {text-transform: uppercase;letter-spacing: 2px;}
    

h1 {font-family: 'Nib', serif;font-size: 72px;line-height: 1.1;text-transform: none;padding:0;margin:0;font-weight: normal;letter-spacing: 0px;}
h2 {font-family: 'Nib', serif;font-size: 40px;line-height: 1.2;text-transform: none;padding:0;margin:0;font-weight: normal;letter-spacing: 0px;}
h3 {font-family: 'Nib', serif;font-size: 32px;line-height: 1.2;text-transform: none;padding:0;margin:0;font-weight: normal;letter-spacing: 0px;}

a {color:inherit;text-decoration:none;border-bottom:1px solid inherit;opacity: 1;}
a:hover {color:inherit;text-decoration:none;border-bottom:1px solid transparent;opacity: 1;}
a {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
transition: color 0.2s linear;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}   


#main {min-height: 100vh;margin-top:275px;}
.no-margin-top {margin-top:0px!important;}

img.pL {width: 100%;height:auto;position: absolute;top:0;left:0;}

/* * Basic page * */
.basic-page {}
.basic-page h1 {margin-bottom: 1em;}
.basic-page .body {max-width: 750px;margin:0 auto 10vw;}


/* * About * */
body.template-about .uppercase {margin-bottom: 15px;}
body.template-about #footer .uppercase {margin-bottom: 0px;}
body.template-about .flexi .block:last-child {margin-bottom: 0px;}
.about .aboutIntro{position: absolute;left:2.5vw;right:2.5vw;bottom:2.5vw;z-index: 10;}
.about .aboutBK {position: absolute;top:0;bottom:0;left:0;right:0;z-index: 0;}
.about .aboutBK img, .about .aboutBK video {object-fit: cover;height: 100%;width: 100%;}
body.template-about h1 p {margin-bottom: 0px;}
body.template-about #product-secondary #prodEditoral .editoralImg img {object-fit:contain;}



.multiply img, .multiply video {mix-blend-mode: multiply;filter: blur(0) grayscale(0)!important;-webkit-filter: blur(0) grayscale(0)!important;}
.multiply video {overflow: hidden;border-radius: 5px;}

/* * Home * */
#home-about {position: relative;}
#home-about .inner {padding:10vw 2.5vw;background:var(--sandAlt);}
#home-about .inner h1 {width:70%;}
#home-about .inner #grid-about .item {width: 50%;}
#home-about .inner .meta {margin-top:15px;margin-bottom: 20vw;}
#home-about .inner #grid-about {font-size: 0;}
#home-about .inner #grid-about .item:nth-child(1) {position: absolute;right:5vw;top:5vw;width:40%;}
#home-about .inner #grid-about .item:nth-child(2) {position: absolute;left:10vw;bottom:5vw;width:30%;}
#home-about .inner #grid-about .item:nth-child(3) {position: absolute;right:15vw;bottom:0;width:20%;}
#home-about .inner #grid-about .item img {width: 100%;height: auto;mix-blend-mode: multiply;}
#home-grid {padding:10vw 10vw;font-size:0;line-height: 0;}
#home-grid .home-grid-item {width: 50%;display: inline-block;vertical-align: top;margin-bottom:10vw;}
#home-grid .home-grid-item.oil {width:35%;margin-right:15%;}
#home-grid .home-grid-item.spray {width:30%;margin-right:10%;margin-left:0%;margin-top:-20%;}
#home-grid .home-grid-item .visual {padding-top: 120%;background: rgba(0,0,0,0.05);position: relative;border-radius: 5px;overflow: hidden;}
#home-grid .home-grid-item .visual img, #home-grid .home-grid-item .visual video {object-fit: contain;height: 100%;width:100%;position: absolute;top:0;}
#home-grid .home-grid-item h2 {margin-bottom:5px;}
#home-grid .home-grid-item .meta {margin-top:15px;}




body.id-home #product-hero {height: inherit;}
body.id-home #product-hero .landingVisual {position: relative;top:inherit;bottom: inherit;right:inherit;margin-left:50%;}
body.id-home #product-hero .landingVisual .visual {padding-top: 120%;}


/* * Slideshow * */
#home-hero {height:95vh;width: 100%;position: relative;overflow: hidden;background: #000;}
#home-hero #brains-roundal {position: absolute;top:0;bottom:0;left:0;right:0;pointer-events: none;z-index: 50;}
#home-hero #brains-roundal svg {width:180px;}
#home-hero #brains-roundal.text-green svg#roundal g .st0 {fill:var(--green)!important;}
#home-hero #brains-roundal.text-mint svg#roundal g .st0 {fill:var(--mint)!important;}
#home-hero #brains-roundal.text-white svg#roundal g .st0 {fill:#fff!important;}
#slideshow {width: 100%;height:95vh;position: relative;}
#slideshow .block {position: absolute;top:0;bottom: 0;left: 0;right: 0;opacity: 0;pointer-events:none;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;}
#slideshow .block .link {position: absolute;top:0;bottom: 0;left: 0;right: 0;z-index: 0;}
#slideshow .block img, #slideshow .block video {object-fit: cover;height: 100%;width:100%;z-index:0;opacity: 0.9;}
#slideshow .block .title {position: absolute;left:2.5vw;bottom:2.5vw;z-index:10}
#slideshow a {border-bottom: 0px solid transparent;}
#slideshow a:hover {border-bottom: 0px solid transparent;}
#slideshow .block.current {opacity: 1;pointer-events: all;}
#slideshow #counter {position: absolute;right:calc(2.5vw + 50px);bottom:2.5vw;z-index:10}
#slideshow #counter div {display: inline-block;}
#slideshow.text-green {color:var(--green);}
#slideshow.text-mint {color:var(--mint);}
#slideshow.text-white {color:rgba(255,255,255,0.75);}


/* * Claims * */
#claims {font-size: 0;line-height: 0;background: var(--sandAlt);}
#claims .uppercase {padding: 2.5vw 0 0 2.5vw;}
#claims .claims-group {white-space: nowrap;overflow-x: scroll;padding: 0 1.25vw 5vw 1.25vw;}
#claims .single-claim {width: 22.5%;display: inline-block;vertical-align: top;white-space: normal;}
#claims .single-claim .s-c-p {padding: 0 1.25vw;}
#claims .single-claim .s-c-p .rel {margin: 10px 0;border-radius: 5px;overflow: hidden;}
#claims .single-claim .s-c-p .rel img {filter: blur(0) grayscale(0)!important;-webkit-filter: blur(0) grayscale(0)!important;mix-blend-mode: multiply;}

/* * Slideshow * */
#ticker {
  position: absolute;
  width: 38px;
  height: 38px;
    right:2.5vw;
    bottom:2vw;
    z-index: 50;
}

#circle {
    z-index: 0;
    box-sizing: border-box;
  height: 100%;
  right: 0px;
  position: absolute;
  border: solid 3px rgba(255,255,255,0.25);
    width: 100%;
    border-radius: 50%;
    
}

#halfclip {
  width: 50%;
  height: 100%;
  right: 0px;
  position: absolute;
   overflow: hidden;
   transform-origin: left center;
   animation: cliprotate 8s steps(2) infinite;
   -webkit-animation: cliprotate 8s steps(2) infinite;
    z-index: 10;
}

.halfcircle {
  box-sizing: border-box;
  height: 100%;
  right: 0px;
  position: absolute;
  border: solid 2px transparent;
   border-top-color: white;
   border-left-color: white;
   border-radius: 50%;
    z-index: 10;
}

#ticker.text-green .halfcircle {border-top-color: var(--green)!important;border-left-color: var(--green)!important;}
#ticker.text-mint .halfcircle {border-top-color: var(--mint)!important;border-left-color: var(--mint)!important;}
#ticker.text-white .halfcircle {border-top-color: white!important;border-left-color: white!important;}

#clipped {
  width: 200%;
   animation: rotate 4s linear infinite;
   -webkit-animation: rotate 4s linear infinite;
}
#fixed {
  width: 100%;
    transform: rotate(135deg);  
   animation: showfixed 8s steps(2) infinite;
   -webkit-animation: showfixed 8s linear infinite;
}

@-webkit-keyframes cliprotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@keyframes cliprotate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}


@-webkit-keyframes rotate {
  0% {transform: rotate(-45deg);}
  100% {transform: rotate(135deg);}
}

@keyframes rotate {
  0% {transform: rotate(-45deg);}
  100% {transform: rotate(135deg);}
}

@-webkit-keyframes showfixed {
  0% {opacity: 0;}
  49.9% {opacity: 0;}
  50% {opacity: 1;}
 100% {opacity: 1;}
}


/* * Product Overview * */

body.template-product-overview .shopify-button {margin: 0 5vw;}
s

#grid {font-size:0;line-height: 0;}
#grid .grid-item {width:25%;position: relative;display: inline-block;text-align: center;vertical-align: top;margin-bottom: 5vw;}
#grid .grid-item .prod-thumb {padding-top: 120%;position: relative;overflow: hidden;}
#grid .grid-item .prod-thumb .rel {position: absolute;top:0;left:-12.5%;right:-12.5%;overflow: hidden;}
#grid .grid-item .prod-thumb img {object-fit: cover;height: 100%;width: 100%;position: absolute;top:0;left:0;}
#grid .grid-item .meta {margin-top:20px;}

#product-hero .landingIntro {width: 50%;position: absolute;bottom: 0;left:0;}
#product-hero .landingTitle {width: 50%;position: absolute;top: 0;left:0;}
#product-hero .landingTitle h2 {padding:2.5vw;}
#product-hero .landingIntro h2 {padding:2.5vw;}
body.id-home #product-hero .landingIntro h2 {padding:2.5vw 2.5vw 15px;}
#product-hero .landingIntro .meta {padding:0 2.5vw 2.5vw;}
#product-hero .landingVisual {position: absolute;top:0;bottom:0;right:0;width:50%;background: rgba(0,0,0,0.05);}
#product-hero .landingVisual .visual {}
#product-hero .landingVisual img, #product-hero .landingVisual video {object-fit: cover;height: 100%;width:100%;position: absolute;top:0;}

#filter {height:50px;line-height:50px;border-bottom: 1px solid rgba(56,73,66,0.25);position: relative;}
#filter .filter {position: absolute;left:2.5vw;cursor: pointer;}
#filter .filter:after {content:"+";margin-left:5px;}
#filter .filter:hover:after {content:"–";}
body.filter-open #filter .filter:after {content:"–";}
#filter .sort {position: absolute;right:2.5vw;cursor: pointer;}
#filter .sort:after {content:"+";margin-left:5px;}
#filter .sort:hover:after {content:"–";}
body.sort-open #filter .sort:after {content:"–";}

#filter-open {display: none;}
#filter-open .block {position: relative;border-bottom: 1px solid rgba(56,73,66,0.25);}
#filter-open ul {list-style: none;margin:20px 2.5vw 15px 185px;padding:0;position: relative;}
#filter-open li {position: relative;display: inline-block;margin-right:50px;text-align: center;opacity: 50%;cursor: pointer;vertical-align: bottom;padding:0;margin-bottom: 5px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
#filter-open li:last-child {margin-right:2.5vw!important;}
#filter-open .filterTitle {width: 185px;text-align: left;margin-right: 0px;position: absolute;top:-20px;bottom:0;opacity: 0.5;}
#filter-open .filterTitle .t {text-align: left;margin-left: 2.5vw;}
#filter-open li:hover, #filter-open li.is-checked {opacity: 1;}
#filter-open li .typeIMG {margin-bottom: 5px;}
#filter-open li .typeIMG img {height:100px;width:auto;}
#filter-open ul.button li {margin-right: 5px;}
#filter-open li .typeTitle.button {padding:5px 10px;border-radius: 10px;border: 1px solid rgba(56,73,66,0.5);}
#filter-open li:hover .typeTitle.button, #filter-open li.is-checked .typeTitle.button {border: 1px solid rgba(56,73,66,0);background:var(--green);color: var(--sand);}

#sort-open {display: none;}
#sort-open .block {position: relative;border-bottom: 1px solid rgba(56,73,66,0.25);}
#sort-open ul {list-style: none;margin:20px 2.5vw 15px 185px;padding:0;position: relative;}
#sort-open li {position: relative;display: inline-block;margin-right:50px;text-align: center;opacity: 50%;cursor: pointer;vertical-align: bottom;padding:0;margin-bottom: 5px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
#sort-open li:last-child {margin-right:2.5vw!important;}
#sort-open .filterTitle {width: 185px;text-align: left;margin-right: 0px;position: absolute;top:-20px;bottom:0;opacity: 0.5;}
#sort-open .filterTitle .t {text-align: left;margin-left: 2.5vw;}
#sort-open li:hover {opacity: 1;}
#sort-open ul.button li {margin-right: 5px;}
#sort-open li .typeTitle.button {padding:5px 10px;border-radius: 10px;border: 1px solid rgba(56,73,66,0.5);}
#sort-open li:hover .typeTitle.button {border: 1px solid rgba(56,73,66,0);background:var(--green);color: var(--sand);}

/* * Shopify * */

.shopify-button {opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    text-transform: uppercase;
    font-size: 15px;letter-spacing: .3px;border-radius: 3px;font-family: Roboto, sans-serif;
    background-color: #000000;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;text-transform: uppercase;text-align: center;color: #fff;height: 42px;line-height: 42px;
    cursor: pointer;
}
.shopify-button:hover {opacity: 1;}

.shopify-buy-frame--product {max-width: none!important;}
.shopify-buy__btn {width: 100%!important;padding-left:0px!important;padding-right: 0px!important;}

button.shopify-buy__btn {background-color: pink!important;}



.shopify-button-empty {font-size: 15px;letter-spacing: .3px;border-radius: 3px;font-family: Roboto, sans-serif;
    background-color: #000000;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;text-transform: uppercase;text-align: center;color: #fff;height: 42px;opacity: 0.25;line-height: 42px;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(170, 155, 95,0.5);
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: rgba(170, 155, 950,0.5);
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: rgba(170, 155, 95,0.5);
  }
  :-moz-placeholder { /* Firefox 18- */
    color: rgba(170, 155, 95,0.5);
  }

/* * Mailchimp * */ 
.newsletter-signup {background: #fff;border-bottom: 1px solid rgba(170,155,95,0.25);}
.mailchimp {color: var(--gold);margin:0 auto;max-width:600px;padding:2.5vw 20px;border-top-left-radius: 8px 8px;border-top-right-radius: 8px 8px;}
input#mce-EMAIL {border: 1px solid rgba(170,155,95,0.25);text-align: left;width: 92%;font-family: 'Maison Neue Medium', sans-serif;font-size:14px;line-height:1.5;letter-spacing:1px;text-transform: uppercase;padding:5px 5px 5px 10px;height: 22px;color: var(--gold);}
input#mc-embedded-subscribe {background: var(--sandAlt);color: var(--gold);position: absolute;right: 0;padding: 9px 9px 9px 9px;font-size:12px;letter-spacing:1px;border:0px;}
input#mc-embedded-subscribe:hover {background: var(--gold);color: var(--sandAlt);}
#mce-success-response {text-align: center;width: 95%;font-family: 'Maison Neue Medium', sans-serif;font-size:14px;line-height:1.5;letter-spacing: 1px;text-transform: uppercase;padding:5px;}
#mc_embed_signup {width:100%!important;}
.mc-field-group {position: relative;}
#mce-responses {margin-top:0px;}
#mc-embedded-subscribe {cursor: pointer;font-family: 'FKGroteskNeue-Bold', sans-serif;font-size:14px;text-transform: uppercase;}
p.sign-up {margin-bottom:5px;}
#mc_embed_signup div.mce_inline_error {margin-bottom:0px!important;}


/* * Journal Overview * */

#grid-journal {font-size: 0;text-align: center;display:inline-block;margin:5vw 1.25vw;text-align: left;display: block;}
#grid-journal a {width: 25%;display: inline-block;margin-bottom: 10vw;}
#grid-journal a .i {margin:0 1.25vw;}
#grid-journal .visual_item {width:100%;vertical-align: middle;display: inline-block;vertical-align: top;}
#grid-journal .visual_item .rel {overflow: hidden;border-radius: 8px;padding-bottom: 133%;}
#grid-journal .visual_item img, #grid-journal .visual_item video {width:100%;height: 100%;object-fit: cover;position: absolute;left: 0;right: 0; /*filter: blur(0) grayscale(100%); -webkit-filter: blur(0) grayscale(100%);*/}
#grid-journal .visual_item span {margin:10px 0;display: block;}
#grid-journal .visual_item .ambassador {margin:10px 0 0;text-align: center;}
#grid-journal .visual_item .ambassador-title {opacity: 0.5;text-align: center;}

/* * Ambassador Milestones * */
body.template-ambassadors-single #grid-journal {white-space: nowrap;}
body.template-ambassadors-single #grid-journal a {width: 25%;}
body.template-ambassadors-single #grid-journal a .uppercase {white-space: initial;}


/* #grid-journal .visual_item .rel:after {content: "";position: absolute;top:0;bottom: 0;left: 0;right: 0;background: var(--mint);mix-blend-mode: multiply;z-index: 666;pointer-events: none;} 
#grid-journal .visual_item:hover img, #grid-journal .visual_item:hover video {filter: blur(0) grayscale(0);-webkit-filter: blur(0) grayscale(0);}
#grid-journal .visual_item img, #grid-journal .visual_item video {
-webkit-transition: filter 0.4s linear;
-moz-transition: filter 0.4s linear;
transition: filter 0.4s linear;
}
#grid-journal .visual_item:hover .rel:after {opacity: 0;;}
#grid-journal .visual_item:hover .rel:after {
    -webkit-transition: opacity 0.4s linear;
-moz-transition: opacity 0.4s linear;
transition: opacity 0.4s linear;
}
*/

/*
#grid-journal .visual_item.landscape {max-width:750px;}
#grid-journal .visual_item.square {max-width:700px;}
#grid-journal .visual_item.portrait {max-width:500px;}
*/



/* * Education Overview * */

body.template-education-overview .visual_item .rel:after, body.template-education-single .visual_item .rel:after {content: "";position: absolute;top:0;bottom: 0;left: 0;right: 0;background: var(--sand);mix-blend-mode: multiply;z-index: 666;pointer-events: none;} 

/*
body.template-education-overview .visual_item img, body.template-education-overview .visual_item video,
body.template-education-single .visual_item img, body.template-education-single .visual_item video {filter: blur(0) grayscale(100%);-webkit-filter: blur(0) grayscale(100%);}
*/

body.id-vitabiotics-brains-cbd .visual_item img, body.id-vitabiotics-brains-cbd .visual_item video {filter: blur(0) grayscale(0)!important;-webkit-filter: blur(0) grayscale(0)!important;}
body.id-vitabiotics-brains-cbd .next {display: none;}



/* * Made Better * */
.mb-hero-vid {position: relative;}
.mb-hero-vid img, .mb-hero-vid video {object-fit: cover;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.mb-hero-vid .mb-visual {padding: 10vw;position: relative;z-index: 10;margin-top:5vw;}
.mb-hero-vid .mb-visual .rel {padding-bottom: 56.25%;}
.mb-hero-vid .mb-visual .rel iframe {position: absolute;top: 0;left: 0;height: 100%;width: 100%;}

.mb-people-single {border-bottom: 1px solid var(--greenAlt);}
.mb-people-single img {mix-blend-mode: multiply;filter: blur(0) grayscale(0)!important;-webkit-filter: blur(0) grayscale(0)!important;}
.mb-people-single .mb-people-text {padding: 5vw;}
.mb-people-single .mb-people-text .pre {margin-bottom: 20px;max-width: 450px;}
.mb-people-single .mb-people-text h1 {margin-bottom: 10px;}
.mb-people-single .mb-people-text .post {margin-bottom: 20px;max-width: 450px;}
.mb-people-single .mb-people-text.quote {max-width: 750px;margin: 0 auto;}
.rButton {padding: 5px 10px;border-radius: 10px;border: 1px solid rgba(56,73,66,0.5);display: inline-block;}
.rButton:hover {border: 1px solid rgba(56,73,66,0);background: var(--green);color: var(--sand);}
.mb-images {font-size: 0;line-height: 0;}
.mb-images-single {display: inline-block;width: 50%;margin-bottom: 0;vertical-align: top;}


/* * Made Better Grid of Images * */
.mb-people-single:nth-child(1) .mb-images .mb-images-single:nth-child(1) {width: 50%;}
.mb-people-single:nth-child(1) .mb-images .mb-images-single:nth-child(2) {width: 30%;margin-left:20%;}
.mb-people-single:nth-child(1) .mb-images .mb-images-single:nth-child(3) {width: 45%;margin-left:10%;}
.mb-people-single:nth-child(1) .mb-images .mb-images-single:nth-child(4) {width: 30%;margin-left:10%;margin-top:25%;}

.mb-people-single:nth-child(2) .mb-images .mb-images-single:nth-child(1) {width: 50%;margin-right:0%;vertical-align: middle;}
.mb-people-single:nth-child(2) .mb-images .mb-images-single:nth-child(2) {width: 35%;margin-left:15%;vertical-align: middle;}
.mb-people-single:nth-child(2) .mb-images .mb-images-single:nth-child(3) {width: 45%;margin-left:10%;vertical-align: bottom;}
.mb-people-single:nth-child(2) .mb-images .mb-images-single:nth-child(4) {width: 30%;margin-left:10%;vertical-align: bottom;}

.mb-people-single:nth-child(3) .mb-images .mb-images-single:nth-child(1) {width: 45%;margin-right:5%;vertical-align: middle;}
.mb-people-single:nth-child(3) .mb-images .mb-images-single:nth-child(2) {width: 45%;margin-left:5%;vertical-align: middle;}
.mb-people-single:nth-child(3) .mb-images .mb-images-single:nth-child(3) {width: 35%;margin-left:10%;vertical-align: middle;margin-top:-5%;}
.mb-people-single:nth-child(3) .mb-images .mb-images-single:nth-child(4) {width: 35%;margin-left:10%;vertical-align: middle;}

.mb-people-single:nth-child(4) .mb-images .mb-images-single:nth-child(1) {width: 35%;margin-right:15%;vertical-align: bottom;margin-bottom: 10%;}
.mb-people-single:nth-child(4) .mb-images .mb-images-single:nth-child(2) {width: 50%;margin-left:0%;vertical-align: bottom;margin-bottom: 10%;}
.mb-people-single:nth-child(4) .mb-images .mb-images-single:nth-child(3) {width: 45%;margin-left:5%;vertical-align: top;}
.mb-people-single:nth-child(4) .mb-images .mb-images-single:nth-child(4) {width: 25%;margin-left:10%;vertical-align: top;}


.made-better-archive {display: block;padding: 5vw 0;}
.made-better-archive a {width: 50%;display: inline-block;}
.made-better-archive a .i {padding: 2.5vw;}
.made-better-archive a .i .rel {padding-bottom: 65%;overflow: hidden;border-radius: 8px;}
.made-better-archive a .i .rel img, .made-better-archive a .i .rel video {object-fit: cover;height: 100%;width: 100%;position: absolute;top:0;left:0;}
.made-better-archive a .i h3 {margin-top:15px;}
.made-better-archive h3.archive {padding:0 2.5vw 5vw;width: 65%;}

/* * Flexi page * */

.flexi .rel {overflow: hidden;border-radius: 5px;}


body.template-journal-single, body.template-journal-overview, body.template-journal-tag, body.template-made-better-single, body.template-made-better-overview {background: var(--mint);}
body.template-journal-single #main, body.template-journal-overview #main, body.template-journal-tag #main, body.template-ambassadors-overview #main, body.template-ambassadors-single #main, body.template-made-better-single #main, body.template-made-better-overview #main {margin: 175px 0 0;padding-bottom: 5vw;}
body.template-journal-single .header-mini #bk, body.template-journal-overview .header-mini #bk, body.template-journal-tag .header-mini #bk, body.template-made-better-single .header-mini #bk, body.template-made-better-overview .header-mini #bk {background: var(--mint);}

body.template-education-single #main, body.template-education-overview #main {margin: 275px 5vw 0;padding-bottom: 5vw;}

#main .title {text-align: center;border-bottom: 1px solid var(--greenAlt);position: relative;}
#main .title a {color:inherit;text-decoration:none;border-bottom:1px solid inherit;opacity: 1;}
#main .title a:hover {color:inherit;text-decoration:none;border-bottom:1px solid transparent;opacity: 0.5;}
#main .title a {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
body.template-ambassadors-single #main .title {padding-bottom: 10px;}
body.template-ambassadors-single #main .title .byline, body.template-ambassadors-overview #main .title .byline, body.template-journal-single #main .title .byline {opacity: 0.5;}
body.template-ambassadors-single .flexi {border-bottom: 1px solid var(--greenAlt);padding: 0 5vw;}
body.template-ambassadors-single .next .visual_item {width: 25%;display: inline-block;vertical-align: middle;}
body.template-ambassadors-single .next h2 {display: inline-block;vertical-align: middle;margin-left:20px;}
body.template-ambassadors-single .next .rel {overflow: hidden;border-radius: 8px;padding-bottom: 133%;}
body.template-ambassadors-single .next .rel img, body.template-ambassadors-single .next .rel video {object-fit: cover;height: 100%;width: 100%;}
ul.button-style {margin:15px 0;padding:0;list-style: none;text-align: center;}
ul.button-style li {padding: 5px 10px;border-radius: 10px;border: 1px solid rgba(56,73,66,0.5);display: inline-block;margin:0 2px;}
ul.button-style li:hover {border: 1px solid rgba(56,73,66,1);background:rgba(56,73,66,1);color:var(--mint);display: inline-block;}
.pre-title {position: absolute;top:-40px;left:0;right:0;}
.post-title {margin-bottom: 15px;display: block;}
h1.page-title {margin: 0 auto 10px;width: 60%;}
h2.intro {max-width: 900px;margin:5vw auto 0;text-align: center;}


.flexi {margin-top:5vw;}
.flexi .block {display: block;margin-bottom: 5vw;}
.flexi .block.text {max-width: 750px;margin: 0 auto 5vw;}
.flexi .block.text p {font-family: 'Maison Neue Light',sans-serif;}
.flexi .block.text p b {font-family: 'Maison Neue Medium',sans-serif;}
.flexi .block.text h1, .flexi .block.text h2, .flexi .block.text h3 {margin-bottom: 1.5em;}
.flexi .block.text h1 {margin-left:-200px;margin-right: -200px;}
.flexi .block.visual {margin: 0 auto 5vw;}
.flexi .block.visual img, .flexi .block.visual video {width: 100%;height: auto;position: absolute;top:0;left:0;}
.flexi .block.visual img.svg {position: relative;top:inherit;left:inherit;}

.flexi h1 {font-family:'Nib','Maison Neue Light', sans-serif;font-size:42px;line-height: 1.2;padding:0;margin:0;font-weight: normal;}
.flexi h2 {font-family:'Nib','Maison Neue Light', sans-serif;font-size:24px;line-height: 1.2;padding:0;margin:0;font-weight: normal;}
.flexi h3 {font-family:'Maison Neue Medium', sans-serif;font-size:18px;padding:0;margin:0;font-weight: normal;letter-spacing: 2px;text-transform: uppercase;text-align: center;}





.flexi p + h2 {margin-top:3em}
.flexi a {color:inherit;text-decoration:none;border-bottom:1px solid rgba(56, 73, 66,0.4);opacity: 1;}
.flexi a:hover {color:inherit;text-decoration:none;border-bottom:1px solid rgba(56, 73, 66,1);opacity: 1;}

.flexi ol {font-family: 'Maison Neue Light',sans-serif;}
.flexi ol li p {margin-bottom: 0px;}

.flexi .block.visual.items-1 .visual_item.landscape {max-width:1280px;margin:0 auto;}
.flexi .block.visual.items-1 .visual_item.square {max-width:800px;margin:0 auto;}
.flexi .block.visual.items-1 .visual_item.portrait {max-width:800px;margin:0 auto;}

.flexi .block.visual.items-1.full-screen .visual_item.landscape {max-width:inherit;margin:0 auto;margin-left:-5vw;margin-right:-5vw;}
.flexi .block.visual.items-1.full-screen .visual_item.square {max-width:inherit;margin:0 auto;margin-left:-5vw;margin-right:-5vw;}
.flexi .block.visual.items-1.full-screen .visual_item.portrait {max-width:inherit;margin:0 auto;margin-left:-5vw;margin-right:-5vw;}
.flexi .block.visual.items-1.full-screen .visual_item .rel {border-radius: 0px;}


.flexi .block.visual.items-2 {font-size: 0;text-align: center;margin-left:-5vw;margin-right:-5vw;}
.flexi .block.visual.items-2 .visual_item {width:100%;vertical-align: middle;display: inline-block;}
.flexi .block.visual.items-2 .visual_item.landscape {max-width:650px;margin:0 1.5vw;}
.flexi .block.visual.items-2 .visual_item.square {max-width:500px;margin:0 1.5vw;}
.flexi .block.visual.items-2 .visual_item.portrait {max-width:500px;margin:0 1.5vw;}

.flexi .block.svg {text-align: center!important;}

.flexi .block.html {max-width: 1280px;margin: 0 auto 5vw;}
.flexi .videoframe {position: relative;overflow: hidden;padding-top: 56.25%;border-radius: 5px;}
.flexi .videoframe.ratio-16x9 {padding-top: 56.25%;}
.flexi .videoframe.ratio-9x16 {padding-top: 177.78%}
.flexi .videoframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

.next {text-align: right;margin-top: 10vw;padding: 0 5vw;}
.next #post-title-next {display: inline-block;}

body.template-influencer-page .flexi .block.text {max-width: 750px;margin: 0 auto 5vw;padding:0 5vw;}
body.template-influencer-page .flexi .block.visual {padding:0 5vw;}
body.template-influencer-page .flexi .influ-block {border-bottom: 0px solid var(--greenAlt);margin-bottom: 5vw;}
body.template-influencer-page .flexi {margin-bottom: 5vw;}

ul {margin:0 1em 2em;padding: 0;}


.flexi .block.divider {border-bottom: 1px solid var(--greenAlt);margin-bottom: 5vw;}

/* * Product Single * */
body.template-product-single #product-hero {height: calc(100vh - 70px);position: relative;}
#product-hero {height: calc(100vh);position: relative;}
#product-hero.text-green {color:var(--green);}
#product-hero.text-mint {color:var(--mint);}
#product-hero.text-white {color:rgba(255,255,255,0.75);}

#product-hero #product-info {position: absolute;bottom:2.5vw;left:2.5vw;width:300px;z-index: 10;}
#product-hero #product-info .name {display: block;}
#product-hero #product-info .strength {display: inline-block;}
#product-hero #product-info .type {display: inline-block;margin-left:10px;}
body.product-oil #product-info .type:after {content: "CBD Oil";}
body.product-oil-plus #product-info .type:after {content: "CBD Oil";}
body.product-capsules #product-info .type:after {content: "CBD Capsules";}
body.product-capsules-plus #product-info .type:after {content: "CBD Capsules";}
body.product-spray #product-info .type:after {content: "CBD Spray";}
body.product-cream #product-info .type:after {content: "CBD Skin Cream";}
body.product-balm #product-info .type:after {content: "CBD Body Balm";}
#product-hero #product-info .v {position: relative;cursor: pointer;}
#product-hero #product-info .v.count-1 .button {display: none!important;}
#product-hero #product-info ul {list-style: none;margin:10px 0 10px 0;padding:8px 0 8px 0;font-size:0;line-height: 0;z-index: 0;}
#product-hero.text-green #product-info ul li.active .c {border:2px solid var(--green)!important;}
#product-hero.text-mint #product-info ul li.active .c {border:2px solid var(--mint)!important;}
#product-hero.text-white #product-info ul li.active .c {border:2px solid #fff!important;}
#product-hero #product-info ul li.active .uppercase {opacity: 1;}
#product-hero #product-info ul li {width: 50%;display: inline-block;line-height: 18px;position: relative;}

#product-hero.item-type-capsules #product-info ul li, 
#product-hero.item-type-cream #product-info ul li,
#product-hero.item-type-spray #product-info ul li {width: 100%;}

#product-hero #product-info ul li .c {width: 14px;height:14px;border-radius: 50%;display: inline-block;margin-right:8px;transform: translateY(4px);}
#product-hero #product-info ul li .uppercase {display: inline-block;opacity: 0.5;}

#product-hero #product-info ul li:hover .c {border:2px solid #fff!important;}
#product-hero #product-info ul li:hover .uppercase {opacity: 1;}

#product-hero #product-info .button {cursor: pointer;display: none; z-index:10;content: "";position: absolute;right:0;top:11px;width:20px;height: 20px;border: 1px solid;border-radius: 50%; text-align: center;line-height: 20px;
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
}
#product-hero #product-info .button:before {width:10px;height:1px;content:"";position: absolute;left:50%;top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
#product-hero #product-info .button:after {height:10px;width:1px;content:"";position: absolute;left:50%;top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

body.full-var-open #product-hero #product-info .button {transform: rotate(45deg);}

#product-hero.text-green #product-info .button:before, #product-hero.text-green #product-info .button:after {background:var(--green);}
#product-hero.text-mint #product-info .button:before, #product-hero.text-mint #product-info .button:after {background:var(--mint);}
#product-hero.text-white #product-info .button:before, #product-hero.text-white #product-info .button:after {background:rgba(255,255,255,0.75);}




#product-hero #product-meta {position: absolute;bottom:2.5vw;right:2.5vw;width:300px;z-index: 10;}
#product-hero #product-meta .IngFullTitle {margin:10px 0 0 0;padding:10px 0 10px 0;cursor: pointer;position: relative;}
#product-hero #product-meta .button {content: "";position: absolute;right:0;top:9px;width:20px;height: 20px;border: 1px solid;border-radius: 50%; text-align: center;line-height: 20px;
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
}
#product-hero #product-meta .button:before {width:10px;height:1px;content:"";position: absolute;left:50%;top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
#product-hero #product-meta .button:after {height:10px;width:1px;content:"";position: absolute;left:50%;top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
body.full-info-open #product-hero #product-meta .IngFullTitle .button {transform: rotate(45deg);}
body.full-direct-open #product-hero #product-meta .prodDirTitle .button {transform: rotate(45deg);}

#product-hero.text-green #product-meta .button:before, #product-hero.text-green #product-meta .button:after {background:var(--green);}
#product-hero.text-mint #product-meta .button:before, #product-hero.text-mint #product-meta .button:after {background:var(--mint);}
#product-hero.text-white #product-meta .button:before, #product-hero.text-white #product-meta .button:after {background:rgba(255,255,255,0.75);}

#product-hero #product-meta .IngFullTitle:hover .button {transform-origin: center;transform: rotate(90deg);}
#product-hero #product-meta .IngFull {display: none;}
#product-hero #product-meta .IngFull ul {list-style: none;white-space: nowrap;font-size: 0;line-height: 0;margin:0;padding:0;position: relative;}
#product-hero #product-meta .IngFull li div {display: inline-block;line-height: 1.2;white-space:initial;vertical-align: top;}
#product-hero #product-meta .IngFull li .ing {width: auto;margin-right: 110px;}
#product-hero #product-meta .IngFull li .st {width:50px;text-align: right;position: absolute;right:50px;}
#product-hero #product-meta .IngFull li .nrv {width:50px;text-align: right;position: absolute;right:0;}
#product-hero #product-meta .IngFull li .ing.no-NRV-content {margin-right:60px;}
#product-hero #product-meta .IngFull li .st.no-NRV-content {right:0;}
#product-hero #product-meta .IngFull li .nrv.no-NRV-content {display: none;}
#product-hero #product-meta .prodDirTitle {margin:0 0 10px 0;padding:10px 0 10px 0;cursor: pointer;position: relative;}
#product-hero #product-meta .prodDirTitle:hover .button {transform-origin: center;transform: rotate(90deg);}
#product-hero #product-meta .prodDir {display: none;}

body.extra-open #product-extra {opacity: 1;pointer-events: all;}
body.extra-open .overlay {opacity: 1;pointer-events: all;cursor: pointer;}
body.extra-open {overflow: hidden;}

#product-extra {opacity: 0;pointer-events: none;position: fixed;top:0;bottom:0;left:0;right:0;z-index: 999}
#product-extra.text-green {color:var(--green);}
#product-extra.text-mint {color:var(--mint);}
#product-extra.text-white {color:rgba(255,255,255,0.75);}
#product-extra .IngFull {position: absolute;top:0;left:0;bottom:0;width: 50%;z-index: 999;}
#product-extra .IngFullTitle {margin:10px 0 10px 0;padding:10px 0 10px 0;}
#product-extra .IngFull .t {width: 75%;text-align: inherit;}
#product-extra .IngFull ul {list-style: none;white-space: nowrap;font-size: 0;line-height: 0;margin:0;padding:0;position: relative;}
#product-extra .IngFull li div {display: inline-block;line-height: 1.2;white-space:initial;vertical-align: top;}
#product-extra .IngFull li .ing {width: auto;margin-right: 110px;}
#product-extra .IngFull li .st {width:50px;text-align: right;position: absolute;right:50px;}
#product-extra .IngFull li .nrv {width:50px;text-align: right;position: absolute;right:0;}
#product-extra .IngFull li .ing.no-NRV-content {margin-right:60px;}
#product-extra .IngFull li .st.no-NRV-content {right:0;}
#product-extra .IngFull li .nrv.no-NRV-content {display: none;}
#product-extra .IngFull li .other {width:100%;margin-top:10px;padding-top:10px;}
#product-extra .IngFull .IngFullList {line-height: 1.3;}
#product-extra .prodDirTitle {margin:10px 0 10px 0;padding:10px 0 10px 0;}
#product-extra .prodDir {line-height: 1.3;margin-bottom: 50px;}


#product-extra.text-green .topline, #product-hero.text-green .topline {border-top:1px solid var(--green);}
#product-extra.text-mint .topline, #product-hero.text-mint .topline {border-top:1px solid var(--mint);}
#product-extra.text-white .topline, #product-hero.text-white .topline {border-top:1px solid rgba(255,255,255,0.75);}
#product-extra.text-green .underline, #product-hero.text-green .underline {border-bottom:1px solid var(--green);}
#product-extra.text-mint .underline, #product-hero.text-mint .underline {border-bottom:1px solid var(--mint);}
#product-extra.text-white .underline, #product-hero.text-white .underline {border-bottom:1px solid rgba(255,255,255,0.75);}



#product-hero #product-gallery {position:absolute;top:0;right:25%;left:25%;bottom:0;z-index: 1;}
#product-hero #product-gallery .slide {position:absolute;top:0;right:0;left:0;bottom:0;}
#product-hero #product-gallery .slide img {
    width: auto;
    max-width: 75%;
    max-height: 75%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0px!important;
    padding: 0px!important;
    z-index: 10;
}

#product-secondary {position: relative;}
#product-secondary #bk {position: absolute;top:0;bottom: 0;left:0;right: 0;opacity: 0.25;}
body.template-about #product-secondary #bk {opacity: 1;}
body.template-about #product-secondary #prodEditoral {margin-left: 50%;}
body.template-about #prodIntro {right:inherit;left:0;bottom: 0;}
body.template-about #prodIntro .t {text-align: left;}
body.product-cream #product-secondary, body.product-roll-on #product-secondary {color:var(--green)!important;}
body.product-cream svg#brainsInside g path, body.product-roll-on svg#brainsInside g path {fill:var(--green)!important;}
body.product-cream #product-secondary #bk, body.product-roll-on #product-secondary #bk {background: #fff!important;opacity: 1!important;}
#product-secondary #prodIntro {padding:0;width: 50%;position: absolute;z-index: 10;right:0;top:0;}
#product-secondary #prodIntro h2 {padding:2.5vw;}
#product-secondary #prodEditoral {padding:0;width:50%;}
#product-secondary #prodEditoral .editoralImg {padding-top:120%;background: rgba(0,0,0,0.05);position: relative;}
#product-secondary #prodEditoral .editoralImg img, #product-secondary #prodEditoral .editoralImg video {object-fit: cover;height: 100%;width:100%;position: absolute;top:0;}
#product-secondary #prodAPI {padding:0;width: 50%;position: absolute;right:0;bottom: 0;}
#product-secondary #prodAPI .apiLogo {padding: 0 2.5vw 0;width:125px;}
#product-secondary #prodAPI .apiTitle {padding: 20px 2.5vw 0;}
#product-secondary #prodAPI .apiText {padding: 10px 2.5vw 2.5vw;line-height: 1.3;}
#product-secondary #prodAPI .apiText a {border-bottom:1px solid rgba(0,0,0,0.25);opacity: 0.5;}
#product-secondary #prodAPI .apiText a:hover {opacity: 1;}

#related-prod {padding:2.5vw 0;}
#related-prod h2 {margin: 0 2.5vw 2.5vw;}
.related-product {white-space: nowrap;overflow-x: scroll;}
.related-product .grid-item:first-child {margin-left:0;}
.related-product .grid-item {width:22%!important;}

/* US Products ONLY Live */
body.id-home .related-product .grid-item {width:22.25%!important;}



/* * Header / Hamburger Menu * */

#header {}

/* * Top * */ 
.header-mini {position: fixed;left:0;right: 0;top:0;z-index: 222;}

.header-mini.text-green .hamburger-inner::before, .header-mini.text-green .hamburger-inner::after {background-color:var(--green);}
.header-mini.text-mint .hamburger-inner::before, .header-mini.text-mint .hamburger-inner::after {background-color:var(--mint);}
.header-mini.text-white .hamburger-inner::before, .header-mini.text-white .hamburger-inner::after {background-color:rgba(255,255,255,0.75);}
body.id-home .header-mini.text-white .hamburger-inner::before, body.id-home .header-mini.text-white .hamburger-inner::after {background-color:rgba(255,255,255,1);}
body.id-home.scrolled .header-mini.text-white .hamburger-inner::before, body.id-home.scrolled .header-mini.text-white .hamburger-inner::after {background-color:var(--green);}

.header-mini #logo {position: fixed;top:2.5vw;left:2.5vw;z-index: 333;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.header-mini.text-green #logo svg#wordmark g path {fill:var(--green)!important;}
.header-mini.text-mint #logo svg#wordmark g path {fill:var(--mint)!important;}
.header-mini.text-white #logo svg#wordmark g path {fill:rgba(255,255,255,0.75)!important;}
body.id-home .header-mini.text-white #logo svg#wordmark g path {fill:rgba(255,255,255,1)!important;}

.header-mini #logo-mini {width:135px;position: absolute;top:19px;left:2.5vw;z-index: 333;opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s, transform 0.4s linear;
    -moz-transition: opacity 0.2s linear 0.5s, transform 0.4s linear;
    transition: opacity 0.2s linear 0.5s, transform 0.4s linear;
}

.header-mini #bk {position: absolute;top:0px;right:0;left:0;height: 70px; z-index: 222;background:var(--sand);opacity: 0;border-bottom:0px solid rgba(56,73,65,0.25);
    -webkit-transition: opacity 0.2s linear 0.5s, transform 0.4s linear;
    -moz-transition: opacity 0.2s linear 0.5s, transform 0.4s linear;
    transition: opacity 0.2s linear 0.5s, transform 0.4s linear;
}


/* * Top * */ 
.header-mini.headroom--top #menu {top:53px!important;}
.header-mini.headroom--top #bk {opacity: 0!important;
    -webkit-transition: opacity 0.2s linear 2s, transform 0.4s linear;
    -moz-transition: opacity 0.2s linear 2s, transform 0.4s linear;
    transition: opacity 0.2s linear 2s, transform 0.4s linear;
    transform: translateY(-8vw);
}
.header-mini.text-green.headroom--top .hamburger-inner::before, .header-mini.text-green.headroom--top .hamburger-inner::after {background-color:var(--green)!important;}
.header-mini.text-mint.headroom--top .hamburger-inner::before, .header-mini.text-mint.headroom--top .hamburger-inner::after {background-color:var(--mint)!important;}
.header-mini.text-white.headroom--top .hamburger-inner::before, .header-mini.text-white.headroom--top .hamburger-inner::after {background-color:rgba(255,255,255,0.75)!important;}
.header-mini.headroom--top #logo {opacity: 1!important;pointer-events: all!important;}
.header-mini.headroom--top #logo-mini {opacity: 0!important;
    -webkit-transition: opacity 0.2s linear 2s, transform 0.4s linear;
    -moz-transition: opacity 0.2s linear 2s, transform 0.4s linear;
    transition: opacity 0.2s linear 2s, transform 0.4s linear;
    transform: translateY(-8vw);
}


/* * Scrolling * */ 
.header-mini.headroom--unpinned {transform: translateY(-8vw);}
.header-mini.headroom--unpinned #menu {top:20px;}
.header-mini.headroom--unpinned #bk {opacity: 1;}
.header-mini.text-green.headroom--unpinned .hamburger-inner::before, .header-mini.text-green.headroom--unpinned .hamburger-inner::after {background-color:var(--green);}
.header-mini.text-mint.headroom--unpinned .hamburger-inner::before, .header-mini.text-mint.headroom--unpinned .hamburger-inner::after {background-color:var(--green);}
.header-mini.text-white.headroom--unpinned .hamburger-inner::before, .header-mini.text-white.headroom--unpinned .hamburger-inner::after {background-color:var(--green);}
.header-mini.headroom--unpinned #logo {opacity: 0;pointer-events: none;}
.header-mini.headroom--unpinned #logo-mini {opacity: 1;}

/* * Pinned * */ 
.header-mini.headroom--pinned {transform: translateY(0%);}
.header-mini.headroom--pinned #menu {top:20px;}
.header-mini.headroom--pinned #bk {opacity: 1;}
.header-mini.text-green.headroom--pinned .hamburger-inner::before, .header-mini.text-green.headroom--pinned .hamburger-inner::after {background-color:var(--green);}
.header-mini.text-mint.headroom--pinned .hamburger-inner::before, .header-mini.text-mint.headroom--pinned .hamburger-inner::after {background-color:var(--green);}
.header-mini.text-white.headroom--pinned .hamburger-inner::before, .header-mini.text-white.headroom--pinned .hamburger-inner::after {background-color:var(--green);}
.header-mini.headroom--pinned #logo {opacity: 0;pointer-events: none;}
.header-mini.headroom--pinned #logo-mini {opacity: 1;}


.headroom {
    will-change: transform;
    transition: transform 200ms linear;
    -webkit-transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1), color 0s linear;
    -moz-transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1), color 0s linear;
    -ms-transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1), color 0s linear;
    -o-transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1), color 0s linear;
    transition: all 0.35s cubic-bezier(0.46, 0.01, 0.32, 1), color 0s linear;
}




.header-mini #menu {position: absolute;top:53px;right:2.5vw;z-index:555;
    -webkit-transition: top 0.2s linear;
    -moz-transition: top 0.2s linear;
    transition: top 0.2s linear;
}


/*
body.scrolled #header #bk {opacity: 1;}
body.scrolled #header #logo {top:20px;}
body.scrolled svg#wordmark {width:135px;}
body.scrolled svg#wordmark g#pure, body.scrolled svg#wordmark g#cbd {opacity: 0;}
body.scrolled #header #menu {top:22px;}
*/

svg#wordmark {width:245px;}
svg#wordmark g path {fill:var(--green)!important;}
svg#wordmark g {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
svg#wordmark {
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    transition: width 0.2s linear;
}


.header-big {
    background:var(--mint);
    color:var(--green);
    position: fixed;
    bottom: 0;
    left: 0;
    top:0;
    width:50%;
    z-index: 1111;
    -webkit-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    opacity: 0;
    pointer-events: none;
}

.small-links {
    position: absolute;
    bottom: 3vw;
    left: 0;
    right: 0;
    text-align: center;
}

.small-links li {display: inline-block;margin:0 10px;}

.menu-title {
    position: absolute;
    top: 3vw;
    left: 0;
    right: 0;
    text-align: center;
}

li.product-link {cursor: pointer;}

#menu-big-link {position: absolute;top:4.5vw;right:5vw;display: none;z-index: 9999999;}


.header-big li.js-button {margin: 0 5px;display: inline-block;font-family: 'Maison Neue Medium', sans-serif;font-size: 14px;line-height: 1.5;}
.header-big li.js-button .typeTitle.button {padding:5px 10px;border-radius: 10px;border: 1px solid rgba(56,73,66,0.5);}
.header-big li.js-button:hover .typeTitle.button {border: 1px solid rgba(56,73,66,0);background:var(--green);color: var(--sand);}
.header-big .sub-items {padding: 10px 0 15px;display: none;}


.overlay {
    position: fixed;top:0;bottom:0;right:0;left:0;background: rgba(0,0,0,0.25);z-index: 333;pointer-events: none;
    -webkit-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    opacity: 0;
}

#header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
body.menu-open {
    overflow: hidden;
}

body.menu-open #main {
    cursor: pointer;
    pointer-events: none;
}


body.menu-open .header-big {
    -webkit-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    opacity: 1;
    pointer-events: auto;
}

body.menu-open .overlay {
    -webkit-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: opacity 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    opacity: 1;
    pointer-events: all;
}


.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; 
    }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; 
    transform: translateY(12px);}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -10px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 2px;
    background-color: var(--green);;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
}
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px;}
  .hamburger-inner::after {
    bottom: -10px; }
.hamburger-inner {background:transparent}

.header-mini.black .hamburger-inner::before, .header-mini.black .hamburger-inner::after {background: #111;}
.header-mini.white .hamburger-inner::before, .header-mini.white .hamburger-inner::after {background: #fff;}

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }



/* * FAQ * */
#faq {max-width: 750px;margin:0 auto 10vw;color: var(--gold);}
#faq .faqtitle {text-align: center;margin-bottom: 20px;}
#faq .faqfooter {text-align: center;margin-top: 20px;}
#faq ul {margin:0;padding:0;}
#faq ul li {list-style: none;border: 1px solid var(--gold);margin-top:-1px;position: relative;}
#faq ul li:first-child {margin-top:0px;}
#faq ul li p:last-child {margin-bottom: 0px;}
#faq ul li .faqQ {padding:20px 50px 20px 20px;position: relative;cursor: pointer;}
#faq ul li .faqA {padding:0 20px 20px;display: none;}
#faq ul li .faqA p {width:75%;}
#faq .button {cursor: pointer;z-index:10;content: "";position: absolute;right:20px;top:19px;width:20px;height: 20px;border: 1px solid;border-radius: 50%; text-align: center;line-height: 20px;
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
}
#faq .button:before {width:10px;height:1px;content:"";position: absolute;left:50%;top:50%;background:var(--gold);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
#faq .button:after {height:10px;width:1px;content:"";position: absolute;left:50%;top:50%;background:var(--gold);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#faq li.active .button, .faqQ:hover .button {transform: rotate(45deg);}
body.template-product-single #faq {margin:5vw auto 10vw;}






/* * Footer * */

#footer {background: #fff;color:var(--gold);}
#footer .inner {padding:2.5vw;font-size: 0;line-height: 0;}
#footer .inner .col {width: 24%;display: inline-block;vertical-align: top;}
#footer .inner .col ul {margin: 0;padding: 0;list-style: none;}
#footer .banner {border-top: 1px solid rgba(170,155,95,0.25);padding: 0 2.5vw;height:50px;line-height: 50px;}







/* Fade In */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    	opacity:0;  /* make things invisible upon start */
    	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    	-moz-animation:fadeIn ease-in 1;
    	animation:fadeIn ease-in 1;
 
    	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    	-moz-animation-fill-mode:forwards;
    	animation-fill-mode:forwards;
 
    	-webkit-animation-duration:0.4s;
    	-moz-animation-duration:0.4s;
    	animation-duration:0.4s;

        -webkit-animation-delay:0s;
        -moz-animation-delay:0s;
        -o-animation-delay:0s;
        animation-delay:0s;

}


@media screen and (max-width: 1440px) {
    .flexi .block.visual.items-2 .visual_item.landscape {max-width:550px;}
    #grid-journal {margin:5vw 0;}
    #grid-journal a {width: 33.333%;}
    #grid-journal a .i {margin:0 2.5vw;}
    body.template-ambassadors-single #grid-journal a {width: 25%;}
}


@media screen and (max-width: 1280px) {
    .flexi .block.text h1 {margin-left:-5vw;margin-right:-5vw;}
}


@media screen and (max-width: 1220px) {
    #related-prod {padding:5vw 0;}
    .flexi .block.visual.items-2 .visual_item.landscape {max-width:450px;}
    h1 {font-size: 40px;}
    #grid .grid-item {width:33.333%;}
    .related-product .grid-item, body.id-home .related-product .grid-item {width:28%!important;}
    #claims .single-claim {width:28%;}
    .related .grid-item:first-child {margin-left:16.6%;}
    #product-secondary #prodIntro {padding:5vw;position: relative;width:auto;}
    #product-secondary #prodIntro h2 {padding:0;}
    #product-secondary #prodEditoral {padding:0 5vw 5vw;width: auto;}
    #product-secondary #prodEditoral .editoralImg {padding-top:120%;background: rgba(0,0,0,0.05);position: relative;border-radius: 5px;overflow: hidden;}
    #product-secondary #prodEditoral .editoralImg img, #product-secondary #prodEditoral .editoralImg video {object-fit: cover;height: 100%;width:100%;position: absolute;top:0;}
    #product-secondary #prodAPI {padding:0 5vw 5vw;width: auto;position: relative;}
    #product-secondary #prodAPI .apiTitle {margin-bottom: 10px;padding: 0;}
    #product-secondary #prodAPI .apiText {line-height: 1.3;padding: 0;}
    #product-secondary #prodAPI .apiLogo {padding: 0 0 20px;width:125px;}
    #product-hero .landingVisual {position: relative;width: auto;padding: 275px 5vw 5vw;background: rgba(0,0,0,0.0);}
    #product-hero .landingVisual .visual {padding-top:120%;background: rgba(0,0,0,0.05);position: relative;border-radius: 5px;overflow: hidden;}
    #product-hero .landingIntro, #product-hero .landingTitle {position: relative;width: auto;padding: 0;}
    #product-hero .landingIntro h2 {padding: 0 5vw 5vw;}
    #product-hero .landingTitle h2 {padding: 5vw 5vw 5vw;}
    #product-hero .landingIntro .meta {padding: 0 5vw 5vw;}
    #related-prod h2 {margin: 0 5vw 2.5vw;}
    #product-hero.landing {height: inherit;position: relative;}
    body.id-home #product-hero .landingVisual {margin-left:0px;padding-top:0px;}
    body.id-home #product-hero .landingIntro h2 {padding: 0 5vw 15px;}
    #home-grid {padding:5vw 5vw;}
    #home-grid .home-grid-item {width:50%!important;margin-right:0px!important;margin-left:0px!important;margin-top:0px!important;margin-bottom:5vw;}
    #home-grid .home-grid-item:nth-child(odd) {width:47%!important;margin-right:3%!important;margin-left:0px!important;margin-top:0px!important;}
    #home-grid .home-grid-item:nth-child(even) {width:47%!important;margin-right:0px!important;margin-left:3%!important;margin-top:0px!important;}
    #home-about .inner #grid-about .item:nth-child(1) {bottom:10vw;top:inherit;}
    #home-about .inner #grid-about .item:nth-child(2) {bottom: 0px;left:10vw;}
    #home-about .inner #grid-about .item:nth-child(3) {display: none;}
    #home-about .inner {padding:5vw;}
    #home-about .inner h1 {width:100%;}
    body.template-about #product-secondary #prodEditoral {margin-left: 0%;}
    body.template-about #prodIntro .t {width: 100%;}
    h1.page-title {width: 60%;}
}




@media screen and (max-width: 1023px) {
    body.template-product-single #product-hero {height: inherit!important;}
    .made-better-archive a {width: 100%;}
    .made-better-archive a .i {padding: 5vw;}
    .made-better-archive a .i .rel {padding-bottom: 65%;overflow: hidden;border-radius: 8px;}
    .made-better-archive h3.archive {padding:0 5vw 0;width: inherit;}
    #claims .uppercase {padding: 5vw 0 0 5vw;}
    #claims .claims-group {padding: 0 3.75vw 5vw;}
    #claims .single-claim {width:38%;}
    body.template-ambassadors-single #grid-journal a {width: 33.333%;}
    body.template-journal-single #main, body.template-journal-overview #main, body.template-journal-tag #main, body.template-ambassadors-overview #main, body.template-ambassadors-single #main {margin-top:190px;}
    .pre-title {position: relative;top:inherit;display: block;margin-bottom: 15px;}
    #grid-journal {margin:5vw 2.5vw;}
    #grid-journal a {width: 50%;}
    #grid-journal a .i {margin:0 2.5vw;}
    body.template-about .flexi {padding: 0 5vw 5vw;}
    body.template-product-overview .shopify-button {display: none;}
    #menu-big-link {display: block;}
    .flexi h1 {font-size:32px;line-height: 1.2;}
    .flexi h2 {}
    .flexi .block.text h1 {margin-left:0;margin-right:0;}
    .flexi .block.visual.items-2 {margin-left:0;margin-right:0;}
    .flexi .block.visual.items-2 .visual_item.landscape {margin:0;max-width: inherit;}
    .flexi .block.visual.items-2 .visual_item.square {margin:0;max-width: inherit;}
    .flexi .block.visual.items-2 .visual_item.portrait {margin:0;max-width: inherit;}
    .flexi .block.visual.items-2 .visual_item.embed {margin:0;max-width: inherit;}
    .flexi .block.visual.items-2 .visual_item {margin-bottom: 5vw!important;}
    .flexi .block.visual.items-2 .visual_item:last-child {margin-bottom: 0!important;}
    .header-big {width:100%;}
    .related .grid-item:first-child {margin-left:25%;}
    #grid .grid-item {width:50%;}
    .related-product .grid-item, body.id-home .related-product .grid-item {width:28%!important;}
    #product-hero {height: inherit;position: relative;}
    #product-hero #product-gallery, #product-hero #product-info, #product-hero #product-meta {position: relative;}
    #product-hero #product-gallery {left:0;right:0;padding-top: 120%;}
    #product-hero #product-info {width:auto;padding:0 5vw;left:0;right:0;}
    #product-hero #product-meta {width:auto;padding:10px 5vw 5vw;left:0;right:0;}
    #product-hero .keyIng {display: none;}
    #product-hero #product-meta .IngFullTitle {border-top:none;margin:0;position: relative;}
    #product-hero #product-meta .prodDirTitle {border-top:none;position: relative;}
    .header-mini #logo {left:5vw;top:5vw;}
    .header-mini #logo-mini {left:5vw;}
    .header-mini #menu {top:44px;right:5vw;}
    .header-mini.headroom--top #menu {top:44px!important;}
    .header-mini.headroom--unpinned, .header-mini.headroom--top #bk, .header-mini.headroom--top #logo-mini {transform: translateY(-100px);}
    #product-hero #product-meta .IngFull {padding:10px 0 20px;}
    #footer .inner {padding:0;}
    #footer .inner .col {display: block; padding: 2.5vw 5vw;border-bottom: 1px solid rgba(170,155,95,0.25);width: auto;}
    #footer .inner .col:nth-child(1) {padding-top: 5vw;}
    #footer .banner {border-top: 0px solid rgba(170,155,95,0.25);padding: 2.5vw 5vw;height:inherit;line-height: inherit;}
    #product-hero #product-info ul li {width: 100%;display: none;}
    #product-hero #product-info ul li.current {display: inline-block;}
    #product-hero #product-info .button {display: block;}
    #filter-open ul {margin:0px;padding:10px 5vw 5px;white-space: nowrap;overflow-x: scroll;}
    #filter-open li:last-child {margin-right:0!important;}
    #filter-open .filterTitle {position: relative;display: block;padding-top: 10px;top:0;}
    #filter-open .filterTitle .t {text-align: left;margin-left: 5vw;}
    #filter .filter {left:5vw;}
    #filter .sort {right:5vw;} 
    #sort-open ul {margin:0px;padding:10px 5vw 5px;white-space: nowrap;overflow-x: scroll;}
    #sort-open li:last-child {margin-right:0!important;}
    #sort-open .filterTitle {position: relative;display: block;padding-top: 10px;top:0;}
    #sort-open .filterTitle .t {text-align: left;margin-left: 5vw;}
    #slideshow .block .title {left:5vw;bottom:5vw;padding:0;}
    .menu-title {top:5vw;}
    .small-links {bottom: 5vw;}
    #ticker {bottom:5vw;right:5vw;}
    #counter {display: none;}
    #home-grid {padding:5vw 5vw;}
    #home-grid .home-grid-item {width:100%!important;margin-right:0px!important;margin-left:0px!important;margin-top:0px!important;margin-bottom:10vw;}
    #home-grid .home-grid-item:nth-child(odd) {width:100%!important;margin-right:0px!important;margin-left:0px!important;margin-top:0px!important;}
    #home-grid .home-grid-item:nth-child(even) {width:100%!important;margin-right:0px!important;margin-left:0px!important;margin-top:0px!important;}
    #home-about .inner .meta {margin-bottom: 40vw;}
    #home-about .inner h1 {width:100%;}
    #home-about .inner #grid-about .item:nth-child(1) {bottom:10vw;top:inherit;width: 50%;right: 0;}
    #home-about .inner #grid-about .item:nth-child(2) {bottom: 0px;left:0px;width:40%;}
    body.template-product-single #faq {margin: 10vw auto 10vw;}
    .about .aboutIntro {position: relative;z-index: 10;padding: 5vw;left: inherit;right: inherit;bottom: inherit;}
    .about .aboutBK {padding-top:50%;background: rgba(0,0,0,0.05);position: relative;overflow: hidden;}
    .about .aboutBK img, .about .aboutBK video {object-fit: cover;height: 100%;width: 100%;position:absolute;top: 0;}
    body.template-basic-page h1, body.template-basic-page .body {padding-left:5vw;padding-right: 5vw;}
}


@media screen and (max-width: 767px) {
    body.template-influencer-page .flexi .block.text h1 {text-align: left!important;}
    .related-product .grid-item, body.id-home .related-product .grid-item {width:40%!important;}
    #claims .single-claim {width:60%;}
    #claims .claims-group {padding: 0 2.5vw 5vw;}
    #claims .single-claim .s-c-p {padding: 0 2.5vw;}
    .mb-hero-vid .mb-visual {padding: 20vw 5vw;}
    body.template-ambassadors-overview h2.intro, body.template-made-better-single h2.intro, body.template-made-better-overview h2.intro  {padding: 0 5vw;font-size:24px;}
    body.template-ambassadors-single .next {text-align: right;}
    body.template-ambassadors-single .next .visual_item {width: 45%;display: block;margin-bottom: 10px;margin-left: 55%;}
    body.template-ambassadors-single .next h2 {margin-left:0px;}
    body.template-ambassadors-single #grid-journal {margin:5vw 2.5vw;}
    body.template-ambassadors-single #grid-journal a {width: 50%;}
    body.template-ambassadors-single #grid-journal a .i {margin:0 2.5vw;}
    #main .title {padding:0 5vw;}
    h1.page-title {width: 100%;}
    #grid-journal {margin:5vw 5vw;}
    #grid-journal a {width: 100%;}
    #grid-journal a .i {margin:0;}
    #grid-journal .visual_item {margin:0 0 5vw;}
    .flexi h3 {font-size:16px;}
    .flexi h1, .flexi h2 {font-size:20px;line-height: 1.3;}
    #home-hero, #slideshow {height: 80vh;}
    h1, h2 {font-size: 32px;}
    h3 {font-size: 24px;}
    body.template-about h1, body.template-journal-single #main h1.page-title {font-size: 40px;}
    .header-big h1 {font-size: 40px;}
    svg#wordmark {width: 175px;}
    .header-mini #menu {top:34px;}
    .header-mini.headroom--top #menu {top:34px!important;}
    #home-about .inner .meta {margin-bottom: 35vw;}
    #faq ul {margin: 0 5vw;}
    .about .aboutBK {padding-top:100%;}
    #main, body.template-journal-single #main, body.template-education-single #main, body.template-journal-overview #main, body.template-education-overview #main, body.template-journal-tag #main  {margin-top:195px;}
    #product-hero .landingVisual {padding-top:195px;}
    
}