/*!
Theme Name: PLEASANT
Theme URI: http://thoughtandfound.co
Author: Thought & Found
Author URI: http://thoughtandfound.co
Description: Bespoke custom theme for Pleasant State
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
*/


@media screen and (min-width: 0) {
/* – – – – – – – – – GLOBALS – – – – – – – – – */
html, body, a, p, span, h1, h2, h4, h5, h6 {
	font-family: 'brandon-grotesque', sans-serif;
	font-style: normal;
	color: #424d56;
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
  font-weight: normal;
  font-size: 40px;
  line-height: 38px;
	max-width: 520px;
	margin: auto auto 20px auto;
}

h2 {
  font-weight: normal;
  font-size: 24px;
  line-height: 27px;
}

h3 {
	font-family: 'lavigne-display', sans-serif;
	color: #424d56;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 19px;
}

p, .plain-content ul {
	font-size: 17px;
	line-height: 18px;
	font-weight: 100;
}

.oval-wrap p {
	font-size: 16px;
	line-height: 17px;
}

.plain-content ul {
	margin-bottom: 20px;
}

.plain-content ul li > ul {
  padding-left: 14px!important;
}

.plain-content ul li, .plain-content ul li > ul li {
  margin-top: 20px!important;
}

p:empty {
   display: none;
}

a:hover {
	font-weight: bold;
}

body {
	margin: 25px 0 0px 0;
}

html {
  -webkit-text-size-adjust: 100%;
	margin-bottom: 0;
}

.section {
	position: relative;
	width: 100%;
}

/* .b1.section {
	min-height: calc(100vh - 25px);
} */

.Home.b1 .txt-wrap p {
    font-size: 20px;
    line-height: 20px;
}

.section-Wrap {
	padding: 27px 20px 30px 20px;
}

.section .text p {
	max-width: 440px;
  margin: auto;
}

.b6.section .text p {
	max-width: 340px;
}

.desktop {
	display: none;
}

.CTA, p.upper {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0;
}

p.upper.no {
	font-weight: normal;
}

.CTA {
	font-weight: bold;
	background: #fec041;
	color: white;
}

.b1 .CTA {
	background: #627078;
	color: white;
}

.b1 .CTA-hov {
	bottom: 36px;
}

.b5 .CTA-hov {
	bottom: 56px;
}

.b4 .CTA-hov {
	bottom: -4px;
}

.b5 .CTA {
	background: #627078;
}

.CTA-hov {
  height: 30px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 36px;
	display: none;
}

img.hov {
  display: block;
  max-width: none;
  height: 100%;
  width: auto;
  margin: auto;
}

/* – – – – – – – – – HEADER & NAVIGATION – – – – – – – – – */
ul a, .m-toggle {
  text-transform: uppercase;
  text-decoration: none;
	color: #424d56;
	letter-spacing: 1px;
}

.m-toggle {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
}

nav.main-navigation ul li, nav.main-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-menu-Wrap {
	display: none;
}

span.sep {
  margin: 0 2px 0 5px;
}

img.word, img.word-4, img.bubble-word {
	display: none;
}

.m-toggle {
  background: #ebeced;
  height: 25px;
  font-size: 15px;
  line-height: 26px;
	cursor: pointer;
}

.m-toggle:hover {
	font-weight: bold;
}

.mobile {
	display: block;
}

.m-menu-Wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  display: none;
	background: #ebeced;
}

.mobile nav.main-navigation {
	position: fixed;
	top: 0;
	bottom: 0;
	height: 184px;
	margin: auto;
	width: 100%;
}

/* – – – – – – – – – FOOTER – – – – – – – – – */
footer#colophon {
  padding: 32px 20px 40px 20px;
	clear: both;
	overflow: hidden;
	background: #cccccc;
}

.f-logo {
  border-bottom: 1px solid black;
	padding-bottom: 30px;
  margin-bottom: 20px;
}

.f-logo img {
  width: 140px;
	display: block;
	margin: auto;
}

.f-col {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
	width: 50%;
	float: left;
	margin-bottom: 25px;
	font-weight: 100;
}

.f-col strong {
	font-weight: 500;
}

.f-col.small {
  font-size: 12px;
  line-height: 14px;
	margin-bottom: 10px;
}

.f-socials {
  margin-bottom: 7px;
}

span.copy sup {
  font-size: 6px;
}

.f-col img {
  width: 20px;
  height: 20px;
  margin: 2px 2px 0px 0px;
}
/* – – – – – – – – – POP UP – – – – – – – – – */
.pop-up {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  z-index: 20;
  width: 280px;
  height: 203px;
  margin: auto;
	display: none;
}

.pop-Back {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  z-index: 19;
  width: 100%;
  height: 100%;
  margin: auto;
	opacity: .5;
	display: none;
}

.pop-Wrap {
	padding: 10px;
}

.shared-counts-wrap.style-buttons a.shared-counts-button {
	width: 54px;
	height: 22px;
}

span.shared-counts-icon-label {
  margin-top: -4px;
  display: inline-block;
}

.shared-counts-wrap.shortcode.style-buttons {
  width: 217px;
  margin: auto;
}

.shared-counts-modal {
	border-radius: 0!important;
	box-shadow: none!important;
	width: 280px!important;
	height: 203px!important;
	left: 0!important;
	right: 0!important;
	margin: auto!important;
}

.shared-counts-modal-header {
	display: none;
}

.shared-counts-modal-content input[type="text"], .shared-counts-modal-content input[type="email"] {
  background: #D9D9D9!important;
  border: none!important;
  border-radius: 0!important;
  box-shadow: none!important;
  font-size: 14px!important;
  line-height: 16px!important;
  padding: 4px 8px!important;
  text-transform: uppercase;
}

.shared-counts-modal-content {
  padding: 10px!important;
}

.shared-counts-modal-content p {
  margin-bottom: 2px!important;
}

.shared-counts-modal-content input {
  width: 242px;
}

#shared-counts-modal-sent {
  position: relative!important;
  width: auto!important;
  text-align: center!important;
  bottom: 0!important;
  transform: none!important;
	text-transform: uppercase;
	font-family: 'brandon-grotesque', sans-serif;
	font-style: normal;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 7px;
}

.shared-counts-modal-content .shared-counts-modal-submit button {
	padding: 4px 32px!important;
}

span.close-icon {
	display: none;
}

/* – – – – – – – – – BLOCK 1 (FULL IMAGE) – – – – – – – – – */
.b1.section {
	background-image: url('images/Background_1.svg');
	background-repeat: no-repeat;
  background-size: cover;
}

img.logo {
  display: block;
  width: 280px;
  margin: 20px auto 20px;
}

img.sun {
  width: 100px;
  position: absolute;
  right: 0;
  top: 0;
}

.Home.b1 {
	padding-bottom: 40px;
}

.Home.b1 h2 {
	color: white;
}

.Home.b1 .txt-wrap p {
	color: #ff7f05;
	font-weight: 500;
	margin-bottom: 0;
	margin-top: 20px;
}

.Home.b1 .txt-wrap {
	position: relative;
}

.b-image {
  width: 100%;
	position: relative;
}

.b-image img, .b-image video {
	display: block;
	width: 100%;
}

.txt-wrap {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}

.CTA {
  padding: 3px;
  width: 220px;
	height: 17px;
	border-radius: 17px;
  margin: 60px auto 30px auto;
  color: white;
  font-size: 12px;
}

.b1.section .CTA {
  margin: 5px auto auto auto;
}

.b1.section h3.sub-title {
  color: white;
	margin-bottom: 10px;
	text-decoration: none;
}
/* – – – – – – – – – BLOCK 2 (3 COLUMN, STEPS) – – – – – – – – – */

img.circle {
	display: block;
	width: 100%;
	border-radius: 50%;
	max-width: 230px;
	margin: auto auto 10px auto;
}

img.over {
  display: block;
  width: 100%;
  position: absolute;
  top: -72px;
}

.text {
  margin-bottom: 90px;
}

.b2 .column {
	position: relative;
	width: 230px;
	margin: auto;
}

.ball-no {
	position: absolute;
  left: 0px;
  top: 0;
  padding: 10px;
  background: #fec041;
  color: white;
  font-size: 9.5px;
  letter-spacing: 1px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px
}
/* – – – – – – – – – BLOCK 3 (3 COLUMN, OVAL) – – – – – – – – – */

.column.oval {
  width: 230px;
  margin: auto;
	margin-bottom: 30px;
	background-color: #e3f0f5;
	border-radius: 140px;
	position: relative;
}

.column.oval h2 {
	color: #46697c;
	text-decoration: underline;
}

.oval-wrap {
	padding: 10px;
	border-radius: 140px;
	margin-bottom: 40px;
}

.oval > .oval-wrap:last-child {
	margin-bottom: 0;
}

.oval-wrap p {
  padding: 0 10px 40px 10px;
}

.column.oval img.icon {
	display: block;
	width: 100%;
	margin: 40px auto 20px auto;
}

img.curve-type {
  position: absolute;
  top: 9px;
	left: 0;
	right: 0;
  width: 230px;
	margin: auto;
}

.b3 .CTA {
	background: #ff7f05;
}

/* – – – – – – – – – BLOCK 4 (4 COLUMN) – – – – – – – – – */
.b4 .section-Wrap {
  padding: 27px 0;
}

img.landscape {
  width: 100%;
  display: block;
}

img.icon {
  display: block;
  width: 100%;
}

.column.list p {
  font-size: 15px;
  line-height: 17px;
}

.column.list {
  width: 48%;
	float: left;
}

.column.list:nth-child(2n) {
	margin-left: 4%;
}

.column.list h2 {
	max-width: 220px;
	margin-bottom: 15px;
}

.column.list p {
  border-top: 1px solid;
  padding-top: 18px;
}

.column.list p, .column.list h2 {
  text-align: left;
}

.column.list p.upper.no {
	font-size: 9.5px;
	border-top: none;
	padding-top: 0;
}

.column-Wrap {
	clear: both;
	overflow: hidden;
	padding: 0 20px;
}

.column-half {
	clear: both;
	overflow: hidden;
}

.b4 .column-Wrap {
	background-image: url('images/Slice_2.png');
	background-size: 100%;
	background-repeat: repeat-y;
}

.b4 .CTA {
	background: #656f77;
	margin-top: 30px;
}

.b4.section .text {
	margin-bottom: 0;
	position: relative;
}

/* – – – – – – – – – BLOCK 5 (1 COLUMN) – – – – – – – – – */
.b5 .text {
	margin-bottom: 0;
}

img.top {
  display: block;
	width: 40%;
  max-width: 165px;
  margin: 25px auto 7px;
}

img.bottom {
  width: 100%;
  max-width: 600px;
  margin: auto;
}

.Our-New-Bottle.b5.section img.bottom {
	margin-top: 60px;
	max-width: 550px;
}

.Empty.b5.section {
  margin-bottom: 60px;
}

/* – – – – – – – – – BLOCK 6 (FORM) – – – – – – – – – */
.Contact.b6.section {
	background: #dff1f6;
}

.c-wrap-1 img {
  display: block;
  width: 100%;
}

input, button {
	width: 100%;
  max-width: 300px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  outline: none;
  text-shadow: none;
  padding: 4px 8px;
  margin-bottom: 5px;
	background: #f7f7f7;
}

button {
	padding: 3px;
	width: 220px;
	height: 22px;
	border-radius: 14px;
	margin: 7px auto 10px auto;
	color: white;
	font-size: 11px;
	font-weight: bold;
	background: #656f77;
	font-family: 'brandon-grotesque', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

._marketing-by {
  display: none;
}

::-webkit-input-placeholder {
	font-size: 11px;
	font-family: 'brandon-grotesque', sans-serif;
  color: #424d56;
	letter-spacing: 1px;
}

:-ms-input-placeholder {
	font-size: 11px;
	font-family: 'brandon-grotesque', sans-serif;
  color: #424d56;
	letter-spacing: 1px;
}

::placeholder {
	font-size: 11px;
	font-family: 'brandon-grotesque', sans-serif;
  color: #424d56;
	letter-spacing: 1px;
}

._row._checkbox-radio {
	font-size: 11px;
	font-family: 'brandon-grotesque', sans-serif;
	font-style: italic;
	color: #424d56;
	letter-spacing: 1px;
	max-width: 300px;
	background: #f7f7f7;
	padding: 5px 8px 3px;
	margin: 2px auto 0;
	text-align: left;
	height: 15px;
}

._row._checkbox-radio input, ._row._checkbox-radio span {
  display: inline;
  width: auto;
  margin: 0;
  text-align: left;
}

._row._checkbox-radio span {
  display: block;
  margin-left: 19px;
	margin-top: -18px;
}

._row._checkbox-radio span label {
	text-align: left;
	font-style: italic;
	letter-spacing: 0;
}

.single.form form {
	margin-bottom: 60px;
}

.single.form form p {
  text-align: left;
	clear: both;
  overflow: hidden;
	border-top: 1px solid;
	margin: 0;
	padding: 5px 0;
}

.single.form form label {
  width: 20%;
  display: block;
	float: left;
}

.single.form form p span {
  width: 80%;
  display: block;
	float: left;
	margin: 0;
}

.single.form form p span input,
.single.form form p span textarea {
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	outline: none;
	max-width: none;
	width: 100%;
	font-size: 17px;
  line-height: 18px;
}

.single.form form input[type="submit"] {
	padding: 3px;
  width: 140px;
  height: 23px;
  border-radius: 17px;
  margin: 20px auto 10px auto;
  color: white;
  font-size: 12px;
  background: #627078;
  text-transform: uppercase;
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: bold;
	display: inherit;
}

span.ajax-loader {
	display: none!important;
}

img.s-bott {
  display: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border: none;
}

.wpcf7-not-valid-tip, .wpcf7 form .wpcf7-response-output {
  color: grey;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: .5px;
  display: block;
  text-align: center;
  opacity: .5;
}

.soc-CTA img {
    width: 24px;
    height: 24px;
    margin: 10px 1px 0;
}

::-webkit-input-placeholder {
	font-size: 17px;
	line-height: 18px;
	font-weight: 100;
	letter-spacing: 0;
}
::-moz-placeholder {
	font-size: 17px;
	line-height: 18px;
	font-weight: 100;
	letter-spacing: 0;
}
:-ms-input-placeholder {
	font-size: 17px;
	line-height: 18px;
	font-weight: 100;
	letter-spacing: 0;
}
:-moz-placeholder {
	font-size: 17px;
	line-height: 18px;
	font-weight: 100;
	letter-spacing: 0;
}

/* – – – – – – – – – BLOCK 7 (PLAIN TEXT) – – – – – – – – – */
.b7.section .text p, .b7.section .text ul {
	margin-bottom: 20px;
	font-weight: 100;
}

.plain-content, .plain-content p {
	text-align: left;
	max-width: none!important;
}

.plain-content ul {
  padding-left: 26px;
}

/* – – – – – – – – – BLOCK 8 (PRODUCTS) – – – – – – – – – */
.b8.section {
	background: #95b4bf;
}

.b8.section .text h1, .b8.section .text h3 {
	color: white;
}

.c-product .column img {
  display: block;
  width: 100%;
	margin-bottom: 60px;
}

.c-product {
	width: 190px;
  background: white;
  padding: 20px 20px 13px 20px;
  margin: auto auto 30px auto;
	position: relative;
}

.c-product .column p {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 500;
	margin: 0 0 5px 0;
}

.c-product .CTA {
	margin: 35px auto 10px auto;
	background: #95b4bf;
	color: white;
	width: 185px;
}

.c-product .CTA-hov {
	height: 28px;
	bottom: 21px;
}

/* – – – – – – – – – BLOCK 9 (TESTIMONIALS) – – – – – – – – – */
.b9.section {
	background: #dff1f6;
}

.text-test {
	margin-bottom: 90px;
}

.t-box {
  width: 195px;
  text-align: left;
  background: orange;
  padding: 20px;
  margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.t-column p {
	text-align: left;
	font-style: italic;
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 0;
}

.t-column p strong {
  text-transform: uppercase;
  letter-spacing: .5px;
	font-style: normal;
}

.t-star {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}

.t-star img {
  width: 10px;
  height: 10px;
  float: left;
  display: block;
  margin-right: 1px;
}

img.arrow, img.heart, img.rev-arrow {
	display: none;
}

img.plain-arrow {
  display: block;
  width: 45px;
  height: 45px;
  margin: auto;
}

em, em a {
  font-style: italic;
  font-weight: bold;
	font-size: 17px;
	line-height: 18px;
}

/* – – – – – – – – – BLOCK 10 (INGREDIENTS) – – – – – – – – – */

.side-text p strong, .list-wrap strong {
  font-size: 12px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.list-wrap ul {
  padding: 0;
  margin: 10px 0 0 0;
}

li.b-item {
	font-size: 15px;
	line-height: 17px;
	font-weight: 100;
	list-style: none;
	border-bottom: 1px solid black;
  padding: 4px 0;
	display: inline-block;
	width: 100%;
}

.side-text p, .list-wrap {
  text-align: left;
	font-size: 15px;
  line-height: 17px;
}

/* – – – – – – – – – BLOCK 11 (TEAM) – – – – – – – – – */

.b11.section {
	background: #fcecca;
}

.t-mem p {
  margin-bottom: 15px;
	font-size: 15px;
	line-height: 17px;
}

p.m-title, .t-mem a {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.t-mem a {
    display: inline-block;
    margin-bottom: 25px;
}

.t-mem {
	width: 250px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.t-mem img {
	display: block;
  width: 250px;
  border-radius: 50%;
  overflow: hidden;
	margin-bottom: 20px;
}

.b11 .CTA {
	background: #627078;
}

/* – – – – – – – – – BLOCK 12 (FAQS) – – – – – – – – – */
.q-item {
  border-top: 1px solid;
	padding-top: 5px;
	clear: both;
  overflow: hidden;
	position: relative;
	padding-right: 25px;
}

img.d-arrow {
	position: absolute;
	top: 4px;
	right: 0;
	width: 21px;
	height: 21px;
}

.flip {
	transform: rotate(180deg);
}

.ques-wrap {
  border-bottom: 1px solid;
  margin-bottom: 40px;
}

.ques-wrap p, .ques-wrap {
  text-align: left;
	font-weight: 100;
}

span.q-no {
  width: 20%;
  text-align: left;
  font-weight: 100;
	float: left;
	font-size: 17px;
  line-height: 18px;
}

.q-item p {
  width: 80%;
  float: left;
}

p.answer {
  float: right;
  padding: 0;
	display: none;
}

.b12.section {
	font-weight: 100;
	background: #fcebe2;
}

.b12 .CTA {
	margin-top: 5px;
	background: #627078;
}

.q-item p, .q-item span {
  margin-bottom: 5px;
}

p.answer {
  margin: 15px 0px 30px 0!important;
	padding-left: 50px;
}

img.q-img {
  display: none;
}

/* – – – – – – – – – REWARDS SECTION – – – – – – – – – */

#invite-referrals-notification {
    position: fixed;
    bottom: auto;
    left: 0;
    right: 0;
    z-index: 20;
    top: 0;
    margin: auto;
}

.section-Wrap.t-intro {
	background: #ffbf40;
	max-width: none;
}

.section-Wrap.t-intro h3.sub-title {
	color: white;
}

.rewards-section {
	/* display: none; */
	padding-bottom: 20px;
	background: whitesmoke;
}

.bar {
	font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  background: #e2e4e6;
  padding: 10px 0 8px 0;
  font-weight: bold;
  width: 100%;
}

.bar:first-child{
	background: #2a6a7e;
	color: white;
}

.img-col {
  padding: 40px;
}

.img-col img {
  display: block;
  width: 100%;
}

.reward-content .text-col p {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.r-button {
  margin-top: 20px;
	cursor: pointer;
}

.r-button button {
	background: #ff7f05;
	width: 280px;
	height: 24px;
	border-radius: 14px;
	font-size: 13px;
}

.r-button button:hover {
	background: #2a6a7e;
	cursor: pointer;
}

.reward-content .r-button button {
	background: #2a6a7e;
  margin-bottom: 25px;
  padding: 3px;
  width: 250px;
  height: 18px;
  font-size: 11px;
  line-height: 11px;
}

.reward-content .r-button button:hover {
	background: #ff7f05;
}

.reward-content {
  padding-bottom: 40px;
	background: #d2d2d2;
}

.reward-joins, .reward-prod {
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}

.r-desc {
  margin: 10px 0;
}

.r-desc strong, .r-prods strong, .r-nums strong {
	font-weight: 400;
}

.r-nums, .r-prods {
	float: left;
  width: 25%;
}

.r-prods p {
  padding: 0 10px;
	max-width: 130px;
	margin: auto;
}

.strip {
  width: 100%;
  height: 10px;
  background: #ebeced;
}

span.circ-num {
	color: white;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  line-height: 40px;
  display: block;
  text-align: center;
  margin: auto;
  font-size: 12px;
}

.r-nums:nth-child(4n) > span.circ-num {
	background: #2a6a7e;
}

.r-nums:nth-child(4n - 1) > span.circ-num {
	background: #fec041;
}

.r-nums:nth-child(4n - 2) > span.circ-num {
	background: #aecede;
}

.r-nums:nth-child(4n - 3) > span.circ-num {
	background: #ff7f05;
}

a.t-c-a {
	font-weight: 100;
	font-size: 11px;
}

p.cta-r-cont {
  max-width: 400px;
  padding: 0 20px;
  text-align: center;
  margin: auto auto 20px auto;
}

/* – – – – – – – – – BLOG – – – – – – – – – */
body.page-blog .c-product {
	width: 230px;
	padding: 0 0 13px 0;
	background: transparent;
}

body.page-blog  .b8.section .text h1,
body.page-blog .b8.section .text h3 {
	color: #414e55;
}

body.page-blog .b8.section {
  background: white;
}

body.page-blog .c-product .CTA {
  margin: 35px auto 10px auto;
  background: #627078;
}

body.page-blog .c-product .column img {
	border-radius: 50%;
	margin-bottom: 30px;
}

/* – – – – – – – – – LOGO BLOCK – – – – – – – – – */
.logo-block {
  text-align: left;
}

.logo-block span {
	font-style: italic;
	font-size: 17px;
	line-height: 18px;
	vertical-align: top;
	display: inline-block;
	width: 19%;
	text-align: left;
}

.logo-Wrap {
  display: inline-block;
	width: 80%;
	white-space: nowrap;
}

.logo-block .section-Wrap {
  background: #cccccc;
  max-width: none;
	padding: 15px 20px 8px;
	overflow-x: scroll;
}

img.l-logo {
  height: 35px;
  margin-right: 20px;
}

/* – – – – – – – – – POP-UP – – – – – – – – – */
.p-up {
  font-size: 15px;
  line-height: 17px;
  text-align: left;
  width: 280px;
  position: fixed;
  z-index: 10;
  left: 10px;
  top: 40%;
	background: white;
	box-shadow: 7px 7px 10px #a5a5a5;
	display: none;
}

.p-up .text {
  margin: 0;
}

.p-u-Wrap {
  padding: 20px;
  position: relative;
}

.p-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 11.5px;
  letter-spacing: .5px;
	cursor: pointer;
}

.p-up-img {
  display: none;
}

}


@media screen and (min-width: 768px) {
/* – – – – – – – – – GLOBALS – – – – – – – – – */
h1 {
  font-size: 49px;
  line-height: 44px;
	margin-bottom: 60px;
}

h2 {
  font-size: 29px;
  line-height: 29px;
}

.Home.b1 h2 {
	font-size: 39px;
	margin-bottom: 40px;
}

h3 {
	margin-bottom: 15px;
}

.section-Wrap {
  padding: 40px 20px 45px 20px;
}

/* – – – – – – – – – HEADER & NAVIGATION – – – – – – – – – */
.b1 .CTA-hov {
	bottom: 35px;
}

.b4 .CTA-hov {
	bottom: -6px;
}

.b5 .CTA-hov {
  bottom: 68px;
}

.CTA-hov {
  height: 35px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 68px;
	display: none;
}

img.hov {
  display: block;
  max-width: none;
  height: 100%;
  width: auto;
  margin: auto;
}

/* – – – – – – – – – FOOTER – – – – – – – – – */

span.sep.first {
	display: inline-block;
}

.f-col {
	width: 33%;
}

/* – – – – – – – – – BLOCK 1 (FULL IMAGE) – – – – – – – – – */
img.logo {
  width: 580px;
  margin: 25px auto 30px;
}

.b1.section .txt-wrap h2 {
	margin-bottom: 40px;
}

.b1.section .section-Wrap {
  padding: 30px 20px 20px 20px;
}

/* – – – – – – – – – BLOCK 2 (3 COLUMN, STEPS) – – – – – – – – – */
.c-wrap {
  width: 33%;
  float: left;
}

.c-wrap:first-child .column {
	margin-left: 0;
}

.c-wrap:last-child .column {
	margin-right: 0;
}

.c-wrap .column h2 {
	margin-bottom: 0;
}

.text {
  margin-bottom: 30px;
}

img.over {
	top: -72px;
}

img.circle {
    margin-top: 72px;
}

/* – – – – – – – – – BLOCK 3 (3 COLUMN, OVAL) – – – – – – – – – */
.wrap {
  clear: both;
  overflow: hidden;
}

.column.oval {
  display: inline-block;
  height: 477px;
  vertical-align: top;
	margin: 0 5px;
}

/* – – – – – – – – – BLOCK 4 (4 COLUMN) – – – – – – – – – */
.column.list {
	width: 23.5%;
	margin-left: 2%;
}

.column.list:nth-child(2n) {
  margin-left: 2%;
}

.column-half:first-child > .column.list:first-child {
  margin-left: 0;
}

.column-half {
  clear: none;
  overflow: visible;
}

.b4.section .text {
  margin-bottom: 60px;
}

/* – – – – – – – – – BLOCK 5 (1 COLUMN) – – – – – – – – – */
img.top {
	margin: 35px auto 15px;
}

img.bottom {
	margin-top: 10px;
}

/* – – – – – – – – – BLOCK 6 (FORM) – – – – – – – – – */
body.page-get-in-touch .section-Wrap {
	max-width: none;
}

.b6.section .section-Wrap {
  clear: both;
  overflow: hidden;
}

.c-wrap-1, .form {
  width: 50%;
  float: left;
}

.single.form {
	width: 80%;
	float: none;
	margin: auto;
	max-width: 715px;
}

.single.form form p {
	width: 100%;
}
/* – – – – – – – – – BLOCK 7 (PLAIN TEXT) – – – – – – – – – */
	.plain-content {
		column-count: 3;
		column-gap: 15px;
		max-width: 985px;
		margin: auto;
	}

/* – – – – – – – – – BLOCK 9 (TESTIMONIALS) – – – – – – – – – */
.text-test {
  width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.t-box {
	display: inline-block;
  margin: 0 5px 14px 5px;
	vertical-align: top;
}

/* – – – – – – – – – BLOCK 10 (INGREDIENTS) – – – – – – – – – */
.list-wrap ul {
  column-count: 2;
}

/* – – – – – – – – – BLOCK 11 (TEAM) – – – – – – – – – */
.team-wrap {
  overflow-x: hidden;
  white-space: nowrap;
	max-width: 1055px;
	margin: auto;
}

.t-mem {
  display: inline-block;
  margin: 0 5px 20px 5px;
	white-space: normal;
	vertical-align: top;
}

.b11 .section-Wrap {
	max-width: none;
}

img.rev-arrow {
	display: block;
  position: absolute;
  right: 16px;
  top: 326px;
  width: 40px;
  height: 40px;
	cursor: pointer;
}

img.rev-arrow.back {
  right: auto;
	left: 12px;
  top: 326px;
	transform: rotate(180deg);
}

/* – – – – – – – – – BLOCK 12 (FAQS) – – – – – – – – – */
.ques-wrap {
    max-width: 620px;
    margin: auto;
		margin-bottom: 30px;
}

/* – – – – – – – – – REWARDS SECTION – – – – – – – – – */
	.rewards-section {
		padding-bottom: 40px;
	}

	.reward-content {
		clear: both;
		overflow: hidden;
		padding: 40px 20px;
	}

	.img-col {
		padding: 0;
		margin-top: 65px;
	}

	.img-col, .text-col {
	    width: 50%;
	    float: left;
	}

	.reward-content ._form_1 {
    margin: 35px 0 10px 0;
  }

	.r-desc {
	    width: 32%;
	    float: left;
	    text-align: left;
	}

	.r-nums, .r-prods {
		width: 17%;
	}

	.reward-joins, .reward-prod {
		margin: 0;
	}

	.reward-joins {
	  padding: 80px 20px 10px;
	}

	.reward-prod {
	  padding: 10px 20px 60px;
	}

	.reward-joins .r-desc {
		margin-top: 22px;
		margin-bottom: 0;
	}

	.reward-prod .r-desc {
	  margin-top: -3px;
	}

	.img-col img {
		max-width: 480px;
		margin: auto;
	}

	.r-button {
    margin-top: 0;
  }

/* – – – – – – – – – LOGO BLOCK – – – – – – – – – */
.logo-block span {
	width: 10%;
}

.logo-Wrap {
	width: 80%;
	text-align: center;
}

/* – – – – – – – – – POP UP – – – – – – – – – */
.p-up {
	width: 540px;
	left: 40px;
}

.p-up .text {
  width: 270px;
}

.p-up-img {
  display: block;
}

.p-up-img img {
  display: block;
  width: 170px;
}

.p-up .text, .p-up-img {
  float: left;
}

.p-up-img {
	margin-left: 20px;
	margin-top: 25px;
}

}

@media screen and (min-width: 1024px) {

/* – – – – – – – – – HEADER & NAVIGATION – – – – – – – – – */
body {
  margin: 30px 0 0 0;
}

.mobile {
	display: none;
}

.desktop {
	display: block;
}

.desktop nav.main-navigation {
  background: #ebeced;
  padding: 3px 10px 4px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.desktop nav.main-navigation ul li {
	display: inline-block;
	font-size: 11px;
  line-height: 16px;
}

.desktop nav.main-navigation ul li:last-child span.sep {
	display: none;
}

ul.sub-menu {
	display: none;
  position: absolute;
  left: -43px;
  top: 18px;
  padding: 10px 40px 15px 40px!important;
  background: #ebeced;
	width: 100px;
}

ul.sub-menu span.sep {
  display: none;
}

ul.sub-menu li {
  display: block!important;
}

li.menu-item-has-children {
  position: relative;
}

/* – – – – – – – – – FOOTER – – – – – – – – – */
footer#colophon {
	padding-bottom: 60px;
}

.f-col {
	width: 22%;
}

.f-col.small {
	width: auto;
	float: right;
}

/* – – – – – – – – – WIGGLY TEXT – – – – – – – – – */

.section-Wrap {
	position: relative;
}

img.word, img.word-4 {
  display: block;
  position: absolute;
  height: 175px;
	z-index: 10;
}

img.word-4 {
	display: none;
}

.b1 img.word {
  bottom: -105px;
  right: 120px;
}

.b2 img.word {
  top: 130px;
  left: -20px;
}

.b5 img.word {
  right: 50px;
  top: 100px;
}

.b6 img.word {
  bottom: -240px;
  right: 0;
}

.Our-New-Bottle.b5.section img.word {
	display: none;
}

.Our-New-Bottle.b5.section img.word-4 {
	display: block;
	top: 390px;
	right: -53px;
}

.Transparency.b5.section img.word {
	display: none;
}

.Transparency.b5.section img.bubble-word {
	display: block;
	position: absolute;
	width: 240px;
}

img.bubble-word.left {
	left: 40px;
	bottom: 120px;
}

img.bubble-word.right {
	right: 40px;
	bottom: 120px;
}

/* – – – – – – – – – BLOCK 1 (FULL IMAGE) – – – – – – – – – */
.section-Wrap {
	max-width: 985px;
	margin-left: auto;
	margin-right: auto;
}

.b-image {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
}

/* – – – – – – – – – BLOCK 2 (3 COLUMN, STEPS) – – – – – – – – – */
.b2 .column {
	width: 260px;
}

img.circle {
	max-width: 260px;
}

.ball-no {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 35px;
}

/* – – – – – – – – – BLOCK 4 (4 COLUMN) – – – – – – – – – */

.l-repeat {
	width: calc(50% - 479px);
	height: 689.88px;
}

.l-repeat.left {
	background-image: url('images/Slice_1_Repeat.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
  background-position: top right -1px;
}

.l-repeat.right {
	background-image: url('images/Slice_1_Repeat.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
  background-position: top left -1px;
}

.l-repeat.bottom {
	background-image: url('images/Slice_3_Repeat.png');
	height: 234.11px;
}

img.landscape {
	width: 958px;
}

.l-repeat, img.landscape {
	float: left;
}

.b4 .column-Wrap {
  background-size: 958px;
  background-repeat: repeat;
}

.b4 .section-Wrap {
	max-width: none;
}

/* – – – – – – – – – BLOCK 6 (FORM) – – – – – – – – – */

img.circle {
  max-width: 600px;
}

.c-f-box {
	clear: both;
	overflow: hidden;
	max-width: 985px;
	margin: auto;
}

.form p {
  width: 370px;
  margin-left: auto;
  margin-right: auto;
}

img.s-bott {
  display: block;
  position: absolute;
  bottom: 35px;
  left: 30px;
  width: 260px;
}

/* – – – – – – – – – BLOCK 8 (PRODUCTS) – – – – – – – – – */
.b8 .section-Wrap {
	max-width: none;
}

.c-product {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}

/* – – – – – – – – – BLOCK 9 (TESTIMONIALS) – – – – – – – – – */

.b9 .section-Wrap {
    clear: both;
    overflow: hidden;
}

img.heart {
  position: absolute;
  left: 90px;
  top: -80px;
  width: 60px;
	display: block;
}

.b9 h3 {
  margin-bottom: 90px;
}

.testimonials-wrap, .text-test {
  width: 50%;
  float: left;
}

.text-test {
  margin-top: 100px;
	position: relative;
}

.text-test p {
  width: 390px;
  margin: auto;
}

.testimonials-wrap {
  overflow-x: hidden;
	white-space: nowrap;
}

.t-box {
	display: block;
	white-space: normal;
}

.t-box-Wrap {
	display: inline-block;
	vertical-align: top;
	/* margin: 0 5px 14px 5px; */
}

img.back {
	transform: rotate(180deg);
}

img.arrow {
	display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 40px;
	cursor: pointer;
}

img.arrow.back {
  right: 492px;
  top: 50%;
}

/* – – – – – – – – – BLOCK 10 (INGREDIENTS) – – – – – – – – – */
.b10 .section-Wrap {
  clear: both;
  overflow: hidden;
}

.side-text {
  width: 34%;
  float: left;
}

.list-wrap {
  width: 66%;
  float: left;
}

.side-text p {
  padding-right: 20px;
}

/* – – – – – – – – – BLOCK 11 (TEAM) – – – – – – – – – */

.b11 .section-Wrap {
  max-width: 1065px;
}

/* – – – – – – – – – BLOCK 12 (FAQs) – – – – – – – – – */
img.q-img {
    /* display: none; */
    position: absolute;
    top: 40px;
    right: 30px;
    width: 110px;
}

/* – – – – – – – – – REWARDS SECTION – – – – – – – – – */
.text-col {
  margin-top: 0;
}

}