:root {
    --mainColor: #555;
    --boxColor: #f7f7f7;
    --shadeboxColor: #f6f3ef;
    --hoverColor: #efefef;
    --secondaryColor: #748291;
    --gradientColor: linear-gradient(151deg, rgba(227, 229, 255, 1) 0, rgba(255, 235, 235, 1) 100%);
    --topPadding: 120px;
    --topPaddingMobile: 100px;
    --sidePadding: 32px;
    --img-border-radius: 6px;
    --text-color: #555
}

html,
body,
span,
div,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
img,
sub,
sup,
b,
u,
i,
ol,
ul,
li,
button,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
figcaption,
footer,
header {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Heebo', arial, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif
}

body {
    font-size: 17px;
    line-height: 1.6;
    color: var(--text-color);
    background: #fff
}

code {
    background-color: var(--boxColor);
    font-size: .9em
}

p {
    margin-bottom: 25px
}

img,
video {
    max-width: 100%;
    height: auto
}

iframe {
    max-width: 100%
}

#FreeStarVideoAdContainer {
    margin-bottom: 2rem
}

.visible-wide,
.visible-tablet {
    visibility: hidden;
    display: none
}

.hidden-phone {
    display: none
}

.container,
.container-content,
.full-block,
.full-block-padding {
    margin-left: auto;
    margin-right: auto;
    width: calc(100vw - 32px);
    max-width: 1100px
}

.full-block {
    width: 100vw;
    box-sizing: border-box
}

.full-block-padding {
    margin-bottom: 4rem
}

.container-content {
    display: flex;
    padding-top: var(--topPaddingMobile);
    justify-content: space-between
}

.content,
.content-fullwidth {
    width: 100%
}

.sidebar {
    width: 300px;
    margin-left: 90px;
    padding-top: 10px;
    display: none
}

.text-small {
    font-size: .88em;
    line-height: 1.4
}

.text-large {
    font-size: 1.2em;
    line-height: 1.4
}

.padding {
    padding: 1.5625em
}

.img-circle {
    border-radius: 50%
}

a {
    color: var(--mainColor)
}

.sidebar a,
#header a {
    text-decoration: none
}

h2 a,
h1 a,
h4 a {
    color: inherit;
    text-decoration: none
}

ul,
ol {
    margin-left: 1.2em;
    margin-bottom: 25px
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0
}

li {
    margin-bottom: .7em
}

ol {
    counter-reset: li
}

ol li {
    position: relative;
    margin: 0 0 16px 16px;
    padding: 4px 8px;
    list-style: none
}

ol:not(.flickity-page-dots) li::before {
    content: counter(li);
    counter-increment: li;
    width: 1.5em;
    height: 1.5em;
    left: -1.5em;
    font-size: 1.2em;
    position: absolute;
    color: #fff;
    background: #08c;
    text-align: center;
    border-radius: 50%;
    letter-spacing: -2.8px;
    padding-right: 3px;
    box-sizing: border-box;
    font-weight: bold
}

.list-unstyled {
    margin-left: 0;
    list-style: none
}

.tick {
    display: inline-block;
    font-size: .9em;
    margin: 0 1em 0 2em
}

ul.bullet {
    list-style: none;
    margin-left: 28px
}

ul.bullet>li:before,
.tick:before {
    content: "";
    height: 1.5em;
    width: 1em;
    display: block;
    float: left;
    margin-left: -1.3em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

ul.pro>li:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 64 64' preserveAspectRatio='xMidYMid meet'><path d='M51.3 7L25.2 33.1 12.7 20.5 4 29.2l21.2 21.2L60 15.7z' fill='%237ebe36' /></svg>")
}

ul.con>li:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 64 64' preserveAspectRatio='xMidYMid meet'><path d='M53 18.6l-8.4-8.4L32 22.8 19.4 10.2 11 18.6l12.6 12.6L11 43.8l8.4 8.4L32 39.6l12.6 12.6 8.4-8.4-12.6-12.6z' fill='%23cccccc' /></svg>")
}

.tick:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 64 64' preserveAspectRatio='xMidYMid meet'><path d='M51.3 7L25.2 33.1 12.7 20.5 4 29.2l21.2 21.2L60 15.7z' fill='%23cccccc' /></svg>")
}

.adarticle {
    text-align: center;
    min-height: 250px;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: calc(var(--sidePadding)/-2);
    margin-right: calc(var(--sidePadding)/-2);
    padding: 25px 0;
    background-color: var(--boxColor)
}

ul>.adarticle {
    margin-left: calc((var(--sidePadding)/-2)- 16px)
}

.adside {
    position: relative;
    padding: 25px 0
}

.adarticle::before,
.adside::before {
    content: 'ADVERTISEMENT';
    display: block;
    position: absolute;
    top: 0;
    font-size: 9px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
    color: #a0a3a8
}

.__fs-ancillary {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: .8em;
    padding-top: 1em
}

h1 {
    font-size: 2.1em;
    padding-top: 0;
    margin-bottom: 25px;
    letter-spacing: -1px
}

h2 {
    font-size: 1.4em
}

h3 {
    font-size: 1.3em
}

h5,
h6 {
    font-size: .9em
}

h4 {
    font-size: 1.1em;
    line-height: 1.4
}

hr {
    margin: 2em auto;
    border: 0;
    border-top: .071em solid #e5e5e5;
    border-bottom: .071em solid #fff
}

sub,
sup {
    position: relative;
    font-size: 85%;
    font-weight: bold;
    line-height: 0;
    vertical-align: baseline;
    margin-left: .3em
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.logo {
    width: 250px;
    display: block;
    margin-bottom: 10px
}

@media(max-width:980px) {
    .logo {
        width: 180px
    }
}

blockquote {
    border-left: .2em solid #e5e5e5;
    margin-bottom: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.btn,
button,
.edd_download_file_link {
    display: inline-block;
    font-size: .88em;
    padding: .4em .67em;
    line-height: 1.33;
    font-weight: normal;
    background-color: #08c;
    border: 1px solid #08c;
    border-radius: .5rem;
    margin-left: .3em;
    margin-bottom: .3em;
    text-decoration: none
}

.btn,
button,
a.edd_download_file_link {
    color: #fff
}

.button-group {
    border-radius: 10px;
    display: flex;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.14)
}

.button-group button {
    background: #fff;
    border-color: #d6d6d6;
    align-self: stretch;
    flex: 1;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    color: var(--text-color);
    border-radius: 0;
    border-left-width: 0
}

.button-group button:hover,
.button-group button:focus {
    box-shadow: inset 0 0 0 4px #000;
    background: #d8f6ff
}

.button-group button:first-of-type {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-left-width: 1px
}

.button-group button:last-of-type {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.btn-blue:hover,
a .btn-blue:hover {
    background-color: #005580;
    border-color: #005580
}

.btn-orange {
    background-color: #f9533b;
    border-color: #f9533b
}

.btn-outline {
    background: transparent;
    border: 2px solid #555
}

.btn-small {
    padding: .1em .67em
}

.btn-large {
    padding: .5em 2em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    font-size: 1.5em;
    font-weight: bold;
    line-height: normal
}

button,
.btn {
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none
}

.btn:first-child,
input.btn {
    margin-left: 0
}

legend,
label {
    display: block;
    font-weight: normal;
    padding: 0;
    margin-bottom: .294em
}

input,
textarea,
select {
    display: block;
    width: 100%;
    font: inherit;
    color: #555;
    margin: 0;
    margin-bottom: 2rem;
    padding: .3em;
    border: 1px solid #b8b8b8;
    border-radius: .25rem;
    box-sizing: border-box;
    line-height: 2rem
}

.signup-blurb {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    flex-direction: column
}

.signup {
    display: flex;
    max-width: 800px;
    margin: auto
}

.signup input {
    width: 100%;
    height: 56px;
    background: #f1f0f6;
    padding: 13px 20px;
    border: 0;
    border-radius: 10px 0 0 10px;
    margin: 0
}

.signup button {
    width: 180px;
    border-radius: 0 10px 10px 0;
    border: 0;
    padding: 14px 35px 13px;
    margin: 0
}

textarea {
    padding: 20px;
    background: var(--boxColor);
    border-radius: 2rem;
    line-height: 1.5
}

form button,
form .btn {
    margin-bottom: 1.17em
}

.badge {
    font-size: .7em;
    background: #e1effe;
    padding: 2px 8px;
    border-radius: 3px;
    color: #1e429f;
    font-weight: bold
}

.button,
#comment-nav a {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding: .4em 1em;
    background-color: var(--mainColor);
    border-radius: 10px;
    text-decoration: none;
    border: 0;
    width: auto;
    transition: all .3s ease-in-out;
    margin-right: 1em;
    margin-bottom: 0
}

.button-buy {
    background-color: #20c539;
    margin: 0;
    line-height: 1.4;
    font-size: 1.1em !important;
    padding: 12px 12px;
    border: 0;
    width: 100%;
    transition: all .2s ease-in-out
}

.button-buy-line {
    background-color: transparent;
    border-color: var(--mainColor) !important;
    border-radius: 2px;
    color: var(--mainColor) !important;
    border: 2px solid
}

.button-buy:hover {
    transform: translateY(-1px);
    opacity: .8
}

.button-large {
    font-size: 1.4em;
    font-weight: bold;
    margin: 1.5rem
}

.button-icon-arrow::after {
    width: 1.2em;
    height: 1.2em;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10m0 0l-4-4m4 4l-4 4' stroke='%23ffffff'/%3E%3C/svg%3E");
    content: '';
    display: inline-block;
    vertical-align: middle
}

.button-icon-arrow-right::after,
.button-icon-arrow-left::after {
    width: 1.2em;
    height: 1.2em;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d=' M10 4v10m0 0l4-4m-4 4l-4-4' stroke='currentColor'/%3E%3C/svg%3E");
    content: '';
    display: inline-block;
    vertical-align: middle
}

.button-icon-arrow-left::after {
    transform: rotate(270deg)
}

.button-calc {
    width: 100%;
    background-color: #397e9d;
    border: 0;
    transition: all .3s ease-in-out;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: .375rem;
    margin: 0;
    padding: 1rem;
    color: #fff
}

#compFormWrap .button-calc {
    background-color: #4a5ae2
}

#menoFormWrap .button-calc {
    background-color: #db2777
}

.button:hover,
#comment-nav a:hover,
a.button:hover,
.button-calc:hover {
    opacity: .8;
    text-decoration: none
}

.button-active {
    background: #888 !important
}

.button-small {
    padding: 4px 14px;
    font-size: 16px;
    user-select: none;
    background: var(--boxColor);
    color: inherit
}

.button-gradient {
    background: var(--gradientColor)
}

.button-green {
    background-color: #20c539
}

.icon {
    vertical-align: middle;
    width: 1em;
    height: 1em
}

#comment-nav a::before {
    width: 20px;
    height: 20px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.1L4.5 8.6l1.1-1.1 4.4 4.4 4.4-4.4 1.1 1.1z' fill='%23ffffff'/%3E%3C/svg%3E");
    margin-right: 11px;
    content: '';
    display: inline-block;
    vertical-align: middle
}

.nav>li:last-child {
    order: -1
}

.search-container {
    display: inline-flex;
    background: #f5f5f5;
    border-radius: 24px;
    position: relative
}

.search-input {
    width: 150px;
    display: inline-block;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 16px;
    padding: 4px 16px
}

.search-icon-wrapper {
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
    padding: 10px
}

.search-icon {
    fill: #333
}

.search-submit {
    position: absolute;
    right: -9999rem;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:980px) {
    .nav>li:last-child {
        order: unset
    }

    .search-input {
        padding: 0;
        display: inline-block;
        opacity: 0;
        border: 0;
        outline: 0;
        background: transparent;
        font-size: 16px;
        transition: all .4s cubic-bezier(0.14, .18, .16, 1.02);
        width: 0
    }

    .expanded .search-input {
        opacity: 1;
        display: inline-block;
        width: 100%;
        padding: 4px 16px;
        flex-grow: 1
    }

    .expanded .search-input {
        width: 150px;
        flex-grow: unset
    }

    .expanded>li:first-of-type {
        display: none
    }
}

.signup-box {
    border-radius: 2em;
    background-color: var(--boxColor);
    padding: 20px
}

.signup-box h3 {
    padding: 0
}

.cta {
    margin: 2rem auto;
    box-shadow: -8px 12px 18px 0 #dadee8;
    border-radius: var(--img-border-radius);
    padding: 1em;
    border: 1px solid #eee;
    background-image: linear-gradient(135deg, #fff 50%, rgba(255, 255, 255, 0.4)), url(//healthyeater.com/wp-content/themes/he4/img/cta-bg2.jpg);
    background-size: cover
}

.cta h3 {
    color: #f9533b;
    font-size: 36px;
    letter-spacing: -1px;
    margin-bottom: .6em;
    padding: 0
}

.cta-button {
    display: inline-block;
    background-color: #f9533b;
    color: #fff;
    text-align: center;
    padding: 10px 2.5rem;
    border-radius: var(--img-border-radius);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.2em;
    text-decoration: none
}

.hasListIcon {
    list-style: none;
    padding: 0;
    margin: 5px 0 30px 0
}

.hasListIcon li {
    position: relative;
    padding-left: 20px;
    padding-top: 5px;
    margin: 0
}

.listIcon {
    position: absolute;
    top: 10px;
    left: 0
}

.showhide-wrap {
    height: auto;
    overflow: hidden
}

.showhide-button {
    cursor: pointer;
    user-select: none
}

.showhide {
    position: relative;
    height: 0;
    overflow: hidden;
    opacity: 0;
    top: -10px;
    transition: all 500ms cubic-bezier(0.165, .84, .44, 1)
}

.showhide-show {
    position: relative;
    height: auto;
    overflow: visible !important;
    opacity: 1;
    top: 0;
    transition: all 500ms cubic-bezier(0.165, .84, .44, 1)
}

.hero {
    background-color: #fff;
    padding-top: 2em;
    font-size: 1.3em
}

.hero-blue {
    background-color: #777;
    border-color: #777;
    color: #fff;
    padding-top: 90px
}

.hero-grey {
    background-color: #efefef;
    color: #555
}

.hero-image-2 h1 {
    color: #ccc
}

.callouts>div {
    margin-bottom: 2em;
    text-align: center;
    box-sizing: border-box;
    padding: 0 1.3em 0 1.3em
}

.buynow {
    margin-bottom: 1em;
    font-size: .8em;
    padding-bottom: 1em;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    border: 1px solid #f9533b;
    border-top-width: 6px;
    border: 0;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border-radius: 0
}

.hero .list-unstyled li {
    border-top: 1px solid #dedede;
    margin: 0;
    padding: .5em 0 .5em 0;
    font-size: .9em
}

.buynow .pricetag {
    font-size: 2.5em
}

.buynow h3 {
    padding: .8em 0 .8em 0
}

.btn-price-blue {
    background-color: #777;
    border-color: #555;
    color: #fff
}

.price-blue {
    border: color #777;
}

.test {
    padding: 20px;
    background: #fff;
    font-size: .7em;
    border: 1px solid #e1e1e1;
    color: #777;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03)
}

.test:before,
.test:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0
}

.test:before {
    bottom: -16px;
    left: 25px;
    border-top-color: #ccc;
    border-width: 16px
}

.test:after {
    bottom: -15px;
    left: 26px;
    border-top-color: #fff;
    border-width: 15px
}

.test-author {
    font-size: .7em;
    display: block;
    margin: 30px 0 0 24px;
    margin-bottom: 0;
    font-weight: 700
}

.img-holder {
    height: 300px;
    position: relative;
    overflow: hidden
}

.img-holder img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.post-item {
    position: relative;
    display: flex;
    justify-content: space-between
}

.post-item-wrap {
    background: var(--boxColor);
    max-width: 900px;
    padding: 20px;
    margin-bottom: 3rem
}

.post-item-wrap-small {
    display: flex;
    flex-wrap: wrap;
    justify-content: normal;
    margin: 0 -10px
}

.post-item-big {
    margin-bottom: 30px;
    flex-direction: column
}

.post-item-small .post-item-thumb {
    width: 35%
}

.post-item-thumb img {
    border-radius: var(--img-border-radius)
}

.post-item-small .post-item-desc {
    width: 60%
}

.post-item-small {
    max-width: 270px;
    margin: 10px
}

.post-item-cat {
    font-weight: bold;
    font-size: .8em;
    margin-top: 1em
}

.post-item-link {
    font-size: 1.7em;
    display: block;
    color: inherit;
    line-height: 1.1;
    font-weight: bold
}

.post-item-small .post-item-link {
    font-size: 1em
}

.post-item-text {
    line-height: 1.4;
    padding-top: 15px
}

.post-item a {
    color: inherit;
    text-decoration: none !important;
    z-index: 1;
    position: relative
}

.post-item:hover .post-item-link {
    color: var(--mainColor) !important
}

a.overlay-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    background: transparent;
    cursor: pointer;
    z-index: 0
}

@media(min-width:600px) {
    .post-item-big .post-item-thumb {
        width: 35%
    }

    .post-item-big .post-item-desc {
        width: 60%
    }

    .post-item-big {
        flex-direction: row
    }
}

.card-wrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 30px;
    row-gap: 45px
}

a.card {
    width: 100%;
    display: flex;
    background-color: var(--boxColor);
    text-decoration: none;
    color: inherit;
    transition: all .3s ease-in-out;
    border-radius: 10px;
    height: 100%;
    flex-direction: row
}

a.card:hover {
    background-color: var(--hoverColor)
}

.card-img {
    height: 120px;
    overflow: hidden;
    width: 100px;
    flex-shrink: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.card-img .wp-post-image {
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    object-fit: cover
}

.card-text-wrap {
    color: inherit;
    align-self: center;
    line-height: 1.3;
    padding: 6px 10px;
    flex-grow: 1;
    flex-basis: 50%;
    box-sizing: border-box
}

.card-text-title {
    font-weight: bold;
    font-size: 1.1em
}

.card-text-comments {
    padding: 14px;
    text-align: right;
    font-size: .8em;
    color: #8b909b;
    padding: 0 14px 0 0;
    flex: 1 0 100%;
    margin-top: -20px
}

.text-highlight {
    color: var(--mainColor)
}

.text-grey {
    color: var(--secondaryColor)
}

.bg-grey {
    background-color: var(--boxColor);
    border-radius: 2em;
    padding: 1em;
    box-sizing: border-box
}

.full-page {
    padding-top: var(--topPaddingMobile)
}

.full-primary-text {
    text-align: center;
    margin: 1.5em 0;
    font-size: 1.1em;
    line-height: 1.3;
    color: var(--secondaryColor)
}

.full-secondary-text {
    margin: 1.5em 0;
    line-height: 1.3;
    color: var(--secondaryColor);
    text-align: center
}

.full-small-text {
    font-size: .8em;
    margin-top: 1rem;
    text-align: center;
    color: var(--secondaryColor)
}

.full-page h1 {
    font-size: 2em;
    text-align: center
}

.full-page h2 {
    font-size: 1.7em;
    text-align: center;
    margin-top: 2rem;
    padding: 0 20px
}

.full-block-svg-bg {
    padding-bottom: 2rem;
    background: url(/svg-bg-red.svg) bottom right no-repeat;
    background-size: contain
}

.full-block-svg-bg-down {
    padding-top: 4rem;
    background: url(/svg-bg-red-down.svg) top right no-repeat;
    background-size: contain
}

h2.full-block-quote {
    max-width: 600px;
    margin: 0 auto 5rem auto;
    text-align: center;
    padding: 0;
    box-sizing: border-box
}

.clients-wrap {
    margin-bottom: 3rem
}

.clients-block,
.clients-block-coaching {
    max-width: 285px;
    margin-bottom: 60px;
    margin-right: 1em;
    border-radius: 2em;
    border: 1px solid #deebfd;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 20px 50px 0 rgba(0, 0, 0, 0.1)
}

.clients-block-coaching {
    font-size: .9em;
    border: 0;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);
    background-color: #faf7f7
}

.clients-block img {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    object-fit: cover;
    height: 160px;
    object-position: top
}

.clients-block.clients-email img {
    height: auto;
    border-radius: 2rem
}

.clients-block-text {
    padding: 1em
}

.clients-block-text>p {
    font-weight: bold;
    margin-top: 0
}

.clients-block-text>span {
    color: var(--secondaryColor);
    display: block;
    font-size: .9em
}

.clients-shade,
.clients-shade-single {
    box-sizing: border-box;
    background-color: var(--boxColor);
    padding: 1em;
    border-radius: 2rem;
    margin-bottom: 1em
}

.clients-shade .photo {
    width: 75px;
    display: block;
    margin: 0 auto 12px
}

.img-crop {
    width: 150px;
    height: 150px;
    float: right;
    margin-left: 1em;
    position: relative;
    overflow: hidden;
    border-radius: 50%
}

.clients-name {
    display: block;
    margin-top: 8px
}

.full-background {
    background-color: #007197;
    color: #fff;
    padding-top: 2rem
}

.full-block-flex,
.full-block-bio,
.full-feature-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 4rem
}

.full-feature-flex {
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 3rem
}

.full-feature {
    text-align: center;
    max-width: 300px;
    margin-bottom: 2rem;
    margin-left: 20px;
    margin-right: 20px;
    box-sizing: border-box
}

.full-feature h3 {
    padding: 0;
    font-size: 1.2em;
    line-height: 1.2
}

.full-feature-image {
    width: 40px;
    height: 40px
}

.full-feature-image-square {
    height: 60px;
    object-fit: cover;
    object-position: top;
    border-radius: var(--img-border-radius);
    width: 60px
}

.full-block-bio {
    align-items: flex-start
}

.full-block-bio-cons {
    padding-top: 1rem;
    margin-bottom: 1rem
}

.full-block-bio h2 {
    padding: 0;
    text-align: left;
    margin-top: 0
}

.full-block-bio li {
    margin-bottom: .5em
}

.half-block {
    flex-basis: 100%;
    text-align: center
}

.half-block-text {
    font-size: 1.2em;
    margin-bottom: 2.3rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: center
}

.quote-block {
    flex-basis: 30%
}

.sales-hide-phone {
    display: none
}

.sales-show-phone {
    margin: 0 auto;
    display: block
}

.sales-show-first {
    order: -1
}

.sales-image {
    display: block;
    filter: drop-shadow(5px 0 20px rgba(0, 0, 0, 0.3))
}

.sales-table-wrap,
.coaching-table {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-evenly
}

.sales-table,
.coaching-table {
    flex-basis: 100%;
    max-width: 300px;
    border: 1px solid #ddd;
    border-radius: 2rem;
    padding: 1em;
    margin-bottom: 1rem
}

.coaching-table {
    max-width: 100%;
    padding: 2em 1em
}

.sales-table h2 {
    padding: 0;
    margin: 0
}

.sales-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.sales-table-price {
    font-weight: bold;
    font-size: 2em
}

.sales-button-wrap {
    margin-bottom: 1.8rem;
    font-size: 1.1em
}

.sales-button-wrap .button {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px
}

.faq {
    font-size: .9em
}

.faq-item {
    max-width: 550px;
    margin: 0 auto 1rem auto;
    box-sizing: border-box;
    border-radius: 2rem;
    background: var(--boxColor);
    padding: 1em
}

h1.home {
    font-size: 2.5em;
    color: #fff;
    letter-spacing: 3px;
    font-weight: bold;
    margin-bottom: 40px
}

.hero-image-home {
    color: #ccc;
    background: #302826 url("/hero-test.jpg") no-repeat scroll center center;
    background-size: cover
}

.home-pre {
    font-weight: bold;
    font-size: .8em;
    text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 4em
}

@media(min-width:800px) {

    .full-block-flex,
    .full-block-bio,
    .full-feature-flex,
    .sales-table-wrap {
        flex-wrap: nowrap
    }

    .full-feature {
        flex-basis: 0;
        flex-grow: 1
    }

    .full-block-svg-bg {
        padding-bottom: 0
    }

    .full-secondary-text {
        text-align: left
    }

    .full-block-bio>div {
        width: auto
    }

    .full-block-bio-cons {
        padding-left: 2rem;
        max-width: 500px;
        padding-top: 0;
        border-left: 3px solid rgba(255, 255, 255, 0.2)
    }

    .half-block {
        flex-basis: 45%;
        text-align: unset
    }

    .half-block h1 {
        line-height: 1.1;
        text-align: left
    }

    .half-block-text {
        text-align: left
    }

    .sales-table {
        flex-basis: 30%
    }

    .sales-show-phone {
        display: none
    }

    .sales-hide-phone {
        display: block
    }

    .sales-show-first {
        order: unset;
        flex-basis: 35%
    }

    h1.home {
        font-size: 3em
    }

    .buynow h3 {
        color: #fff;
        background-color: #f9533b
    }

    .price-blue h3 {
        background-color: #2db3cb;
        border-color: #2db3cb;
        color: #fff
    }

    .buynow {
        min-height: 500px;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .price-blue {
        border-width: 0
    }
}

.single-download .edd-submit {
    font-size: inherit
}

#edd_payment_mode_select {
    position: relative;
    background: #f9f9f9
}

#edd_checkout_user_info {
    background: #f9f9f9
}

#edd_checkout_cart td,
#edd_checkout_cart th {
    padding: .5em 1em !important
}

#edd_purchase_form_wrap {
    min-height: 300px
}

#edd-purchase-button,
.edd-submit {
    width: 100%;
    font-size: 1.1em !important;
    padding: 12px 12px !important;
    margin-top: 1em !important
}

#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
    -webkit-appearance: none;
    color: #fff;
    background-color: var(--mainColor) !important;
    border: 0 !important
}

#edd_discount_code,
#edd_final_total_wrap,
#edd_secure_site_wrapper {
    display: none
}

#edd_checkout_wrap p,
#edd-first,
#edd-last {
    margin: 0
}

#edd_checkout_form_wrap input[type="text"] {
    margin-bottom: 1.5rem
}

input[type="text"]#edd-last {
    margin: 0
}

body.edd-checkout {
    background: #fff !important
}

a.edd_cart_remove_item_btn {
    color: #888;
    text-decoration: none;
    width: .8em;
    fill: #b7b7b7;
    display: inline-block;
    height: .8em
}

.edd-description,
.edd_price_option_price,
.edd_price_option_sep {
    display: none !important
}

#edd_checkout_form_wrap input.edd-input {
    width: 100% !important;
    line-height: 1.4
}

@media(min-width:50em) {
    #edd_checkout_form_wrap input.edd-input {
        width: 70% !important
    }

    #edd-first-name-wrap,
    #edd-last-name-wrap {
        width: 35% !important;
        box-sizing: border-box;
        float: left
    }

    #edd-first-name-wrap input.edd-input {
        width: 95% !important
    }

    #edd-last-name-wrap input.edd-input {
        width: 100% !important
    }
}

.edd-csau-products {
    clear: both;
    margin-bottom: 21px
}

.edd-csau-products .edd_download {
    width: 100%;
    margin-right: 0
}

@media(min-width:800px) {
    .edd-csau-products .edd_download {
        width: 48%;
        margin-right: 1.8%;
        margin-bottom: 2rem
    }
}

.edd_download_excerpt {
    font-size: .9em;
    line-height: 1.3;
    margin-bottom: 10px
}

.edd-csau-products .edd_download_image {
    float: right
}

.edd-csau-products .edd_download_image .wp-post-image {
    width: 60px;
    margin: 0 0 0 1em;
    border-radius: var(--img-border-radius)
}

.edd-csau-products .edd_download .edd_price {
    margin-bottom: 6px;
    margin-top: 6px
}

.edd-csau-products .edd-submit {
    font-size: inherit
}

.edd-csau-products h2 {
    font-size: 1.5em
}

.edd-csau-products .edd_download_inner {
    padding: 1em;
    min-height: 180px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 1px 1px 5px #bbb
}

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

.edd_download_inner:before,
.edd_download_inner:after {
    display: table;
    content: ""
}

.edd_download_inner:after {
    clear: both
}

h3.edd_download_title {
    padding-top: 0;
    margin-bottom: 0;
    font-size: 1.1em
}

h3.edd_download_title a {
    color: inherit;
    text-decoration: none
}

.searchresult {
    border-bottom: 1px solid #ddd;
    font-size: .9em;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-top: 2rem
}

.citation {
    font-size: .7em;
    color: #999;
    margin-top: .5em
}

.shadebox,
.shadebox-next,
.prodbox,
.wp-block-media-text,
.comment-author-ted>div,
.comment-author-james>div {
    background-color: var(--boxColor);
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 2rem
}

.shadebox,
.shadebox-next {
    background-color: var(--shadeboxColor);
    border-radius: 1rem
}

.shadebox h3,
.shadebox h2,
.prodbox h3,
.prodbox h2,
.wp-block-media-text h3,
.wp-block-media-text h2 {
    padding-top: 0
}

.shadebox p:last-of-type {
    margin-bottom: 0
}

.shadebox-next {
    font-size: 1.1em;
    position: relative;
    margin-top: 4rem
}

.shadebox-next::before {
    content: 'Continue';
    font-weight: bold;
    top: -1.5em;
    position: absolute;
    font-size: .9em;
    text-transform: uppercase;
    padding: 0 5px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.byline {
    margin-top: 3rem;
    border: 2px solid var(--boxColor);
    padding: 1em;
    border-radius: 20px
}

.showbox {
    margin: 1.5em 0 1.5em 0;
    padding: 1em;
    border-radius: 1rem;
    box-sizing: border-box;
    background: #949cff;
    background: var(--gradientColor)
}

.prodbox,
.wp-block-media-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background: white;
    border: 1em solid var(--boxColor)
}

.prodbox h3,
.wp-block-media-text h3 {
    font-size: 1.7em
}

.prodbox>div:nth-child(1),
.wp-block-media-text>figure:nth-child(1) {
    text-align: center;
    margin: 0 auto
}

.prodbox>div:nth-child(2),
.wp-block-media-text>div:nth-child(2) {
    width: 100%
}

.prodbox>div img,
.wp-block-media-text>figure img {
    width: 250px;
    height: 250px;
    object-fit: contain;
    display: block
}

.prodbox .button,
.wp-block-media-text .button {
    width: 100%;
    box-sizing: border-box;
    text-align: center
}

.biobox {
    padding: 1em;
    font-size: .9em;
    border-radius: 2rem 0 2rem 2rem;
    background: var(--boxColor)
}

.biobox span {
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    margin-bottom: 1rem
}

.date {
    font-size: .8em;
    color: #999;
    margin-top: -1.3em;
    margin-bottom: 2rem
}

.date a {
    color: inherit;
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: 1px solid #d3d3d3;
    display: inline
}

.group-card {
    background-color: #f1f1f1;
    padding: 3%;
    margin-bottom: 2em;
    box-sizing: border-box
}

.page-template-page-fullscreen-php .group {
    font-size: .9em
}

.popular-box h4 {
    border-bottom: 1px solid #dedede;
    padding-top: 0
}

.popular-box ul {
    margin: 0;
    list-style: none
}

.popular-box-item {
    display: flex;
    align-items: center;
    line-height: 1.3;
    margin-bottom: 24px
}

.popular-box-item img {
    max-width: 60px;
    border-radius: 50%;
    margin: 0 15px 0 0
}

a.popular-box-item {
    color: inherit;
    border-radius: 12px;
    padding: 6px;
    margin-left: -6px;
    margin-right: -6px
}

a.popular-box-item:hover {
    background-color: var(--hoverColor);
    text-decoration: none
}

.photo {
    vertical-align: middle;
    border-radius: 50%
}

.wp-post-image {
    margin: 0 0 1em 0;
    display: block;
    transition: all .3s ease
}

img.attachment-post-thumbnail {
    max-width: calc(100% + var(--sidePadding));
    margin-left: calc(var(--sidePadding)/-2)
}

.thumb {
    max-width: 150px;
    float: left;
    margin: 0 10px 0 0
}

.article-crumb {
    font-size: .9em;
    margin-bottom: 2em;
    text-transform: uppercase
}

.crumb-link {
    transition: all .2s ease-in-out;
    text-decoration: none;
    font-weight: bold
}

.crumb-link:hover {
    color: #084e6c
}

h5 {
    margin: 0
}

.macro,
.calorie {
    font-size: 2.1em;
    line-height: 1.2;
    font-weight: bold;
    padding-right: 4px;
    color: #888
}

.macros {
    background: #eeebe8;
    padding: 10px
}

.macros>.grid-third {
    min-height: 1px
}

.macro::after {
    content: "grams";
    font-size: .4em;
    color: #aaa;
    font-weight: normal;
    padding-left: 3px
}

.nicetable {
    width: 100%;
    margin-bottom: 1em
}

.datatable {
    box-shadow: 0 0 7px 5px var(--boxColor)
}

.datatable table {
    width: 100%
}

.datatable td:nth-child(n+2),
.datatable th:nth-child(n+2) {
    text-align: right
}

table {
    border-collapse: collapse;
    margin-bottom: 1em
}

td,
th {
    vertical-align: top;
    padding: 4px 8px
}

th {
    text-align: left
}

tbody tr:nth-child(odd) td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04)
}

@media(max-width:980px) {
    .dropdown-menu {
        position: static;
        transform: none;
        padding: 1rem 0;
        border: 0;
        box-shadow: none
    }
}

#header {
    border-bottom: 1px solid #e2e2e6;
    box-shadow: 0 4px 4px #0000000a;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 1001
}

.page-template-page-sales #header {
    position: relative
}

button svg {
    vertical-align: middle;
    width: 1em;
    height: 1em
}


a.booklink,
li.booklink a {
    display: flex;
    padding: .6em;
    border-radius: 8px;
    background: #f2f2f2;
    margin-bottom: 10px;
    text-align: left
}

li.booklink a {
    line-height: 1.3;
    font-size: .8em
}

a.booklink img,
li.booklink a img {
    margin-right: 8px;
    align-self: center
}

.booklink-title {
    font-size: 16px;
    font-weight: bold
}

.booklink-text {
    display: block;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.2
}

a.booklink:hover,
li.booklink a:hover {
    background: var(--gradientColor)
}

.nav-wrap {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 1.3rem
}

.nav-menu {
    flex: 0 0 100%;
    order: 3;
    padding-bottom: 1em
}

.nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: baseline
}

.nav a {
    cursor: pointer;
    user-select: none;
    font-size: .9em;
    display: block;
    font-weight: bold;
    color: #555
}

.active .nav a {
    display: block
}

.nav li {
    display: block;
    padding: 12px 0;
    margin: 0
}


.meal-config {
    position: relative;
    display: flex;
    background-color: #d8f6ff;
    border: 1px solid #00aee5;
    border-radius: .8rem;
    padding: 1rem;
    margin-bottom: 2rem;
    margin-top: 3rem
}

.meal-config h5 {
    position: absolute;
    left: 10px;
    font-size: .8em;
    font-weight: bold;
    top: -1.2em;
    color: #00aee5;
    padding: 0
}

.meal-config span {
    font-size: 1.3em;
    font-weight: bold;
    color: #00aee5
}

.meal-config .btn {
    align-self: center;
    color: var(--mainColor);
    background: #fff;
    border-color: var(--mainColor)
}

.meal {
    padding: 1em;
    margin-bottom: 2rem;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.14);
    border-radius: .8rem
}

.meal-item-sub-head {
    font-weight: bold;
    font-size: .8em;
    color: #5a5a7b;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

.meal h3 {
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 1.4em;
    background: #d8f6ff;
    color: #00aee5;
    padding: 2px 10px;
    border-radius: 4px
}

.meal h3.snack {
    background: #d5f8ef;
    color: #14b789
}

.meal h4 {
    margin: 0;
    padding: 0
}

.day-hidden {
    display: none
}

.meal-cals {
    float: right;
    color: #8e8eb1
}

.meal-item {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap
}

.meal-item .meal-item-sub {
    flex-basis: 100%;
    box-sizing: border-box
}

.meal-item .meal-item-sub:nth-child(2) {
    font-size: .9em;
    background: none;
    border-radius: .8rem;
    padding: 1em
}

.meal-item .meal-item-sub:nth-child(3) {
    font-size: .9em;
    flex-basis: 100%
}

.meal-item-head {
    display: flex;
    padding-top: 1em
}

.meal-item .serving {
    color: #8e8eb1;
    font-size: .9em
}

.meal .calories {
    background: #def7ec;
    color: #03543f
}

.meal-item ul {
    list-style: none;
    margin: 0
}

.meal-item ol {
    margin-bottom: 0
}

.meal-item ol li::before {
    background: none;
    color: inherit
}

.meal-image {
    width: 100px;
    height: 100px;
    border-radius: 20px;
    object-fit: cover;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.ingred {
    margin: 0
}

.ingred:before {
    color: #8e8eb1;
    content: "\25AA";
    padding-right: .25em;
    position: relative
}

.mpnutrients {
    display: flex;
    justify-content: space-between;
    border: 1px solid #d6d6d6;
    padding: 0 12px;
    box-sizing: border-box;
    margin-bottom: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.1em
}

.mpnutrients>div {
    border-right: 1px solid #d6d6d6;
    flex-basis: 25%;
    text-align: center
}

.mpnutrients>div:last-child {
    border-right: 0
}

.spinner-container {
    text-align: center;
    background: var(--boxColor);
    padding: 2rem;
    min-height: 90vh;
    margin-top: 2rem
}

.spinner {
    position: relative;
    display: inline-flex;
    border-radius: 50%;
    border-style: solid;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .875rem;
    animation-name: spinner-rotate;
    animation-duration: .6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    width: 3rem;
    height: 3rem;
    border-width: 2px;
    transform-origin: 50% 50% calc((1rem/2)+ 2px);
    border-color: rgba(82, 82, 82, 0.25);
    border-top-color: var(--mainColor)
}

@keyframes spinner-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.border {
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.float-left {
    float: left
}

.float-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.float-right {
    float: right
}

.my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

.no-space {
    margin: 0;
    padding: 0
}

.no-space-bottom {
    margin-bottom: 0;
    padding-bottom: 0
}

.no-space-top {
    margin-top: 0;
    padding-top: 0
}

.space-bottom {
    margin-bottom: 3em
}

.space-bottom-small {
    margin-bottom: .470588235em;
    padding-bottom: 0
}

.space-top {
    padding-top: 1em
}

.space-top-big {
    padding-top: 3.5em
}

.group:before,
.group:after,
.container:before,
.container:after,
.row:before,
.row:after {
    display: table;
    content: ""
}

.group:after,
.container:after,
.row:after {
    clear: both
}

li.comment p:first-of-type {
    margin-top: 5px
}

li.comment p:last-of-type {
    margin-bottom: 5px
}

.comment-author {
    font-weight: bold
}

ul.commentlist {
    margin: 0
}

.time {
    font-weight: normal;
    color: #999;
    padding-left: 8px
}
.children {
    margin-top: 1em
}

.alignleft,
.alignright,
.aligncenter,
.alignnone {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em
}

.alignnone {
    max-width: calc(100% + var(--sidePadding));
    margin-left: calc(var(--sidePadding)/-2);
    margin-right: calc(var(--sidePadding)/-2)
}

.wp-caption-text {
    font-size: .9em;
    color: gray;
    padding-top: .5em
}

.bookctas {
    float: none
}

@media(min-width:600px) {
    .card-wrap {
        grid-template-columns: repeat(2, 1fr)
    }

    a.card {
        flex-direction: column
    }

    .dropdown-menu-flex {
        display: flex;
        gap: 30px
    }

    .dropdown-menu {
        min-width: 240px
    }

    .card-img {
        height: 150px;
        width: auto;
        border-top-right-radius: 10px;
        border-bottom-left-radius: unset
    }

    .card-text-wrap {
        padding-top: 14px;
        padding-bottom: 80px;
        align-self: unset
    }

    .card-text-comments {
        padding: 14px;
        margin: 0;
        flex: none
    }

    img.attachment-post-thumbnail,
    .alignnone {
        max-width: 100%;
        margin-left: 0
    }

    .prodbox>div:nth-child(1),
    .wp-block-media-text>figure:nth-child(1) {
        width: 40%
    }

    .prodbox>div:nth-child(2),
    .wp-block-media-text>div:nth-child(2) {
        width: 60%;
        padding: 0 1em 1em 1em;
        box-sizing: border-box
    }

    .prodbox .button,
    .wp-block-media-text .button {
        width: auto
    }

    .meal-item .meal-item-sub {
        flex-basis: 50%
    }

    .meal-item .meal-item-sub:nth-child(2) {
        background: var(--boxColor)
    }

    .signup-blurb {
        flex-direction: row
    }
}

@media(min-width:800px) {

    .container,
    .container-content,
    .full-block-padding {
        width: calc(100vw - 90px)
    }

    .container-content {
        padding-top: var(--topPadding)
    }

    .card-wrap {
        grid-template-columns: repeat(3, 1fr)
    }

    .adarticle {
        min-height: 90px;
        background: transparent;
        margin-left: 0;
        margin-right: 0
    }

    body {
        font-size: 20px
    }

    h1 {
        font-size: 2.235em
    }

    h2 {
        font-size: 1.7em
    }

    h3 {
        font-size: 1.4em
    }

    .btn-large {
        font-size: 1.2em
    }

    .visible-tablet {
        visibility: visible;
        display: block
    }

    .hidden-tablet {
        visibility: hidden;
        display: none
    }

    .bookctas {
        float: left;
        box-sizing: border-box;
        width: 50%
    }

    .bookctas:first-of-type {
        padding-right: 10px
    }

    .bookctas:last-of-type {
        padding-left: 10px
    }

    .alignleft {
        float: left;
        margin-right: .82em
    }

    .alignright {
        float: right;
        margin-left: .82em
    }

    .row {
        margin-left: -1.5%;
        margin-right: -1.5%
    }

    [class^="grid-"],
    [class*=" grid-"] {
        float: left;
        width: 96.97%;
        margin-left: 1.5%;
        margin-right: 1.5%
    }

    .grid-small-half {
        width: 46.9%
    }

    .grid-small-third {
        width: 29.6%
    }

    .grid-flip {
        float: right
    }
}

@media(min-width:980px) {
    .card-wrap {
        grid-template-columns: repeat(4, 1fr)
    }

    .full-page {
        padding-top: var(--topPadding)
    }

    .full-block h1,
    .full-block-padding h1 {
        font-size: 2.7em;
        padding-top: 0;
        margin-bottom: 0
    }

    .full-block h2,
    .full-block-padding h2 {
        font-size: 1.7em
    }

    .full-primary-text {
        font-size: 1.3em
    }

    .clients-block {
        flex-basis: 22%;
        margin-bottom: 40px
    }

    .clients-wrap {
        margin-top: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 0 10px 0;
        position: relative
    }

    .clients-shade {
        flex-basis: 29%
    }

    .clients-shade-single {
        max-width: 600px
    }

    .main-carousel::after {
        content: ''
    }

    .visible-phone {
        display: none
    }

    .hidden-phone {
        display: block
    }

    .sidebar {
        display: block
    }

    .nav-wrap {
        line-height: 50px
    }

    .mobile-menu {
        display: flex
    }

    .nav-menu {
        flex: none;
        padding-bottom: 0
    }

    .arrow {
        box-shadow: rgba(0, 0, 0, 0.1) 4px -4px 5px 0
    }

    .content {
        width: calc(100% - 390px)
    }

    .nav {
        flex-direction: row
    }

    .nav li {
        display: inline-block;
        margin-right: 19px;
        padding: 6px 0;
        margin-bottom: 0
    }

    .nav a {
        text-align: left
    }

    .grid-third {
        width: 30.30%
    }

    .grid-half {
        width: 46.96%
    }

    .grid-two-thirds {
        width: 63.637%
    }

    .text-tall {
        font-size: 1.4em
    }

    .visible-wide {
        visibility: visible;
        display: block
    }

    .grid-1 {
        width: 13.637%
    }

    .grid-2 {
        width: 30.33%
    }

    .grid-5 {
        width: 80.33%
    }

    .grid-6,
    .grid-full {
        width: 96.997%
    }
}

#resultanchor {
    display: none
}

.form-calculator {
    padding: 20px;
    margin-bottom: 2rem;
    background: var(--boxColor);
    margin-left: calc(var(--sidePadding)/-2);
    margin-right: calc(var(--sidePadding)/-2)
}

.form-calculator p {
    margin: 0 0 .5rem 0
}

form h4 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 5px
}

.right {
    text-align: right;
    font-weight: bold
}

.percent {
    color: #aaa;
    font-size: .8em
}

.pie {
    min-width: 220px;
    width: 50%;
    float: left
}

::-webkit-inner-spin-button {
    -webkit-appearance: none
}

::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

#bmiBar {
    position: relative;
    height: 28px;
    width: 100%;
    margin: 1rem auto
}

#userBMI {
    position: absolute;
    height: 38px;
    width: 3px;
    top: -5px;
    border-radius: 2px;
    background: black
}

.barSegment {
    height: 28px;
    float: left;
    font-weight: normal;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 28px
}
.tip {
    z-index: 100;
    background-color: #1a102a;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    bottom: auto;
    font-size: .8em;
    padding: 2px 10px;
    color: #fff;
    padding: 6px 12px;
    right: auto;
    top: 47px;
    left: 0;
    white-space: nowrap;
    position: absolute;
    visibility: hidden
}

.tip:after {
    border-bottom: 10px solid #1a102a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    content: '';
    display: block;
    height: 0;
    left: 10px;
    position: absolute
}

.question .tip:after {
    left: 40px
}

.question .tip {
    z-index: 1;
    left: -42px !important;
    max-width: 270px;
    top: 26px !important;
    white-space: normal !important;
    text-align: left;
    min-width: 230px;
    max-width: 230px;
    text-transform: none !important;
    font-weight: normal
}

.tip a {
    text-decoration: underline
}

.tip img {
    margin: 0
}

.question .tip-image {
    padding: 0;
    min-width: 280px
}

@media(max-width:500px) {

    .question .tip-image,
    .question .tip {
        left: 50% !important;
        transform: translate(-50%);
        position: fixed;
        top: 50% !important
    }

    .tip:after {
        display: none
    }
}

.error {
    position: relative
}

.error .tip,
.question:hover .tip {
    visibility: visible
}

.boxwrap {
    white-space: nowrap
}

.question {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: relative;
    width: 1.1em;
    height: 1.1em;
    color: #7d7979;
    cursor: help;
    border: 2px solid #7d7979;
    line-height: 1.2
}

.hidden {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .4s ease 0s
}

.customblock-show {
    max-height: 500px !important;
    opacity: 1 !important;
    overflow: visible !important
}

input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    margin-bottom: .3em;
    cursor: pointer
}

.input-inline {
    display: inline;
    width: auto
}

.input-with-radio-wrap {
    display: flex;
    align-items: center
}

.input-with-radio {
    display: inline;
    margin-left: 1rem;
    width: 100%
}

.input-multi {
    display: flex;
    gap: 5px
}

.input-small {
    max-width: 300px
}

.switch {
    margin-bottom: 2rem;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    flex-wrap: nowrap
}

.switch:focus-within {
    border-color: rgba(0, 0, 0, 0.5)
}

.switch-inline {
    width: 9.375rem;
    flex-shrink: 0
}

.switch-border {
    border: 2px solid #9cc2cb;
    border-radius: 5px
}

#compFormWrap .switch-border {
    border-color: #7b86e9
}

#menoFormWrap .switch-border {
    border-color: #db2777
}

.option {
    flex-grow: 1
}

.option label {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.4);
    background-color: #d2e4e8;
    transition: transform .4s, color .4s, background-color .4s;
    user-select: none;
    padding: 7px;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    height: 100%
}

#compFormWrap .option label {
    background-color: #f3effc
}

#menoFormWrap .option label {
    background-color: #eee5e9
}

.option input[type="radio"],
.goal-slide input[type="radio"] {
    appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    display: block;
    border: 0
}

.option input[type="radio"]:focus {
    outline: 0;
    outline-offset: 0
}

.option input[type="radio"]:checked~label {
    background-color: #9cc2cb;
    color: #000
}

#compFormWrap .option input[type="radio"]:checked~label {
    background-color: #7b86e9;
    color: #fff
}

#menoFormWrap .option input[type="radio"]:checked~label {
    background-color: #db2777;
    color: #fff
}

.goal-slide-wrap {
    padding: 1rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem
}

.goal-slide input[type="radio"] {
    position: absolute
}

.goal-slide {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.goal-slide>div {
    flex-basis: 33.3%;
    text-align: center;
    line-height: 1.1;
    font-size: 16px;
    margin-bottom: 6px
}

.goal-slide>label {
    border-radius: 50%;
    cursor: pointer;
    height: 3em;
    flex-basis: 3em;
    border: 2px solid #4a5ae2;
    background: white;
    box-sizing: border-box
}

#cslider {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.1em;
    margin: .46em 0 0 .46em;
    background: #4a5ae2;
    height: 2.1em;
    transition: transform 1s;
    border-radius: 50%;
    animation-timing-function: ease-in-out;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    transition: .2s left .05s ease-in-out
}

#sense1:checked~#cslider {
    animation-name: input1;
    left: calc(100%/6 - 1.5em)
}

#sense2:checked~#cslider {
    animation-name: input1;
    left: calc(100%/2 - 1.53em)
}

#sense3:checked~#cslider {
    animation-name: input1;
    left: calc(83.3% - 1.5em)
}

@keyframes input1 {

    30%,
    70% {
        transform: scale(0.5)
    }
}

.radio-group {
    display: grid;
    margin-bottom: 2rem
}

.radio-item {
    display: flex;
    align-items: center;
    margin: 0;
    padding: .6rem;
    border-color: #9cc2cb;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    background-color: #d2e4e8
}

#compFormWrap .radio-item,
.goal-slide-wrap {
    border-color: #7b86e9;
    background-color: #f3effc
}

#menoFormWrap .radio-item {
    border-color: #db2777;
    background-color: #eee5e9
}

.radio-item:first-child {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.radio-item:last-child {
    border-bottom-width: 1px;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.radio-group input[type="radio"] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    border-radius: 100%;
    border: 1px solid #b8b8b8;
    background-color: #fff;
    user-select: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    outline: 2px solid transparent
}

@media(min-width:800px) {
    .radio-group input[type="radio"] {
        outline-color: #d2e4e8
    }
}

.radio-group input[type="radio"]:focus {
    outline-color: black
}

.radio-group input[type="radio"]:checked {
    background-image: url('data:image/svg+xml;utf8,<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>')
}

.radio-item:hover,
.radio-group .checked {
    background-color: #9cc2cb
}

.calc-result {
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 1rem;
    text-align: center;
    background: white;
    border-radius: 2rem;
    padding: 1rem
}

.calc-quiz {
    font-size: 1.3rem;
    text-align: center;
    max-width: 400px;
    margin: 1rem auto auto auto !important
}

.calc-result-calories {
    margin: auto;
    font-size: 1.3em !important;
    margin-bottom: 2rem
}

.calc-result table {
    border: 0;
    box-shadow: none;
    margin-bottom: 0
}

.calc-result td {
    background-color: transparent !important;
    border: 0;
    text-align: right;
    white-space: nowrap
}

.calc-result td:first-of-type {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    padding-left: 0;
    max-width: 0
}

.calc-result td:last-of-type {
    padding-right: 0
}

.fat-dot::before,
.protein-dot::before,
.carb-dot::before {
    display: inline-block;
    content: '';
    border-radius: 100%;
    height: .65em;
    width: .65em;
    margin-right: .4rem;
    background-color: #fec15d
}

.fat-color {
    color: #fec15d
}

.protein-dot::before {
    background-color: #9ccee4
}

.protein-color {
    color: #9ccee4
}

.carb-dot::before {
    background-color: #8edd54
}

.carb-color {
    color: #8edd54
}

.results {
    margin: 2rem 0;
    text-align: center
}

.results h2 {
    padding-top: 0
}

@media(min-width:500px) {
    .calc-result-calories {
        display: inline-block;
        font-size: 1.4em !important
    }

    .calc-result td:first-of-type {
        max-width: initial;
        width: auto
    }
}

@media print {

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    * {
        color: #000 !important;
        text-shadow: none !important
    }

    @page {
        margin: .5cm
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    a[href^="#"]:after {
        content: ""
    }

    h1,
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h1,
    h2,
    h3 {
        page-break-after: avoid
    }

    blockquote,
    pre {
        border-color: #999
    }

    thead {
        display: table-header-group
    }

    footer,
    #header {
        display: none
    }

    .showhide {
        position: relative;
        height: auto;
        overflow: visible !important;
        opacity: 1;
        top: 0
    }
}

.lwptoc_item {
    margin-top: 5px !important
}

.lwptoc_item::before {
    content: "•"
}

.lwptoc_itemWrap .lwptoc_itemWrap {
    margin: 2px 0 0 1.2em
}

.lwptoc_i {
    border-radius: 2rem
}

/*! Flickity v2.3.0 https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

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

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

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

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

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

.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    border: 0;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

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

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

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

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

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

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

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

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

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

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

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

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

.flickity-page-dots {
    bottom: 15px
}

.flickity-page-dots .dot {
    padding: 0
}

.flickity-button {
    background: rgba(206, 234, 246, 0.6)
}

.modal-content {
    display: none
}

.tingle-modal * {
    box-sizing: border-box
}

.tingle-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto
}

@supports(-webkit-backdrop-filter:blur(6px)) or(backdrop-filter:blur(6px)) {
    .tingle-modal {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px)
    }
}

button .tingle-modal__closeIcon {
    color: #333
}

.tingle-modal-box__content h3:first-of-type {
    margin-top: 0
}

.tingle-modal--confirm .tingle-modal-box {
    text-align: center
}

.tingle-modal--noOverlayClose {
    cursor: default
}

.tingle-modal--noClose .tingle-modal__close {
    display: none
}

.tingle-modal__close {
    background-color: #f2f2f2;
    border-radius: .25rem;
    z-index: 1000;
    width: 2rem;
    height: 2rem;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 5px
}

.tingle-modal__close svg * {
    fill: currentColor
}

.tingle-modal__closeLabel {
    display: none
}

.tingle-modal-box {
    position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 580px;
    border-radius: 10px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    will-change: transform, opacity
}

.ev-image-modal .tingle-modal-box {
    width: unset;
    max-width: 100%
}

.tingle-modal-box__content {
    padding: 2rem
}

.tingle-enabled {
    position: fixed;
    right: 0;
    left: 0;
    overflow: hidden
}

.tingle-modal--visible .tingle-modal-box__footer {
    bottom: 0
}

.tingle-modal--visible {
    visibility: visible;
    opacity: 1
}

.tingle-modal--visible .tingle-modal-box {
    animation: scale .2s cubic-bezier(0.68, -.55, .265, 1.55) forwards
}

.tingle-modal--overflow {
    overflow-y: scroll;
    padding-top: 8vh
}

.tingle-modal-box__footer {
    padding: 2rem
}

@media(max-width:540px) {
    .tingle-modal {
        top: 0;
        display: block;
        padding-top: 60px;
        width: 100%
    }

    .tingle-modal-box {
        width: auto;
        margin-left: .5rem;
        margin-right: .5rem
    }

    .tingle-modal-box__content {
        overflow-y: scroll;
        padding: 1rem
    }

    .tingle-modal--noClose {
        top: 0
    }

    .tingle-modal--noOverlayClose {
        padding-top: 0
    }

    .tingle-modal-box__footer .tingle-btn {
        display: block;
        float: none;
        margin-bottom: 1rem;
        width: 100%
    }
}

@keyframes scale {
    0% {
        opacity: 0;
        transform: scale(0.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}