/* Colors Definitions */
.green {
    color: #80BD01 !important; }

.darkgreen {
    color: #578002 !important; }

.teal {
    color: #0096A9 !important; }

.darkteal {
    color: #005965 !important; }

.magenta {
    color: #BA2153 !important; }

.darkmagenta {
    color: #7F0D3E !important; }

.purple {
    color: #6A1F45 !important; }

.lt-grey {
    color: #D3D1D4 !important; }

.bg-teal {
    background-color: #0096A9; }

.bg-teal-dark {
    background-color: #005965; }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, .title-primary {
    font-size: 2em;
    line-height:45px;
    margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sub {
    bottom: -0.25em; }

sup {
    top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
    display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none; }

/* ---Grid System----
* Place .cols in .rows
* Cols must sum to 12
*/
.row,
.col {
    box-sizing: border-box; }

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

.row:after {
    clear: both; }

.col {
    position: relative;
    float: left;
    display: block;
    min-height: 1px; }

.col + .col {
    margin-left: 1.6%; }

.col-1 {
    width: 6.86666666667%; }

.col-2 {
    width: 15.3333333333%; }

.col-3 {
    width: 23.8%; }

.col-4 {
    width: 32.2666666667%; }

.col-5 {
    width: 40.7333333333%; }

.col-6 {
    width: 49.2%; }

.col-7 {
    width: 57.6666666667%; }

.col-8 {
    width: 66.1333333333%; }

.col-9 {
    width: 74.6%; }

.col-10 {
    width: 83.0666666667%; }

.col-11 {
    width: 91.5333333333%; }

.col-12 {
    width: 100%; }

.default-grid, .password-reset-page .password-reset-grid, .dashboard-grid-container, .dashboard-accordians .accordian, #setPrefs, #setGoals, #setCleanse, #reviewEval, .parent-container, .modal-screen .modal, header.header-grid-container, .register-page .register-grid, .welcome-wrapper, .login-page .login-grid, .resource-wrapper, #video-resource-section .section-list, #movement-resource-section .section-list, .user-wrapper, .journal-page, .support-page-grid-container, .meal-planner-container, .set-avoids-options, .set-cleanse-wrapper .pick-date-container, .todays-video-acc .accordian-content, .cleanse-complete {
    display: grid;
    grid-template-columns: repeat(12, 1fr); }
@media (max-width: 767px) {
    .default-grid, .password-reset-page .password-reset-grid, .dashboard-grid-container, .dashboard-accordians .accordian, #setPrefs, #setGoals, #setCleanse, #reviewEval, .parent-container, .modal-screen .modal, header.header-grid-container, .register-page .register-grid, .welcome-wrapper, .login-page .login-grid, .resource-wrapper, #video-resource-section .section-list, #movement-resource-section .section-list, .user-wrapper, .journal-page, .support-page-grid-container, .meal-planner-container, .set-avoids-options, .set-cleanse-wrapper .pick-date-container, .todays-video-acc .accordian-content, .cleanse-complete {
        grid-column-gap: 3px; } }
@media (min-width: 768px) {
    .default-grid, .password-reset-page .password-reset-grid, .dashboard-grid-container, .dashboard-accordians .accordian, #setPrefs, #setGoals, #setCleanse, #reviewEval, .parent-container, .modal-screen .modal, header.header-grid-container, .register-page .register-grid, .welcome-wrapper, .login-page .login-grid, .resource-wrapper, #movement-resource-section .section-list, #video-resource-section .section-list, .user-wrapper, .journal-page, .support-page-grid-container, .meal-planner-container, .set-avoids-options, .set-cleanse-wrapper .pick-date-container, .todays-video-acc .accordian-content, .cleanse-complete {
        grid-column-gap: 4px; } }
@media (min-width: 1015px) {
    .default-grid, .password-reset-page .password-reset-grid, .dashboard-grid-container, .dashboard-accordians .accordian, #setPrefs, #setGoals, #setCleanse, #reviewEval, .parent-container, .modal-screen .modal, header.header-grid-container, .register-page .register-grid, .welcome-wrapper, .login-page .login-grid, .resource-wrapper, #video-resource-section .section-list, #movement-resource-section .section-list, .user-wrapper, .journal-page, .support-page-grid-container, .meal-planner-container, .set-avoids-options, .set-cleanse-wrapper .pick-date-container, .todays-video-acc .accordian-content, .cleanse-complete {
        grid-column-gap: 20px; } }

body > .ember-view {
    display: grid;
    grid-template-columns: minmax(0px, 9400px);
    grid-template-areas: "header"
        "outlet"
        "footer"
        "basebar";
    justify-content: center;
    justify-items: center; }

.header-grid-container {
    grid-area: header;
    width: 100%;
    /*  max-width: 1200px; */ }
@media (max-width: 767px) {
    .header-grid-container {
        margin-bottom: 20px; } }
@media (min-width: 768px) {
    .header-grid-container {
        margin-bottom: 28px; } }
@media (min-width: 1015px) {
    .header-grid-container {
        margin-bottom: 35px; } }

.outlet-grid-container {
    grid-area: outlet;
    width: 100%;
    max-width: 940px; }

.footer-grid-container {
    grid-area: footer;
    margin-top: 80px;
    width: 100%; }

.basebar-grid-container {
    grid-area: basebar;
    width: 100%; }

.full-width .outlet-grid-container {
    grid-area: outlet;
    width: 100%;
    max-width: none; }

.full-width .footer-grid-container {
    margin-top: 0; }

.uppercase, .primary-btn {
    text-transform: uppercase; }

.lowercase, .secondary-btn {
    text-transform: lowercase; }

.align-text-left, .password-reset-page h1, .password-reset-page .title-primary, .password-reset-page .forgot-query, .login-page h1, .login-page .title-primary, .login-page .forgot-query {
    text-align: left; }

.align-text-right {
    text-align: right; }

.align-text-center {
    text-align: center; }

.full-width {
    width: 100% !important;
    box-sizing: border-box; }

@media (max-width: 767px) {
    .btn-small {
        width: 180px !important; } }

@media (min-width: 768px) {
    .btn-small {
        width: 188px !important; } }

@media (min-width: 1015px) {
    .btn-small {
        width: 209px !important; } }

.btn-medium {
    width: 250px !important; }

.divider {
    width: 100%;
    height: 52%; }
@media (max-width: 767px) {
    .divider {
        height: 5px;
        border-top: 2px dotted #D3D1D4;
        margin-top: 1em;
        padding-bottom: 1em; } }
@media (min-width: 768px) {
    .divider {
        border-left: 2px dotted #D3D1D4; } }

.underline {
    text-decoration: underline; }

.heading-left {
    text-align: left; }

.border-divider {
    width: 45%;
    height: 5px;
    border-top: 2px dashed #D3D1D4;
    margin-top: .56em; }

.or-divider-container {
    display: flex;
    flex-direction: row;
    width: 280px;
    justify-content: space-around;
    margin-bottom: 1em; }

.or-text {
    padding: 0 2%; }

.return-to-btn {
    display: flex;
    justify-content: center; }
.return-to-btn .btn, .return-to-btn .primary-btn, .return-to-btn .secondary-btn {
    width: 230px; }

#planpref-separator {
    margin-top: 1em; }

.save-btn-container {
    display: flex;
    justify-content:space-between;}
@media (max-width: 767px) {
    .save-btn-container {
        display: block; } }
.save-btn-container .btn, .save-btn-container .primary-btn, .save-btn-container .secondary-btn {
    align-self: center;
    max-height: 2.7em; }

.resource-dd {
    width: 100% !important;
    margin-top: 1em; }

/* ---Typography--- */
body {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 18px;
    color: #787878; }

h1, .title-primary {
    font-weight: 300;
    margin: 0;
    color: #BA2153;
    margin-bottom: 6px;
    text-transform: none; }
@media (max-width: 767px) {
    h1, .title-primary {
        font-size: 1.556em; } }
@media (min-width: 768px) {
    h1, .title-primary {
        font-size: 1.944em; } }
@media (min-width: 1015px) {
    h1, .title-primary {
        font-size: 2.5em; } }

h2 {
    font-weight: 400;
    color: #BA2153;
    text-transform: capitalize; }
@media (max-width: 767px) {
    h2 {
        font-size: 1.278em; } }
@media (min-width: 768px) {
    h2 {
        font-size: 1.556em; } }
@media (min-width: 1015px) {
    h2 {
        font-size: 1.889em; } }

h3, .title-secondary {
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
    color: #BA2153;
    line-height: 1.3; }
@media (max-width: 767px) {
    h3, .title-secondary {
        font-size: 1.056em; } }
@media (min-width: 768px) {
    h3, .title-secondary {
        font-size: 1.167em; } }
@media (min-width: 1015px) {
    h3, .title-secondary {
        font-size: 1.278em; } }
h3 a, .title-secondary a {
    color: #BA2153; }

h4, .title-description {
    font-weight: 400;
    margin: 0;
    color: #787878;
    line-height: 1.4; }
@media (max-width: 767px) {
    h4, .title-description {
        font-size: .944em; } }
@media (min-width: 768px) {
    h4, .title-description {
        font-size: .944em; } }
@media (min-width: 1015px) {
    h4, .title-description {
        font-size: 1.056em; } }

h5, .membership-benefits li, .h5-basics, .notice {
    font-weight: 400;
    font-style: italic;
    color: #787878;
    line-height: 1.5;
    text-transform: none; }
@media (max-width: 767px) {
    h5, .membership-benefits li, .h5-basics, .notice {
        font-size: .722em; } }
@media (min-width: 768px) {
    h5, .membership-benefits li, .h5-basics, .notice {
        font-size: .833em; } }
@media (min-width: 1015px) {
    h5, .membership-benefits li, .h5-basics, .notice {
        font-size: .889em; } }

.top-section h3 {
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
    color: #BA2153;
    line-height: 1.3; }
@media (max-width: 767px) {
    h3, .title-secondary {
        font-size: 1.056em; } }
@media (min-width: 768px) {
    h3, .title-secondary {
        font-size: 1.167em; } }
@media (min-width: 1015px) {
    h3, .title-secondary {
        font-size: 1.278em; } }
h3 a, .title-secondary a {
    color: #BA2153; }

.copy {
    text-transform: none; }

a {
    cursor: pointer;
    text-decoration: none; }

.inline {
    display: inline-block; }

.text-center {
    text-align: center; }

.day-counter {
    margin-left: 1.65em;
    margin-top: 0px;
    margin-bottom: 0px;
    transform: translateY(-0.15em); }

.tweet {
    width: 100%;
    color: #BA2153; }

.accordian-header {
    text-transform: none;
    padding-left: 10%;
    line-height: 50px;
    padding: 0 10%;
    color: #ffffff;
    font-weight: 500; }
@media (max-width: 767px) {
    .accordian-header {
        line-height: 72px; } }

.welcome-title {
    color: #BA2153; }

.conf-note {
    color: #787878; }

.title-primary {
    margin-bottom: 9px; }
@media (min-width: 1015px) {
    .title-primary {
        margin-bottom: 12px; } }

.title-secondary {
    margin-bottom: 8px; }
@media (min-width: 1015px) {
    .title-secondary {
        margin-bottom: 10px; } }

.heading-primary, .resource-wrapper #_8020-manual-section h3, .resource-wrapper #_8020-manual-section .title-secondary,
.resource-wrapper #_8020-resource-section h3, .resource-wrapper #_8020-resource-section .title-secondary,
.resource-wrapper #audio-resource-section h3, .resource-wrapper #audio-resource-section .title-secondary,
.resource-wrapper #cleanse-manual-section h3, .resource-wrapper #cleanse-manual-section .title-secondary,
.resource-wrapper #cleanse-resource-section h3, .resource-wrapper #cleanse-resource-section .title-secondary,
.resource-wrapper #faq-section h3, .resource-wrapper #faq-section .title-secondary,
.resource-wrapper #video-resource-section h3,.resource-wrapper #movement-resource-section h3, .resource-wrapper #video-resource-section .title-secondary,
.resource-wrapper .live-cleanse-box h3, .resource-wrapper .live-cleanse-box .title-secondary {
    margin-bottom: 22px;
    margin-top: 37px; }

.form-input, .resource-wrapper .resource-section .section-list ul li a, .faq-expander .body.open p {
    font-weight: 400;
    color: #787878;
    font-size: 0.778em;
    text-decoration: none;
    line-height: 1.5em; }

.recipe-label {
    text-transform: capitalize;
    font-size: 13px; }

.d-block {
    display: block; }

.d-inline-block {
    display: inline-block; }

.w-10 {
    width: calc(10 * 1%); }

.w-20 {
    width: calc(20 * 1%); }

.w-30 {
    width: calc(30 * 1%); }

.w-40 {
    width: calc(40 * 1%); }

.w-50 {
    width: calc(50 * 1%); }

.w-60 {
    width: calc(60 * 1%); }

.w-70 {
    width: calc(70 * 1%); }

.w-80 {
    width: calc(80 * 1%); }

.w-90 {
    width: calc(90 * 1%); }

.w-100 {
    width: calc(100 * 1%); }

.password-verification-wrapper {
    margin-top: 2rem; }
.password-verification-wrapper > table {
    border-bottom: 1px solid #D3D1D4; }
.password-verification-wrapper > table tbody tr {
    border: none !important; }
.password-verification-wrapper > table tbody tr:first-child {
    border-top: solid 1rem transparent !important; }

.billing-info-wrapper > table tbody tr {
    border: none !important; }

.password-reset-page {
    /* background-image: url("https://coco.consciouscleanse.com/wp-content/uploads/2018/02/kiwiCropped.jpg"); */
    background-image: url("/assets/images/kiwiCrop.png");
    background-size: 220px;
    background-position: right;
    background-repeat: no-repeat;
    background-color:#f6f5f5;
    /* border-top: 1px solid #D3D1D4; */ }
.password-reset-page .password-reset-grid {
    align-items: center;
    justify-items: center;
    padding-bottom: 80px; }
@media (max-width: 767px) {
    .password-reset-page .password-reset-grid {
        grid-template-areas: " . l l l l l l l l l l ." " . d d d d d d d d d d ." " . r r r r r r r r r r . " " . n n n n n n n n n n . "; } }
@media (min-width: 768px) {
    .password-reset-page .password-reset-grid {
        grid-template-areas: " . l l l l l . d r r r ." " . n n n n n n n n n n . "; } }
@media (min-width: 1015px) {
    .password-reset-page .password-reset-grid {
        grid-template-areas: " . . . l l l d r r r . ." " n n n n . . . . . . . ."; } }
.password-reset-page .password-reset-grid .password-reset-form {
    grid-area: l;
    width: 100%;
    min-height: 495px; }
.password-reset-page .password-reset-grid .sign-up-form {
    grid-area: r;
    width: 100%; 
    min-height: 240px; }
.password-reset-page .password-reset-grid .divider {
    grid-area: d;
    width: 100%; }
.password-reset-page .password-reset-grid .newuser-text {
    grid-area: n;
    width: 100%; }
.password-reset-page p {
    text-align: left; }
.password-reset-page hr {
    width: 60%; }
.password-reset-page h1, .password-reset-page .title-primary {
    color: #BA2153;
    margin: 1em 0 .5em;
    width: 100%; }
.password-reset-page .forgot-query {
    font-style: italic;
    color: #787878; }
.password-reset-page .forgot-query .forgot-link {
    text-decoration: none;
    color: #787878; }
.password-reset-page .error-note {
    color: #787878;
    font-style: italic;
    font-weight: 900; }
.password-reset-page .error-note a {
    text-decoration: none;
    color: #787878; }
.password-reset-page .btn, .password-reset-page .primary-btn, .password-reset-page .secondary-btn, .password-reset-page button {
    display: block; }
.password-reset-page .btn.outline, .password-reset-page .outline.primary-btn, .password-reset-page .primary-btn.secondary-btn, .password-reset-page .secondary-btn, .password-reset-page button.outline, .password-reset-page button.secondary-btn {
    background-color: #ffffff; }
.password-reset-page .btn.outline:hover, .password-reset-page .outline.primary-btn:hover, .password-reset-page .primary-btn.secondary-btn:hover, .password-reset-page .secondary-btn:hover, .password-reset-page button.outline:hover, .password-reset-page button.secondary-btn:hover {
    background-color: #BA2153;
    color: #ffffff; }
.password-reset-page button {
    border-radius: 0;
    border: 1px solid #ffffff;
    width: 100%;
    margin-bottom: 1em; }
.password-reset-page .register-form {
    text-align: center;
    padding: 25px 0 100px; }
.password-reset-page .register-form h3, .password-reset-page .register-form .title-secondary {
    margin-bottom: 1em; }

.button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.7em;
    margin-bottom: 1em; }

.reset-password-wrapper >  .button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1.7em;
    justify-content: space-between;
    margin-bottom: 1em; } 

.sign-up-form .primary-btn {
    margin-bottom: 1em;
    margin-top: 1.6em; }

.set-cleanse-wrapper .add-to-cal-button a.calBtn {
    display: inline-block;
    width: auto; }

.set-cleanse-wrapper .notice {
    max-width: 100%; }

.set-cleanse-wrapper .save-btn-container .save {
    /* position: absolute; */
    bottom: 1rem;
    right: -2rem;
    width: 100px;
    display: initial; }

.set-cleanse-wrapper .btn-prev.meal-preferences {
    /* position: absolute; */
    bottom: 1rem;
    right: 5rem; }

.set-cleanse-wrapper .set-cleanse,
.set-cleanse-wrapper .btn-prev,
.set-cleanse-wrapper .btn-join-cleanse {
    width: auto !important;
    min-width: 120px;
    display: inline-block; }

#cleanseContent .cleanse-day-wrapper .content-focus > p, #cleanseContent .cleanse-day-wrapper .content-focus > span {
    margin-top: 1rem;
    display: block; }
    
    .my-status {
        grid-area: status;
        margin-bottom: 15px; }
.cleanse-status {
    grid-area: status;
    margin-bottom: 15px; }
@media (min-width: 768px) {
    .cleanse-status {
        margin-top: 27px;
        margin-bottom: 25px; } }
@media (min-width: 1015px) {
    .cleanse-status {
        margin-top: 44px;
        margin-bottom: 50px; } }
.cleanse-status .separator {
    margin-top: 12px; }

.phaseTitle {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 3px; }
@media (min-width: 768px) {
    .phaseTitle {
        margin-bottom: 8px; } }

.dayTitle {
    text-transform: uppercase; }

@media (max-width: 767px) {
    .dashboard-grid-container {
        grid-template-areas: ". status status status status status status status status status status ."
            "acc acc acc acc acc acc acc acc acc acc acc acc "
            ". nav nav nav nav nav nav nav nav nav nav ."
            "social social social social social social social social social social social social"; } }

@media (min-width: 768px) {
    .dashboard-grid-container {
        grid-template-areas: ". status status status status status status status status status status ."
            ". acc acc acc acc acc acc acc acc acc acc . "
            ". . . nav nav nav nav nav nav . . ."
            ". social social social social social social social social social social ."; } }

@media (min-width: 1015px) {
    .dashboard-grid-container {
        grid-template-areas: "status status status status status status status status status status status status"
            "acc acc acc acc acc acc acc acc nav nav nav nav"
            "acc acc acc acc acc acc acc acc social social social social"; } }

.dashboard-accordians {
    grid-area: acc;
    line-height: 1.6rem;
    width: 100%;
    margin-bottom: 40px; }
.dashboard-accordians .journal-entries textarea {
    background-color: #ffffff; }

.sidebar {
    grid-area: nav; }

.accordian-header {
    display: flex; }
.accordian-header div {
    margin: auto 0; }

.dashboard-accordians .accordian, #setPrefs, #setGoals, #setCleanse, #reviewEval {
    grid-template-areas: "header header header header header header header header header header header header " ". content content content content content content content content content content ."; }

.accordian-header {
    grid-area: header; }

.accordian-content {
    grid-area: content; }

@media (max-width: 767px) {
    .cleanse-day-wrapper .content-video .EmberYoutube {
        max-width: 100%; } }

@media (max-width: 767px) {
    .cleanse-day-wrapper .content-video #EmberYoutube-player {
        max-width: 320px;   width: 100%;
        height: 180px; }
    .accordian   .cleanse-day-wrapper .content-video #EmberYoutube-player {
        width: 100%;
        max-width: 320px; }

}

@media (min-width: 768px) {
    .cleanse-day-wrapper .content-video #EmberYoutube-player {
        width: 530px;
        height: 300px; } }

@media (min-width: 1015px) {
    .cleanse-day-wrapper .content-video #EmberYoutube-player {
        width: 509px;
        height: 286px; } }

.cleanse-day-wrapper .content-video .video-player {
    width: 100%;
    margin: auto;
    text-align: center; }

.cleanse-day-wrapper .content-video .video-play {
    margin: auto;
    position: relative;
    max-width: 100%; }
@media (max-width: 767px) {
    .cleanse-day-wrapper .content-video .video-play {
        width: 320px;
        height: 180px; } }
@media (min-width: 768px) {
    .cleanse-day-wrapper .content-video .video-play {
        width: 530px;
        height: 300px; } }
@media (min-width: 1015px) {
    .cleanse-day-wrapper .content-video .video-play {
        width: 509px;
        height: 286px; } }

.parent-container {
    grid-template-areas: ". a a a a a a a a a a ."; }

.set-avoids-wrapper {
    grid-area: a; }

@media (min-width: 768px) {
    .meal-schedule-wrapper {
        width: 90%; } }

.meal-schedule-wrapper table {
    width: 100%; }
.meal-schedule-wrapper table tr td {
    padding: 6px 5px 10px; }

.meal-schedule-wrapper {
    text-align: center;
    margin: 0 auto !important; }

.toggle-buttons {
    display: flex;
    font-weight: 400; }
@media (min-width: 768px) {
    .toggle-buttons {
        font-weight: 700; } }

.today-toggle-btn {
    width: 49.7%; }

.twitter-plugin .socialBtn {
    margin-top: 20px; }

.welcome-buttons {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 22px; }
.welcome-buttons .btn.solid, .welcome-buttons .primary-btn, .welcome-buttons .solid.secondary-btn, .welcome-buttons .secondary-btn.primary-btn {
    text-transform: uppercase;
    font-weight: 300; }

.steps-intro {
    grid-area: steps-intro;
    margin: 15px 0 60px; }
@media (max-width: 939px) {
    .steps-intro {
        margin: 15px 0 36px; } }

.featured-recipe .fbTwitSeparator {
    margin-top: 22px;
    margin-bottom: 18px; }

.featured-recipe .recipe-group h3, .featured-recipe .recipe-group .title-secondary {
    margin-bottom: 1rem; }

.featured-recipe .recipe-group .recipe-wrapper .recipe {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
.featured-recipe .recipe-group .recipe-wrapper .recipe h5, .featured-recipe .recipe-group .recipe-wrapper .recipe .membership-benefits li, .membership-benefits .featured-recipe .recipe-group .recipe-wrapper .recipe li,
.featured-recipe .recipe-group .recipe-wrapper .recipe h4,
.featured-recipe .recipe-group .recipe-wrapper .recipe .title-description {
    margin: 0; }
.featured-recipe .recipe-group .recipe-wrapper .recipe .thumbnail-wrapper {
    max-width: 11rem;
    margin-right: 1rem; }
.featured-recipe .recipe-group .recipe-wrapper .recipe .post-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }

.featured-recipe .recipe-group .recipe-wrapper .make-this {
    margin-top: 1rem; }

/* Buttons */
.btn-next-container {
    margin-bottom: 16px;
    height: 36px;
    text-align: right; }
@media (max-width: 767px) {
    .btn-next-container {
        height: 40px;
        margin-top: 40px;
        margin-bottom: 0; } }

.btn, .primary-btn, .secondary-btn {
    text-decoration: none;
    padding: 10px 10px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    font-size: 15px;
    cursor: pointer;
    color: #BA2153;
    transition: all 0.3s;
    text-align: center;
    text-transform: lowercase;
    box-sizing: border-box;
    width: 160px; }
.btn.uppercase, .primary-btn, .uppercase.secondary-btn {
    text-transform: uppercase; }
.btn.btn-next, .btn-next.primary-btn, .btn-next.secondary-btn {
    color: grey;
    float: right;
    margin-bottom: 25px; }
@media (min-width: 768px) {
    .btn.btn-next, .btn-next.primary-btn, .btn-next.secondary-btn {
        height: 36px;
        line-height: 34px;
        width: 100%;
        padding: 0;
        max-width: 140px; } }
.btn.btn-next:after, .btn-next.primary-btn:after, .btn-next.secondary-btn:after {
    content: " ";
    height: 40px; }
.btn.btn-next:hover, .btn-next.primary-btn:hover, .btn-next.secondary-btn:hover {
    color: #BA2153;
    background: #ffffff; }
.btn.btn-done, .btn-done.primary-btn, .btn-done.secondary-btn {
    color: #ffffff;
    background-color: #BA2153;
    float: right;
    margin-bottom: 25px; }
@media (min-width: 768px) {
    .btn.btn-done, .btn-done.primary-btn, .btn-done.secondary-btn {
        height: 36px;
        line-height: 34px;
        width: 100%;
        padding: 0;
        max-width: 140px; } }
.btn.btn-done:after, .btn-done.primary-btn:after, .btn-done.secondary-btn:after {
    content: " ";
    height: 40px; }
.btn.btn-done:hover, .btn-done.primary-btn:hover, .btn-done.secondary-btn:hover {
    color: #BA2153;
    background: #ffffff; }
.btn.block, .block.primary-btn, .block.secondary-btn {
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 1em;
    margin-top: 1em; }
.btn.float, .float.primary-btn, .float.secondary-btn {
    float: left;
    margin-right: 10px; }
.btn.outline:hover, .outline.primary-btn:hover, .secondary-btn:hover {
    background: #BA2153;
    color: #ffffff !important; }
.btn.outline, .outline.primary-btn, .secondary-btn {
    background-color: transparent;
    color: #BA2153; }
.btn.white, .white.primary-btn, .white.secondary-btn {
    background-color: #ffffff; }
.btn.solid, .primary-btn, .solid.secondary-btn {
    background-color: #BA2153;
    color: #ffffff; }
.btn.grey-btn, .grey-btn.primary-btn, .grey-btn.secondary-btn {
    text-transform: lowercase;
    color: #9B9B9B;
    border-color: #9B9B9B; }
.btn a, .primary-btn a, .secondary-btn a {
    text-align: center; }

.todays-btn {
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    font-size: 14px;
    text-transform: none; }

.btn-active {
    background-color: #BA2153;
    color: #ffffff;
    border-color: #BA2153; }

.uppercase-btn {
    text-transform: uppercase;
    margin-bottom: 30px; }

.dash-start-btn {
    display: grid;
    width: 50%;
    margin: 20px auto 0px; }
.dash-start-btn a {
    display: block;
    width: 100%; }

.toggle-buttons {
    margin-top: 12px; }
.toggle-buttons div:last-child {
    margin-left: 0px; }

@media (max-width: 767px) {
    .btn-dashboard-solid {
        text-align: center; } }

.next-prev, .done-btn-half {
    margin: 25px auto;
    width: 50%;
    display: block;
    text-align: center; }

.socialBtn {
    text-align: center; }

.centerBtn {
    margin-left: auto;
    margin-right: auto;
    width: 100%; }

.twitBtn {
    margin-top: 24px; }

.selectButton {
    font-size: .65em; }

.btn-1 {
    width: 80% !important;
    max-width: 252px; }

.btn-2 {
    width: 40% !important;
    max-width: 252px; }

.btn-center {
    margin: 1em auto;
    display: block;
    /* text-align: center; */ }
    .btn-center-8020 {
        margin: 0.5em auto;
        display: block;
        /* text-align: center; */ }

.btn-right {
    margin-left: auto; }

.cal-select-btn {
    /* float: right; */
    width: 33%;
    margin-top: 10px; }
@media (max-width: 767px) {
    .cal-select-btn {
        float: none;
        width: 100%; } }

/* Elements */
* {
    box-sizing: border-box; }

.modal-container {
    z-index: 999; }

.hidden {
    visibility: hidden; }

ul li {
    list-style: none;
    font-weight: 400;
    font-size: .95em;
    margin: 0;
    color: #787878; }
ul li:before {
    color: #BA2153;
    content: "\2022";
    font-family: arial;
    font-size: 2.3em;
    padding-right: 0.64em;
    margin-left: -1em;
    position: relative;
    top: 8px;
    line-height: .8; }
ul li > span {
    line-height: 1.55em; }

/* Form elements */
input {
    line-height: 2em;
    border-radius: 1px;
    border: 1px solid #ececec;
    margin: 5px auto 2px;
    font-size: .9em;
    background-color: #ffffff;
    color: #787878; }
input:not([type='submit']) {
    padding: 5px 10px;
    width: 100%;
    height: 40px; }
@media (max-width: 767px) {
    input:not([type='submit']) {
        width: 92%; } }

.sign-in-form form, .register-form form {
    text-align: center; }

.sign-in-form .line-input, .register-form .line-input {
    display: block;
    width: 57%;
    line-height: 2em;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #D3D1D4;
    margin: 5px auto 1em;
    font-size: .7em;
    background-color: #ffffff;
    box-shadow:none; }
@media (max-width: 767px) {
    .sign-in-form .line-input, .register-form .line-input {
        width: 92%; } }

.sign-in-form .profile-pic-wrapper, .register-form .profile-pic-wrapper {
    width: 70px; }

.sign-in-form label, .register-form label {
    display: block;
    margin-bottom: 1.3em;
    width: 60%;
    margin: auto;
    color: grey;
    font-size: .7em;
    margin-top: -.5em;
    font-style: italic; }

.error-box {
    color: #BA2153;
    background: #ffffff;
    padding: 15px 5px;
    width: 100%;
    margin: auto;
    border: 2px solid #BA2153;
    margin-top: 20px;
    font-size:16px;
    margin-bottom: 20px; }
.error-box h4, .error-box .title-description {
    color: #ffffff; }

.date-picker {
    background: #ececec;
    border: 2px solid #ffffff;
    border-radius: 2px;
    padding: 5px;
    transform: translateY(-16px); }

textarea {
    width: 100%;
    height: 100px;
    font-size: 1em;
    resize: none;
    /* overflow: scroll; */
    border-radius: 5px;
    border: none;
    padding: 8px 20px; }
@media (max-width: 767px) {
    textarea {
        padding: 8px 12px; } }

.checkbox {
    width: 148px;
    position: relative;
    margin: 20px auto;
    font-size: 13px;
    color: #787878; }
.checkbox label {
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    top: -1px;
    left: 0;
    background: #ffffff;
    border: 1px solid #D3D1D4;
    border-radius: 2px; }
.checkbox label:after {
    content: '';
    width: 13px;
    height: 5px;
    position: absolute;
    top: 0px;
    left: 1px;
    border: 4px solid #0096A9;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg); }
.checkbox label:hover::after {
    opacity: 0.1; }
.checkbox label.active:after {
    opacity: 1; }
.checkbox span {
    margin-left: 15px; }
.checkbox input[type=checkbox] {
    visibility: hidden;
    width: 15px; }
.checkbox input[type=checkbox]:checked + label:after {
    opacity: 1; }

.radio-button {
    margin-bottom: 1em;
    color: #787878;
    /* Credit: Heydon Pickering https://codepen.io/francinegrey/pen/Bjmxxr?q=custom+radio+button&limit=all&type=type-pens */
    /* HTML5 Boilerplate accessible hidden styles */
    /* One radio button per line */
    /* the basic, unchecked style */
    /* the checked style using the :checked pseudo class */ }
.radio-button [type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: auto;
    width: auto; }
.radio-button label {
    display: block;
    cursor: pointer; }
.radio-button [type="radio"] + span {
    display: block; }
.radio-button [type="radio"] + span:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: -0.25em;
    border-radius: 1em;
    background-color: #ffffff;
    border: 5px solid #ffffff;
    box-shadow: 0 0 0 1px #787878;
    margin-right: 0.75em;
    transition: 0.5s ease all; }
.radio-button [type="radio"]:checked + span:before {
    background: #BA2153; }

/* Tables */
table:not(.pika-table) {
    border-collapse: collapse;
    margin: 1em 0 1em; }
table:not(.pika-table) tr {
    border-bottom: 1px solid #D3D1D4; }
table:not(.pika-table) tr:nth-child(1) {
    color: #ffffff;
    font-size: .8em; }
table:not(.pika-table) tr:nth-child(1) td:nth-child(even) {
    background-color: #80BD01; }
table:not(.pika-table) tr:nth-child(1) td:nth-child(odd) {
    background-color: #578002; }
table:not(.pika-table) tr:nth-child(1) td:nth-child(1) {
    background-color: transparent; }
table:not(.pika-table) tr td {
    padding: 8px 0 10px 0;
    display: table-cell;
    vertical-align: initial; }
table:not(.pika-table) tr td:nth-child(even) {
    background-color: #B7D280; }
table:not(.pika-table) tr td:nth-child(odd) {
    background-color: #9CB36B; }
table:not(.pika-table) tr td:nth-child(1) {
    background-color: #ffffff; }
table:not(.pika-table) tr td:nth-child(1) .checkbox {
    float: left; }
table:not(.pika-table) tr td:nth-child(1) p {
    display: inline;
    /* margin-left: 1.5em; */ }
table:not(.pika-table) tr td.table-clear {
    background-color: #ffffff; }
table:not(.pika-table) .checkbox {
    width: 15px;
    height: 0;
    margin: auto; }

.pika-button:hover {
    background: #BA2153; }

.is-today .pika-button {
    color: #BA2153; }
.is-today .pika-button:hover {
    color: #ffffff; }

.content-text {
    font-weight: 400;
    font-size: .95em;
    color: #787878; }

.content-focus {
    display: none; }
.content-focus p {
    font-weight: 400;
    font-size: .95em;
    color: #787878;
    line-height: 1.4em; }

.content-resources {
    display: none; }
.content-resources ul {
    margin-left: -.6em; }
.content-resources ul li {
    list-style: none;
    margin-bottom: 1rem; }
.content-resources ul li span {
    font-weight: 400;
    font-size: .95em;
    color: #787878;
    line-height: 1.4em; }
.content-resources ul li:before {
    padding-right: 0.29em;
    margin-left: -.64em; }

.cleanse-day-wrapper .active {
    display: block; }

.current-date {
    color: #787878;
    font-size: .88rem; }

/* Modal Popup */
.modal-screen {
    position: fixed;
    height: 100vh;
    width: 100vw;
    padding-top: 2rem;
    top: 0;
    left: 0;
    display: flex;
    box-sizing: content-box; }
.modal-screen .modal {
    grid-template-areas: ". a a a a a a a a a a .";
    position: absolute;
    z-index: 10;
    /* overflow: scroll; */
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.3);
    transition: all 200ms ease-out;
    padding: 1.45rem;
    background: #ffffff;
    display: grid;
    max-width: 80vw;
    max-height: 92vh;
    width: 80vw;
    left: 50%;
    transform: translatex(-50%); }
@media (max-width: 767px) {
    .modal-screen .modal .set-cleanse-wrapper h4, .modal-screen .modal .set-cleanse-wrapper .title-description, .modal-screen .modal .set-cleanse-wrapper .title-description {
        font-size: 1.3em; } }
.modal-screen .modal:hover {
    box-shadow: 0 40px 100px 10px rgba(0, 0, 0, 0.2); }
.modal-screen .modal.magenta {
    background: #BA2153; }
.modal-screen .modal input[type="text"],
.modal-screen .modal input[type="password"] {
    width: 42%;
    height: 40px;
    position: relative;
    top: 1px;
    margin: 5px; }
.modal-screen .modal textarea {
    background-color: #ececec; }
.modal-screen .modal .btn, .modal-screen .modal .primary-btn, .modal-screen .modal .secondary-btn {
    margin: 5px;
    min-height: 40px; }
.modal-screen .modal .modal-content {
    grid-area: a; }

.mask {
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    height: 100%;
    width: 100%;
    z-index: 5; }

.noscroll {
    overflow: hidden;
    position: relative; }

/* Dropdowns */
.ember-basic-dropdown-content {
    background-color: transparent; }

.dropdown {
    list-style: none;
    background-color: #ececec;
    padding: 0;
    border-radius: 5px;
    margin-top: 2px;
    margin-bottom: 0;
    max-height: 50vh;
    overflow-y: scroll; }
.dropdown.daysList {
    column-count: 4;
    padding: 10px; }
.dropdown.daysList li {
    width: 50px; }
.dropdown li {
    width: auto;
    padding: 5px 13px 5px; }
.dropdown li::before {
    content: "";
    padding-right: 0;
    margin-left: 0;
    font-size: 1em;
    line-height: 1em; }
.dropdown li:hover {
    background-color: #D3D1D4; }
.dropdown li a {
    color: #787878;
    text-decoration: none; }
.dropdown.narrow li {
    width: 50px;
    line-height: 1em; }

.coco-dropdown-trigger {
    position: relative;
    background-color: #ececec;
    color: #787878;
    font-size: 1.2em;
    font-weight: 100;
    border-radius: 5px;
    width:300px;
    padding: 15px 10px;
    margin-bottom: 25px; }
.contact-form .coco-dropdown-trigger {
    margin-bottom: 0px; }
.coco-dropdown-trigger:after, .coco-dropdown-trigger:before {
    content: '';
    position: absolute;
    right: 3%;
    background-color: transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent; }
.coco-dropdown-trigger:after {
    border-top: 8px solid #787878;
    top: 55%; }
.coco-dropdown-trigger:before {
    border-bottom: 8px solid #787878;
    top: 25%; }

/* Horizontal Rule */
.separator {
    border-bottom: 2px dotted;
    border-width: 0 0 2px;
    margin-bottom: 12px; }

.navTitle {
    margin-bottom: 17px; }

.navRow {
    margin-bottom: 32px; }

.facebookHeader {
    margin-top: 24px;
    margin-bottom: 14px;
    line-height: 1.3em;
    text-align: center;
    text-transform: none; }

.fbTwitSeparator {
    margin-top: 18px;
    margin-bottom: 34px; }

.twitHeadline {
    margin-bottom: 20px;
    text-transform: none; }

.magenta {
    border-color: #BA2153; }

.grey {
    border-color: #D3D1D4; }

.step-number {
    position: relative;
    background: transparent;
    width: 42px;
    height: 42px;
    border: solid 1px #D3D1D4;
    cursor: pointer; }
.step-number::after {
    content: '';
    background-color: white;
    width: 9px;
    height: 9px;
    border: solid 1px #D3D1D4;
    border-left: transparent;
    border-bottom: transparent;
    transform: rotate(45deg);
    position: absolute;
    right: -6px;
    top: 39%; }
.step-number.magenta {
    border-color: #BA2153; }
.step-number.magenta a {
    color: #BA2153; }
.step-number.magenta::after {
    border-color: #BA2153; }
.step-number.green {
    border-color: #80BD01; }
.step-number.green::after {
    border-color: #80BD01; }
.step-number.teal {
    border-color: #0096A9; }
.step-number.teal::after {
    border-color: #0096A9; }
.step-number.purple {
    border-color: #6A1F45; }
.step-number.purple::after {
    border-color: #6A1F45; }
.step-number .step-trigger {
    background: #ffffff;
    font-weight: 900;
    height: 30px;
    width: 30px;
    display: block;
    text-align: center;
    padding: 5px 0;
    margin: 6px; }
.step-number.complete .step-trigger, .step-number:hover .step-trigger {
    color: #ffffff; }
.step-number.complete.magenta .step-trigger, .step-number:hover.magenta .step-trigger {
    background-color: #BA2153; }
.step-number.complete.green .step-trigger, .step-number:hover.green .step-trigger {
    background-color: #80BD01; }
.step-number.complete.teal .step-trigger, .step-number:hover.teal .step-trigger {
    background-color: #0096A9; }
.step-number.complete.purple .step-trigger, .step-number:hover.purple .step-trigger {
    background-color: #6A1F45; }

.step:hover .step-number .step-trigger {
    color: #ffffff; }

.step:hover .step-number.magenta .step-trigger {
    background-color: #BA2153; }

.step:hover .step-number.green .step-trigger {
    background-color: #80BD01; }

.step:hover .step-number.teal .step-trigger {
    background-color: #0096A9; }

.step:hover .step-number.purple .step-trigger {
    background-color: #6A1F45; }

.inherit-width {
    width: inherit; }

.cursor-pointer {
    cursor: pointer; }

.close-tour {
    margin-bottom: 65px; }
.close-tour .close-tour-btn {
    color: #7F0D3E;
    cursor: pointer;
    border: 2px solid #7F0D3E;
    border-radius: 100%;
    display: inline-block;
    height: 35px;
    width: 35px;
    text-align: center;
    padding: 3px 5px 7px;
    font-size: 1.4em;
    position: absolute;
    top: 30px;     z-index: 9;
    right: 30px; }

audio {
    width: 100%; }

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

@media (max-width: 767px) {
    .content-video .EmberYoutube {
        max-width: 100%; } }

@media (max-width: 767px) {
    .content-video #EmberYoutube-player {
        width: 320px;
        height: 180px; } }

@media (min-width: 768px) {
    .content-video #EmberYoutube-player {
        width: 640px;
        height: 360px; } }

@media (min-width: 1015px) {
    .content-video #EmberYoutube-player {
        width: 780px;
        height: 439px; } }

.content-video .video-player {
    width: 100%;
    margin: auto;
    text-align: center; }

.content-video .video-play {
    position: relative;
    max-width: 100%;
    margin: auto;
    display: block;
    /*  height: 190px !important; */
    align-items: center; }
@media (max-width: 767px) {
    .content-video .video-play {
        width: 320px;
        height: 180px; } }
@media (min-width: 768px) {
    .content-video .video-play {
        width: 640px;
        height: 360px; } }
@media (min-width: 1015px) {
    .content-video .video-play {
        width: 780px;
        height: 439px; } }
.content-video .video-play img {
    width: 100%; }
.content-video .video-play .video-controls {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.content-video .video-play .video-controls img {
    width: 20%;
    max-width: 100px;
    margin: auto; }

.content-video .hidden {
    display: none; }

header.header-grid-container {
    grid-template-rows: 1fr;
    grid-template-areas: "logo logo logo logo account account account account account account hamburger hamburger "; }
@media (min-width: 768px) {
    header.header-grid-container {
        grid-template-areas: "logo logo logo logo account account account account account account account hamburger "; }
    header.header-grid-container .nav-toggle-wrapper {
        justify-self: start; }
    header.header-grid-container .header-user {
        margin-right: 6%;
        padding-right: 6%; } }

@media (max-width: 767px) {
    .header-logo-full img {
        display: none; } }

@media (min-width: 768px) {
    .header-logo-full img {
        display: block;
        width: 131.93px;
        height: 65px; } }

@media (min-width: 1015px) {
    .header-logo-full img {
        width: 181px;
        height: 89px; } }

@media (min-width: 768px) {
    .header-logo-mobile img {
        display: none; } }

.header-logo {
    grid-area: logo;
    justify-self: center;
    align-self: center;
    margin-top: 4px; }

.header-user {
    grid-area: account;
    justify-self: end;
    align-self: center; }

.hello-msg {
    font-size: 0.7em;
    text-align: right;
    color: #787878;
    order: 0; }

.header-link {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.89em;
    font-weight: 300;
    color: #787878;
    order: 1;
    align-self: flex-end;
    padding-right: 2px;
    padding-top: 4px; }

.header-user-divider {
    border-right: 2px solid #D3D1D4;
    height: 49px;
    padding-right: 10px; }

.nav-toggle-wrapper {
    grid-area: hamburger;
    cursor: pointer;
    height: 60px;
    z-index: 3;
    justify-self: center;
    align-self: center; }

.nav-toggle {
    background: #4a4a4a;
    height: 5px;
    width: 36px;
    border-radius: 2.5px;
    transition: all .2s ease;
    position: relative;
    margin-top: 25px; }
@media (max-width: 939px) {
    .nav-toggle {
        width: 30px; } }

.nav-toggle::after, .nav-toggle::before {
    content: " ";
    background: #4a4a4a;
    height: 5px;
    width: 36px;
    border-radius: 2.5px;
    position: absolute;
    transition: all .5s ease; }
@media (max-width: 939px) {
    .nav-toggle::after, .nav-toggle::before {
        width: 30px; } }

.nav-toggle::after {
    transform: translateY(14px); }
@media (max-width: 939px) {
    .nav-toggle::after {
        transform: translateY(12px); } }

.nav-toggle::before {
    transform: translateY(-14px); }
@media (max-width: 939px) {
    .nav-toggle::before {
        transform: translateY(-12px); } }

.nav-toggle-close {
    background: transparent; }

.nav-toggle-close::before, .nav-toggle-close::after {
    opacity: 1; }

.nav-toggle-close::after {
    transform: rotate(45deg); }

.nav-toggle-close::before {
    transform: rotate(-45deg); }

#navmenu { 
    position: fixed;
    right: 0;
    height: 100vh;
    width: 15vw;
    background: #BA2153;
    top: 0;
    z-index: 22 !important;
    transition: all .5s ease; }
#navmenu ul {
    list-style: none;
    margin-top: 3.5em;
    min-width: 66vw; }
#navmenu ul li {
    margin-bottom: 20px; }
#navmenu ul li::before {
    content: none; }
#navmenu a {
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
    text-transform: uppercase; }

.navmenu-hidden {
    overflow: hidden;
    width: 0 !important; }

.navmenu-visible {
    overflow: visible; }

footer.footer-grid-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 186px;
    justify-content: center;
    background-color: #4A4A4A; }
footer.footer-grid-container .logoTablet {
    display: none; }
@media (min-width: 768px) {
    footer.footer-grid-container {
        flex-direction: row;
        justify-content: space-around; }
    footer.footer-grid-container .logoMobile {
        display: none; }
    footer.footer-grid-container .logoTablet {
        display: initial;
        order: 1; } }

@media (min-width: 768px) and (max-width: 939px) {
    .footer.footer-grid-container.footer-tablet-desktop {
        height: 100px; } }

@media (min-width: 940px) {
    .footer.footer-grid-container.footer-tablet-desktop {
        height: 140px; } }

.footer.footer-grid-container.footer-tablet-desktop .searchBar {
    padding-top: 4px; }
@media (min-width: 940px) {
    .footer.footer-grid-container.footer-tablet-desktop .searchBar {
        padding-top: 22px; } }

.footer.footer-grid-container.footer-tablet-desktop .footerText {
    padding-top: 14px; }
@media (min-width: 940px) {
    .footer.footer-grid-container.footer-tablet-desktop .footerText {
        padding-top: 34px; } }

.footer.footer-grid-container.footer-phone .searchBar {
    margin-bottom: 20px; }

.footer.footer-grid-container.footer-phone .footerText {
    margin-top: 26px;
    margin-bottom: 8px; }

.footerText {
    font-size: 14px;
    font-weight: 450;
    color: #D3D1D4;
    text-align: center; }
.footerText a {
    text-decoration: none;
    color: #D3D1D4; }

.footerLinks {
    margin-top: 25px; }

.searchBar {
    font-size: 14px;
    font-weight: 400;
    position: relative; }
.searchBar input {
    position: relative;
    width: 100%;
    background-color: #ECECEC;
    color: #787878;
    border: 1px solid white;
    border-radius: 4px 0px 0px 4px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 11px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding-right: 25px;
    border-right-color: #ECECEC;
    flex: 1; }
.searchBar input::placeholder {
    color: #787878; }

.search-box-container {
    display: flex;
    flex-direction: row;
    width: 263px;
    order: 2; }

.searchIcon {
    min-width: 20px;
    height: auto;
    background: #ECECEC;
    border-radius: 0px 4px 4px 0px; }

.basebar-grid-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 48px 4px auto;
    grid-template-areas: ". follow-us follow-us follow-us follow-us follow-us follow-us follow-us follow-us follow-us follow-us ."
        ". separator separator separator separator separator separator separator separator separator separator ."
        ". base-links base-links base-links base-links base-links base-links base-links base-links base-links base-links .";
    justify-items: start; }

.base-follow-us {
    grid-area: follow-us;
    margin-top: 14px; }

.base-ending {
    grid-area: base-links; }

.separator {
    grid-area: separator; }

.base-container {
    background: #BA2153;
    min-height: 100px;
    color: #ffffff; }
@media (max-width: 767px) {
    .base-container {
        padding-bottom: 20px; } }

.baseFollowUs {
    font-size: 14px;
    font-weight: 450;
    color: #D3D1D4;
    text-transform: uppercase; }

.container.footer-social-row {
    padding: 15px 0;
    padding-bottom: 0; }

.container.base-disclaimer {
    padding-top: 0; }

.socialLinks {
    padding-top: 2px; }
.socialLinks img {
    width: 30px;
    height: 30px;
    padding-left: 12px;
    width: 16px;
    height: 16px;
    margin: 0 5px; }
.socialLinks .fbLogo {
    padding-left: 0px;
    height: 21.66px; }
.socialLinks .twitLogo {
    padding-left: 0px;
    height: 19.89px; }
.socialLinks .instaLogo {
    padding-left: 0px;
    height: 21.67px; }
.socialLinks .pintLogo {
    padding-left: 0px;
    height: 21.36px; }
@media (max-width: 767px) {
    .socialLinks {
        padding-left: 16px; } }

.baseSeparator {
    border-color: #7F0D3E;
    width: 100%; }

.baseLinks {
    color: #D3D1D4; }
.baseLinks a {
    text-decoration: none;
    font-weight:450;
    color: #D3D1D4; }
@media (max-width: 767px) {
    .baseLinks {
        margin-bottom: 10px; } }

h5.baseLinks, .membership-benefits li.baseLinks {
    font-weight: 450;
    font-size: .7em; }

@media (max-width: 767px) {
    .copyright {
        margin: 0px; } }

.baseFollowUs {
    padding-right: 25px; }

.base-ending {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }

.toc-disclaimer {
    margin: 0;
    margin-top: 14px;
    margin-right: 22px; }

.copyright {
    margin: 0;
    margin-top: 14px; }

#modal .close-confirmation {
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(2rem);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 100;
    align-items: center; }
#modal .close-confirmation .inner {
    padding: 2rem 7rem;
    z-index: 99;
    margin: auto auto;
    background: #fff; }
#modal .close-confirmation .inner .yes-or-no {
    display: flex;
    flex-direction: row;
    justify-content: center; }

/* Specific Page Stles */
.register-page {
    /* background-image: url("https://coco.consciouscleanse.com/wp-content/uploads/2018/02/kiwiCropped.jpg"); */
    background-image: url("/assets/images/kiwiCrop.png");
    background-size: 220px;
    background-position: right;
    background-repeat: no-repeat;
    border-top: 1px solid #D3D1D4; }
.register-page .register-grid {
    align-items: center;
    justify-items: center;
    padding-bottom: 80px; }
@media (max-width: 767px) {
    .register-page .register-grid {
        grid-template-areas: " . l l l l l l l l l l ."
            " . r r r r r r r r r r . "; } }
@media (min-width: 768px) {
    .register-page .register-grid {
        grid-template-areas: " . l l l l l l l l l l ."; } }
@media (min-width: 1015px) {
    .register-page .register-grid {
        grid-template-areas: " . . l l l l l l l l . ."; } }
.register-page .register-grid .register-form {
    grid-area: l;
    width: 100%; }
.register-page .register-grid .sign-up-form {
    grid-area: r;
    width: 100%;
    min-height: 240px; }
.register-page h1, .register-page .title-primary {
    color: #BA2153;
    margin: 1em 0 .5em;
    width: 60%; }
.register-page .btn.outline, .register-page .outline.primary-btn, .register-page .primary-btn.secondary-btn, .register-page .secondary-btn {
    background-color: #ffffff; }
.register-page .btn.outline:hover, .register-page .outline.primary-btn:hover, .register-page .primary-btn.secondary-btn:hover, .register-page .secondary-btn:hover {
    background-color: #BA2153;
    color: #ffffff; }
.register-page .button-container {
    text-align: center;
    padding: 25px 0 25px; }
.register-page .button-container button {
    display: block;
    border-radius: 0;
    border: 1px solid #ffffff;
    width: 100%;
    margin-bottom: 1em; }
.register-page .register-here {
    text-align: center;
    padding: 25px 0 100px; }
.register-page .register-here h3, .register-page .register-here .title-secondary {
    margin-bottom: 1em; }

/* -- Welcome Wrapper -- */
.welcome-wrapper {
    position: relative; }
@media (max-width: 767px) {
    .welcome-wrapper {
        grid-template-areas: ". top top top top top top top top top top ."
            ". video video video video video video video video video video ."
            ". steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro ."
            ". step1 step1 step1 step1 step1 step1 step1 step1 step1 step1 ."
            ". step2 step2 step2 step2 step2 step2 step2 step2 step2 step2 ."
            ". step3 step3 step3 step3 step3 step3 step3 step3 step3 step3 ."
            ". step4 step4 step4 step4 step4 step4 step4 step4 step4 step4 ."
            ". bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom ."; } }
@media (min-width: 768px) {
    .welcome-wrapper {
        grid-template-areas: ". top top top top top top top top top top ."
            ". . video video video video video video video video . ."
            ". steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro ."
            ". step1 step1 step1 step1 step1 step1 step1 step1 step1 step1 ."
            ". step2 step2 step2 step2 step2 step2 step2 step2 step2 step2 ."
            ". step3 step3 step3 step3 step3 step3 step3 step3 step3 step3 ."
            ". step4 step4 step4 step4 step4 step4 step4 step4 step4 step4 ."
            ". bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom ."; } }
@media (min-width: 1015px) {
    .welcome-wrapper {
        grid-template-areas: "top top top top top top top top top top top top"
            ". video video video video video video video video video video ."
            "steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro steps-intro"
            "step1 step1 step1 step1 step1 step1 step2 step2 step2 step2 step2 step2"
            "step3 step3 step3 step3 step3 step3 step4 step4 step4 step4 step4 step4"
            "bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom"; 
            align-items: start;
        } }
.welcome-wrapper .separator {
    color: #7F0D3E;
    margin-bottom: 12px; }
.welcome-wrapper .top-section {
    grid-area: top;
    margin-top: 60px;
    margin-bottom: 4px; }
@media (max-width: 939px) {
    .welcome-wrapper .top-section {
        margin-top: 30px;
        margin-bottom: 16px; } }
.welcome-wrapper .video-container {
    grid-area: video;
    justify-self: center;
    margin: 20px 0 7px;
    background-color: #787878; }
.welcome-wrapper .steps-intro {
    grid-area: steps-intro;
    margin: 15px 0 60px; }
@media (max-width: 939px) {
    .welcome-wrapper .steps-intro {
        margin: 15px 0 36px; } }
.welcome-wrapper .step {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 14px auto;
    align-items: start;
    min-height: 130px; }
@media (max-width: 767px) {
    .welcome-wrapper .step {
        grid-template-areas: "separator separator separator separator separator separator separator separator separator separator separator separator"
            "num step-title step-title step-title step-title step-title step-title step-title step-title step-title step-title ."
            "step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc"; } }
@media (min-width: 768px) {
    .welcome-wrapper .step {
        grid-template-areas: "separator separator separator separator separator separator separator separator separator separator separator separator"
            "num step-title step-title step-title step-title step-title step-title step-desc step-desc step-desc step-desc step-desc"; } }
@media (min-width: 1015px) {
    .welcome-wrapper .step {
        grid-template-areas: "separator separator separator separator separator separator separator separator separator separator separator separator"
            "num step-title step-title step-title step-title step-title step-title step-title step-title step-title step-title ."
            "step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc"; } }
.welcome-wrapper .step-number {
    grid-area: num;
    display: inline-block;
    margin-bottom: 12px; }
.welcome-wrapper .step-description {
    grid-area: step-desc; }
.welcome-wrapper .step-description h5, .welcome-wrapper .step-description .membership-benefits li, .membership-benefits .welcome-wrapper .step-description li {
    margin-top: 0; }
@media (min-width: 1015px) {
    .welcome-wrapper .step-description h5, .welcome-wrapper .step-description .membership-benefits li, .membership-benefits .welcome-wrapper .step-description li {
        display: inline-block;
        margin-top: 12px; } }
.welcome-wrapper .steps-top {
    margin-top: 28px;
    margin-bottom: 1px; }
.welcome-wrapper .step-title {
    text-transform: uppercase;
    grid-area: step-title;
    margin-left: 12px;
    margin-bottom: 12px;
    box-sizing: border-box;
    padding-right: 14px;
    cursor: pointer; }
@media (min-width: 1015px) {
    .welcome-wrapper .step-title {
        display: inline-block;
        margin-left: 30px; } }
@media (min-width: 1015px) {
    .welcome-wrapper .step-title {
        text-transform: none; } }
.welcome-wrapper .welcome-buttons {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 22px; }
.welcome-wrapper .welcome-buttons .btn.solid, .welcome-wrapper .welcome-buttons .primary-btn, .welcome-wrapper .welcome-buttons .solid.secondary-btn, .welcome-wrapper .welcome-buttons .secondary-btn.primary-btn {
    text-transform: uppercase;
    font-weight: 300; }
.welcome-wrapper .bottom-section {
    grid-area: bottom; }
.welcome-wrapper .step-block-1 {
    grid-area: step1; }
@media (max-width: 939px) {
    .welcome-wrapper .step-block-1 .separator {
        color: #BA2153; } }
.welcome-wrapper .step-block-2 {
    grid-area: step2; }
@media (max-width: 939px) {
    .welcome-wrapper .step-block-2 .separator {
        color: #80BD01; } }
.welcome-wrapper .step-block-3 {
    grid-area: step3; }
@media (max-width: 939px) {
    .welcome-wrapper .step-block-3 .separator {
        color: #0096A9; } }
.welcome-wrapper .step-block-4 {
    grid-area: step4; }
@media (max-width: 939px) {
    .welcome-wrapper .step-block-4 .separator {
        color: #6A1F45; } }

#prefsModal #modal {
    background-color: #ececec;
    max-width: 940px; }

.login-page {
    /* background-image: url("https://coco.consciouscleanse.com/wp-content/uploads/2018/02/kiwiCropped.jpg"); */
    background-image: url("/assets/images/kiwiCrop.png");
    background-size: 220px;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #f6f5f5;
    /* border-top: 1px solid #D3D1D4; */ }
.login-page .login-grid {
    align-items: center;
    justify-items: center;
    padding-bottom: 80px; }
@media (max-width: 767px) {
    .login-page .login-grid {
        grid-template-areas: " . l l l l l l l l l l ."
            " . d d d d d d d d d d ."
            " . r r r r r r r r r r . "
            " . n n n n n n n n n n . "; } }
@media (min-width: 768px) {
    .login-page .login-grid {
        grid-template-areas: " . l l l l l . d r r r ."
            " . n n n n n n n n n n . "; } }
@media (min-width: 1015px) {
    .login-page .login-grid {
        grid-template-areas: " . . . l l l d r r r . ." " n n n n . . . . . . . ."; } }
.login-page .login-grid .login-form {
    grid-area: l;
    width: 100%;
    min-height: 495px; }
.login-page .login-grid .sign-up-form {
    grid-area: r;
    width: 100%;
    min-height:240px;}
.login-page .login-grid .divider {
    grid-area: d;
    width: 100%; }
.login-page .login-grid .newuser-text {
    grid-area: n;
    width: 100%; }
.login-page hr {
    width: 60%; }
.login-page h1, .login-page .title-primary {
    color: #BA2153;
    margin: 1em 0 .5em;
    width: 60%; }
.login-page .forgot-query {
    font-style: italic;
    color: #787878; }
.login-page .forgot-query .forgot-link {
    text-decoration: none;
    color: #787878; }
.login-page .error-note {
    color: #787878;
    font-style: italic;
    font-weight: 900; }
.login-page .error-note a {
    text-decoration: none;
    color: #787878; }
.login-page .btn, .login-page .primary-btn, .login-page .secondary-btn, .login-page button {
    display: block; }
.login-page .btn.outline, .login-page .outline.primary-btn, .login-page .primary-btn.secondary-btn, .login-page .secondary-btn, .login-page button.outline, .login-page button.secondary-btn {
    background-color: #ffffff; }
.login-page .btn.outline:hover, .login-page .outline.primary-btn:hover, .login-page .primary-btn.secondary-btn:hover, .login-page .secondary-btn:hover, .login-page button.outline:hover, .login-page button.secondary-btn:hover {
    background-color: #BA2153;
    color: #ffffff; }
.login-page button {
    border-radius: 0;
    border: 1px solid #ffffff;
    width: 100%;
    margin-bottom: 1em; }
.login-page .register-form {
    text-align: center;
    padding: 25px 0 100px; }
.login-page .register-form h3, .login-page .register-form .title-secondary {
    margin-bottom: 1em; }

.button-container {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 1.7em;
    margin-bottom: 1em; }

.sign-up-form .primary-btn {
    margin-bottom: 1em;
    margin-top: 1.6em; }

.newuser-text {
    text-decoration: none;
    margin-top: 1.5em; }

@media (max-width: 767px) {
    .resource-wrapper {
        grid-template-areas: ". title title title title title title title title title title ." ". nav nav nav nav nav nav nav nav nav nav ." ". c-man c-man c-man c-man c-man c-man c-man c-man c-man c-man ." ". c-res c-res c-res c-res c-res c-res c-res c-res c-res c-res ." ". _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man ." ". _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res ." ". movement-res movement-res movement-res movement-res movement-res movement-res movement-res movement-res movement-res movement-res ." ". vid-res vid-res vid-res vid-res vid-res vid-res vid-res vid-res vid-res vid-res ." ". aud-res aud-res aud-res aud-res aud-res aud-res aud-res aud-res aud-res aud-res ." ". faq faq faq faq faq faq faq faq faq faq ." "lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box"; } }

@media (min-width: 768px) {
    .resource-wrapper {
        grid-template-areas: ". title title title title title title title title title title ." ". nav nav nav nav nav nav nav nav nav nav ." ". c-man c-man c-man c-man c-man c-man c-man c-man c-man c-man ." ". c-res c-res c-res c-res c-res c-res c-res c-res c-res c-res ." ". _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man ." ". _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res ." ". movement-res movement-res movement-res movement-res movement-res movement-res movement-res movement-res movement-res movement-res ." ". vid-res vid-res vid-res vid-res vid-res vid-res vid-res vid-res vid-res vid-res ." ". aud-res aud-res aud-res aud-res aud-res aud-res aud-res aud-res aud-res aud-res ." ". faq faq faq faq faq faq faq faq faq faq ." "lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box"; } }

@media (min-width: 1015px) {
    .resource-wrapper {
        grid-template-areas: "title title title title title title title title nav nav nav nav" "c-man c-man c-man c-man c-man c-man c-man c-man . . . . " "c-res c-res c-res c-res c-res c-res c-res c-res . . . ." "_8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man _8020-man . . . ." "_8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res _8020-res . . . ." "movement-res movement-res movement-res movement-res movement-res movement-res movement-res movement-res . . . ." "vid-res vid-res vid-res vid-res vid-res vid-res vid-res vid-res . . . ." "aud-res aud-res aud-res aud-res aud-res aud-res aud-res aud-res . . . ." "faq faq faq faq faq faq faq faq . . . ." "lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box lc-box"; } }

.resource-title {
    grid-area: title; }

.navigation-dropdown {
    grid-area: nav; }

#faq-section {
    grid-area: faq; }

.random-links {
    grid-area: random; }

#cleanse-manual-section {
    grid-area: c-man; }

#cleanse-resource-section {
    grid-area: c-res; }

#_8020-manual-section {
    grid-area: _8020-man; }

#_8020-resource-section {
    grid-area: _8020-res; }

#video-resource-section {
    grid-area: vid-res; }

    #movement-resource-section {
        grid-area: movement-res; }    

#audio-resource-section {
    grid-area: aud-res; }

.live-cleanse-box {
    grid-area: lc-box; }

.resource-wrapper .resource-section {
    display: flex;
    flex-direction: column;
    height: 100%; }
.resource-wrapper .resource-section.magenta-border {
    padding-bottom: 25px;
    border-bottom: 2px dotted #BA2153; }
.resource-wrapper .resource-section.grey-border {
    border-bottom: 1px solid #D3D1D4; }
.resource-wrapper .resource-section img {
    width: 100%; }
.resource-wrapper .resource-section .btn-1 {
    margin-top: auto; }
.resource-wrapper .resource-section .header-info {
    display: flex; }
.resource-wrapper .resource-section .header-info .icon {
    width: 150px; }
.resource-wrapper .resource-section .header-info .section-title {
    margin: 15px 0 15px 15px;
    width: 100%; }
.resource-wrapper .resource-section .header-info .section-title .coco-dropdown-trigger {
    margin-bottom: 0; }
.resource-wrapper .resource-section .section-list ul {
    padding-left: 0; }
.resource-wrapper .resource-section .section-list ul li {
    text-indent: -.8em; }
.resource-wrapper .resource-section .section-list ul li::before {
    padding-right: 0;
    margin-left: 0; }

.resource-wrapper .navigation-dropdown .coco-dropdown-trigger {
    margin-bottom: 0; }

@media (max-width: 767px) {
    .resource-wrapper .navigation-dropdown {
        margin-top: 19px; } }

@media (min-width: 768px) {
    .resource-wrapper .navigation-dropdown {
        margin-top: 38px; } }

.resource-wrapper #_8020-manual-section .btn, .resource-wrapper #_8020-manual-section .primary-btn, .resource-wrapper #_8020-manual-section .secondary-btn,
.resource-wrapper #_8020-resource-section .btn,
.resource-wrapper #_8020-resource-section .primary-btn,
.resource-wrapper #_8020-resource-section .secondary-btn,
.resource-wrapper #audio-resource-section .btn,
.resource-wrapper #audio-resource-section .primary-btn,
.resource-wrapper #audio-resource-section .secondary-btn,
.resource-wrapper #cleanse-manual-section .btn,
.resource-wrapper #cleanse-manual-section .primary-btn,
.resource-wrapper #cleanse-manual-section .secondary-btn,
.resource-wrapper #cleanse-manual-section .btn,
.resource-wrapper #cleanse-manual-section .primary-btn,
.resource-wrapper #cleanse-manual-section .secondary-btn,
.resource-wrapper #cleanse-resource-section .btn,
.resource-wrapper #cleanse-resource-section .primary-btn,
.resource-wrapper #cleanse-resource-section .secondary-btn,
.resource-wrapper #faq-section .btn,
.resource-wrapper #faq-section .primary-btn,
.resource-wrapper #faq-section .secondary-btn,
.resource-wrapper #video-resource-section .btn,
.resource-wrapper #video-resource-section .primary-btn,
.resource-wrapper #video-resource-section .secondary-btn,
.resource-wrapper .live-cleanse-box .btn,
.resource-wrapper .live-cleanse-box .primary-btn,
.resource-wrapper .live-cleanse-box .secondary-btn {
    padding: 10px 45px;
    width: auto; }
@media (max-width: 767px) {
    .resource-wrapper #_8020-manual-section .btn, .resource-wrapper #_8020-manual-section .primary-btn, .resource-wrapper #_8020-manual-section .secondary-btn,
    .resource-wrapper #_8020-resource-section .btn,
    .resource-wrapper #_8020-resource-section .primary-btn,
    .resource-wrapper #_8020-resource-section .secondary-btn,
    .resource-wrapper #audio-resource-section .btn,
    .resource-wrapper #audio-resource-section .primary-btn,
    .resource-wrapper #audio-resource-section .secondary-btn,
    .resource-wrapper #cleanse-manual-section .btn,
    .resource-wrapper #cleanse-manual-section .primary-btn,
    .resource-wrapper #cleanse-manual-section .secondary-btn,
    .resource-wrapper #cleanse-manual-section .btn,
    .resource-wrapper #cleanse-manual-section .primary-btn,
    .resource-wrapper #cleanse-manual-section .secondary-btn,
    .resource-wrapper #cleanse-resource-section .btn,
    .resource-wrapper #cleanse-resource-section .primary-btn,
    .resource-wrapper #cleanse-resource-section .secondary-btn,
    .resource-wrapper #faq-section .btn,
    .resource-wrapper #faq-section .primary-btn,
    .resource-wrapper #faq-section .secondary-btn,
    .resource-wrapper #video-resource-section .btn,
    .resource-wrapper #video-resource-section .primary-btn,
    .resource-wrapper #video-resource-section .secondary-btn,
    .resource-wrapper .live-cleanse-box .btn,
    .resource-wrapper .live-cleanse-box .primary-btn,
    .resource-wrapper .live-cleanse-box .secondary-btn {
        width: 100%; } }

.resource-wrapper #_8020-manual-section .subtitle,
.resource-wrapper #_8020-resource-section .subtitle,
.resource-wrapper #audio-resource-section .subtitle,
.resource-wrapper #cleanse-manual-section .subtitle,
.resource-wrapper #cleanse-manual-section .subtitle,
.resource-wrapper #cleanse-resource-section .subtitle,
.resource-wrapper #faq-section .subtitle,
.resource-wrapper #video-resource-section .subtitle,
.resource-wrapper .live-cleanse-box .subtitle {
    margin-bottom: 1em; }

#cleanse-manual-section .section-list {
    display: flex; }
@media (max-width: 767px) {
    #cleanse-manual-section .section-list {
        flex-direction: column; } }
@media (min-width: 768px) {
    #cleanse-manual-section .section-list {
        flex-direction: row; } }

#cleanse-manual-section #ember875 {
    width: 55%; }
@media (max-width: 767px) {
    #cleanse-manual-section #ember875 {
        width: auto;
        margin-right: 0; } }

        #movement-resource-section .section-list h4, #movement-resource-section .section-list .title-description,#video-resource-section .section-list h4, #video-resource-section .section-list .title-description {
    color: #BA2153; }

#video-resource-section .section-list p {
    margin-top: 0;
    font-style: italic; }

@media (max-width: 767px) {
    #movement-resource-section .section-list, #video-resource-section .section-list {
        grid-template-areas: "a a a a a a a a a a a a" "b b b b b b b b b b b b" "c c c c c c c c c c c c" "d d d d d d d d d d d d"; } }

@media (min-width: 768px) {
    #movement-resource-section .section-list, #video-resource-section .section-list {
        grid-template-areas: "a a a a a a b b b b b b" "c c c c c c d d d d d d"; } }

@media (min-width: 1015px) {
    #movement-resource-section .section-list, #video-resource-section .section-list {
        grid-template-areas: "a a a a a a b b b b b b" "c c c c c c d d d d d d"; } }

#video-resource-section .section-list .vid-0 {
    grid-area: a; }

#video-resource-section .section-list .vid-1 {
    grid-area: b; }

#video-resource-section .section-list .vid-2 {
    grid-area: c; }

#video-resource-section .section-list .vid-3 {
    grid-area: d; }
    #movement-resource-section .section-list .vid-0 {
        grid-area: a; }
    
    #movement-resource-section .section-list .vid-1 {
        grid-area: b; }
    
    #movement-resource-section .section-list .vid-2 {
        grid-area: c; }
    
    #movement-resource-section .section-list .vid-3 {
        grid-area: d; }
    
        #movement-resource-section .section-list .img-wrapper, #video-resource-section .section-list .img-wrapper {
    overflow: hidden; }
@media (max-width: 767px) {
    #video-resource-section .section-list .img-wrapper img {
        margin-top: -30px; } }
@media (min-width: 768px) {
    #video-resource-section .section-list .img-wrapper img {
        margin-top: -29px; } }
@media (min-width: 1015px) {
    #video-resource-section .section-list .img-wrapper img,
    #movement-resource-section .section-list .img-wrapper img {
        margin-top: -28px; } }

@media (max-width: 767px) {
    #video-resource-section .section-list #EmberYoutube-player,
    #video-resource-section .section-list .video-play,
    #video-resource-section .section-list .img-wrapper,
    #movement-resource-section .section-list #EmberYoutube-player,
    #movement-resource-section .section-list .video-play,
    #movement-resource-section .section-list .img-wrapper {
        width: 320px;
        height: 180px;
        margin: auto; } }

@media (min-width: 768px) {
    #video-resource-section .section-list #EmberYoutube-player,
    #video-resource-section .section-list .video-play,
    #video-resource-section .section-list .img-wrapper,
    #movement-resource-section .section-list #EmberYoutube-player,
    #movement-resource-section .section-list .video-play,
    #movement-resource-section .section-list .img-wrapper {
        width: 310px;
        height: 174px;
        margin: auto; } }

@media (min-width: 1015px) {
    #video-resource-section .section-list #EmberYoutube-player,
    #video-resource-section .section-list .video-play,
    #video-resource-section .section-list .img-wrapper,
    #movement-resource-section .section-list #EmberYoutube-player,
    #movement-resource-section .section-list .video-play,
    #movement-resource-section .section-list .img-wrapper 
    {
        width: 300px;
        height: 145px;
        margin-top: 20px; } }

#_8020-manual-section .section-list ul, #_8020-manual-section .section-list .list,
#_8020-resource-section .section-list ul,
#_8020-resource-section .section-list .list,
#cleanse-manual-section .section-list ul,
#cleanse-manual-section .section-list .list,
#cleanse-resource-section .section-list ul,
#cleanse-resource-section .section-list .list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px; }
#_8020-manual-section .section-list ul li, #_8020-manual-section .section-list ul .list-item, #_8020-manual-section .section-list ul .video-list-item, #_8020-manual-section .section-list .list li, #_8020-manual-section .section-list .list .list-item, #_8020-manual-section .section-list .list .video-list-item,
#_8020-resource-section .section-list ul li,
#_8020-resource-section .section-list ul .list-item,
#_8020-resource-section .section-list ul .video-list-item,
#_8020-resource-section .section-list .list li,
#_8020-resource-section .section-list .list .list-item,
#_8020-resource-section .section-list .list .video-list-item,
#cleanse-manual-section .section-list ul li,
#cleanse-manual-section .section-list ul .list-item,
#cleanse-manual-section .section-list ul .video-list-item,
#cleanse-manual-section .section-list .list li,
#cleanse-manual-section .section-list .list .list-item,
#cleanse-manual-section .section-list .list .video-list-item,
#cleanse-resource-section .section-list ul li,
#cleanse-resource-section .section-list ul .list-item,
#cleanse-resource-section .section-list ul .video-list-item,
#cleanse-resource-section .section-list .list li,
#cleanse-resource-section .section-list .list .list-item,
#cleanse-resource-section .section-list .list .video-list-item {
    flex: 1 0 275px;
    margin-left: 10px;
    margin-top: 10px; }
@media (min-width: 570px) {
    #_8020-manual-section .section-list ul li, #_8020-manual-section .section-list ul .list-item, #_8020-manual-section .section-list ul .video-list-item, #_8020-manual-section .section-list .list li, #_8020-manual-section .section-list .list .list-item, #_8020-manual-section .section-list .list .video-list-item,
    #_8020-resource-section .section-list ul li,
    #_8020-resource-section .section-list ul .list-item,
    #_8020-resource-section .section-list ul .video-list-item,
    #_8020-resource-section .section-list .list li,
    #_8020-resource-section .section-list .list .list-item,
    #_8020-resource-section .section-list .list .video-list-item,
    #cleanse-manual-section .section-list ul li,
    #cleanse-manual-section .section-list ul .list-item,
    #cleanse-manual-section .section-list ul .video-list-item,
    #cleanse-manual-section .section-list .list li,
    #cleanse-manual-section .section-list .list .list-item,
    #cleanse-manual-section .section-list .list .video-list-item,
    #cleanse-resource-section .section-list ul li,
    #cleanse-resource-section .section-list ul .list-item,
    #cleanse-resource-section .section-list ul .video-list-item,
    #cleanse-resource-section .section-list .list li,
    #cleanse-resource-section .section-list .list .list-item,
    #cleanse-resource-section .section-list .list .video-list-item {
        max-width: calc(50% - 10px); } }
@media (min-width: 550px) {
    #_8020-manual-section .section-list ul li, #_8020-manual-section .section-list ul .list-item, #_8020-manual-section .section-list ul .video-list-item, #_8020-manual-section .section-list .list li, #_8020-manual-section .section-list .list .list-item, #_8020-manual-section .section-list .list .video-list-item,
    #_8020-resource-section .section-list ul li,
    #_8020-resource-section .section-list ul .list-item,
    #_8020-resource-section .section-list ul .video-list-item,
    #_8020-resource-section .section-list .list li,
    #_8020-resource-section .section-list .list .list-item,
    #_8020-resource-section .section-list .list .video-list-item,
    #cleanse-manual-section .section-list ul li,
    #cleanse-manual-section .section-list ul .list-item,
    #cleanse-manual-section .section-list ul .video-list-item,
    #cleanse-manual-section .section-list .list li,
    #cleanse-manual-section .section-list .list .list-item,
    #cleanse-manual-section .section-list .list .video-list-item,
    #cleanse-resource-section .section-list ul li,
    #cleanse-resource-section .section-list ul .list-item,
    #cleanse-resource-section .section-list ul .video-list-item,
    #cleanse-resource-section .section-list .list li,
    #cleanse-resource-section .section-list .list .list-item,
    #cleanse-resource-section .section-list .list .video-list-item {
        min-width: calc(50% - 10px); } }

.random-links .separator {
    margin-bottom: 1em; }

.live-cleanse-box {
    background-color: #80BD01; }
@media (min-width: 1015px) {
    .live-cleanse-box {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%); }
    .live-cleanse-box .lc-container {
        max-width: 940px;
        margin: 0 auto !important; } }
.live-cleanse-box h1, .live-cleanse-box .title-primary,
.live-cleanse-box h3,
.live-cleanse-box .title-secondary {
    color: #ffffff; }
.live-cleanse-box h1, .live-cleanse-box .title-primary {
    margin-top: 20px; }

.live-cleanse-box h3,
.live-cleanse-box .title-secondary {
    margin-top: 5px !important;
    margin-bottom: 15px !important; }
.live-cleanse-box h4, .live-cleanse-box .title-description {
    margin-top: 17px !important; }
.live-cleanse-box .btn-center {
    margin-top: 20px;
    margin-bottom: 20px; }
.live-cleanse-box .lc-container {
    margin-left: 10%;
    margin-right: 10%; }

.resource-list {
    padding: 25px 40px; }
.resource-list a {
    color: #BA2153; }
.resource-list p {
    margin-top: 0; }

@media (max-width: 767px) {
    .user-wrapper {
        grid-template-areas: ". welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome ." "mship mship mship mship mship mship mship mship mship mship mship mship" ". contact contact contact contact contact contact contact contact contact contact ." ". fb fb fb fb fb fb fb fb fb fb ." "prefs prefs prefs prefs prefs prefs prefs prefs prefs prefs prefs prefs" ". . btns btns btns btns btns btns btns btns . ."; } }

@media (min-width: 768px) {
    .user-wrapper {
        grid-template-areas: ". welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome ." ". mship mship mship mship mship mship mship mship mship mship ." ". contact contact contact contact contact contact contact contact contact contact ." ". fb fb fb fb fb fb fb fb fb fb ." ". prefs prefs prefs prefs prefs prefs prefs prefs prefs prefs ."; } }

@media (min-width: 1015px) {
    .user-wrapper {
        grid-template-areas: ". welcome welcome welcome welcome welcome welcome welcome welcome welcome welcome ." ". mship mship mship mship mship mship mship mship mship mship ." ". card card card card card card card card card card ." ". contact contact contact contact contact contact contact contact contact contact ." ". fb fb fb fb fb fb fb fb fb fb ." ". prefs prefs prefs prefs prefs prefs prefs prefs prefs prefs ."; } }

.account-welcome {
    grid-area: welcome; }

#membershipBox {
    grid-area: mship; }

#cardDetail {
    grid-area: card; }  

#contactInfo {
    grid-area: contact; }

.facebookInfo {
    grid-area: fb; }

#planPrefs {
    grid-area: prefs; }

.account-section {
    grid-area: prefs; }

@media (max-width: 767px) {
    .your-account-title {
        margin-bottom: 8px; } }

@media (min-width: 768px) {
    .your-account-title {
        margin-bottom: 11px; } }

@media (min-width: 1015px) {
    .your-account-title {
        margin-bottom: 18px; } }

@media (max-width: 767px) {
    .not-you-text {
        margin-top: 5px; } }

@media (min-width: 768px) {
    .not-you-text {
        margin-top: 8px; } }

@media (min-width: 1015px) {
    .not-you-text {
        margin-top: 10px; } }

.user-wrapper textarea {
    background: #ececec; }

.user-wrapper .greeting {
    color: #787878;
    font-size: 1.2em;
    font-weight: 100; }

.user-wrapper .not-you-text {
    color: #BA2153;
    font-style: italic;
    font-weight: 500;
    font-size: .95em;
    margin-top: .5em; }

.user-wrapper #contactInfo .contact-header {
    margin-bottom: 0.5em;
    font-weight: 100;
    text-transform: none; }

.user-wrapper #contactInfo .contact-data {
    color: #787878;
    line-height: 1.5em; }

.user-wrapper #contactInfo .editBtn {
    padding: 10px 12px;
    float: right; }

.user-wrapper #contactInfo #manageBtn {
    padding: 10px 8px;
    margin-top: 1em; }

.user-wrapper #contactInfo .separator {
    margin-top: 40px; }

.user-wrapper #contactInfo .contact-info-title {
    margin-top: 17px;
    text-transform: none; }

.user-wrapper #contactInfo .edit-account-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    min-width: 100%;
    grid-row-end: span 10; }

.user-wrapper #contactInfo .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
.user-wrapper #contactInfo .inner > * {
    flex: 0 0 50%;
    min-width: 50%; }
    .user-wrapper #contactInfo .credits {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
    .user-wrapper #contactInfo .credits > * {
        flex: 0 0 30%;
        min-width: 30%; }
.user-wrapper .change-membership-popup {
    margin-bottom: 50px; }

.user-wrapper .support-wrapper {
    padding: 25px; }

.contact-info-start {
    grid-area: title; }

.contact-name {
    grid-area: name; }

.contact-email {
    grid-area: email; }

.contact-phone {
    grid-area: phone; }

.contact-address {
    grid-area: address; }

@media (max-width: 767px) {
    .email-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
    .plan-prefs-title {
        text-align: center; } }

.account-fb-title {
    margin-top: 20px;
    margin-bottom: 15px; }

.facebookInfo .separator {
    margin-top: 35px; }

.plan-prefs-title {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: none; }

@media (min-width: 768px) {
    .account-welcome {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-areas: "title title title title title title title title title title" "hello hello hello hello hello hello hello hello hello dd" "notyou notyou notyou notyou notyou notyou notyou notyou notyou notyou"; }
    .account-welcome .coco-dropdown-trigger {
        margin-bottom: 0px; }
    .account-welcome .not-you-text {
        margin-top: 0px; } }

.welcome-tour-section {
    text-align: center; }

.your-account-title {
    grid-area: title; }

.account-welcome .greeting {
    grid-area: hello; }

.not-you-text {
    grid-area: notyou; }

.coco-dropdown-trigger {
    grid-area: dd; }

.coco-dropdown-content {
    position: absolute;
    width:300px; }

@media (max-width: 767px) {
    .journal-page {
        grid-template-areas: ". w w w w w w w w w w ."; } }

@media (min-width: 768px) {
    .journal-page {
        grid-template-areas: ". w w w w w w w w w w ."; } }

@media (min-width: 1015px) {
    .journal-page {
        grid-template-areas: ". w w w w w w w w w w ."; } }

.journal-wrapper {
    grid-area: w; }
.journal-wrapper .controls {
    display: grid;
    justify-items: center;
    margin-top: 25px; }
@media (max-width: 767px) {
    .journal-wrapper .controls {
        grid-template-areas: "d d"
            "c c"
            "m m"; } }
@media (min-width: 768px) {
    .journal-wrapper .controls {
        grid-template-areas: "d c"
            "m m";
        grid-column-gap: 10px; } }
@media (min-width: 1015px) {
    .journal-wrapper .controls {
        grid-template-areas: "d c"
            "m m";
        grid-column-gap: 10px; } }
.journal-wrapper .controls .coach-btn {
    padding: 10px 0;
    width: 99%;
    grid-area: c; }
.journal-wrapper .controls .deleteAll-btn {
    padding: 10px 0;
    width: 99%;
    grid-area: d; }
@media (max-width: 767px) {
    .journal-wrapper .controls .deleteAll-btn {
        margin-bottom: 10px; } }

.journal-entries {
    border-bottom: 2px dotted #787878;
    margin-top: 10px;
    padding-top: 20px; }
.journal-entries a.connectHyperlink {
    background: #fff;
    text-decoration: none;
    padding: 10px 0;
    display: block;
    border-width: 1px;
    border-style: solid;
    font-size: 15px;
    cursor: pointer;
    color: #BA2153;
    text-align: center; }
.journal-entries h3, .journal-entries .title-secondary {
    color: #0096A9;
    text-transform: uppercase;
    font-size: 1.2em; }
.journal-entries p {
    font-size: .8em;
    line-height: 1.6; }
.journal-entries textarea {
    font-family: 'Open Sans', arial, sans-serif;
    color: #787878;
    background-color: rgba(236, 236, 236, 0.5); }
.journal-entries button {
    background-color: #BA2153;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 44px;
    display: block;
    width: 120px;
    border-width: 1px;
    border-style: solid;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    text-transform: uppercase;
    margin: 16px auto; }

.coach-msg {
    grid-area: m;
    font-style: italic;
    color: #787878;
    font-size: .8em;
    line-height: 1.6em; }

.journal-entry-title {
    display: flex;
    flex-direction: row; }

.journal-toggle-icon {
    transition: all .2s ease;
    color: #0096A9; }

.journal-entry-open {
    transform: rotateZ(90deg);
    transform-origin: center; }

.saved-journal {
    background-color: #D3D1D4;
    font-size: 1em;
    border-radius: 5px;
    padding: 8px 20px; }

@media (max-width: 767px) {
    .showList-btn {
        margin-top: 25px; } }

.journal-pickDay {
    margin: 25px 0;
    background: #D3D1D4;
    padding: 5px 10px;
    text-align:center; }
.journal-pickDay img {
    transform: translateY(5px); }
.journal-pickDay input {
    width: 25%;
    transform: translateY(-11px); }
@media (max-width: 767px) {
    .journal-pickDay input {
        width: 80%; } }
.journal-pickDay a.btn, .journal-pickDay a.primary-btn, .journal-pickDay a.secondary-btn {
    display: block; }

.support-page-grid-container {
    grid-template-areas: ". s s s s s s s s s s ."; }
.support-page-grid-container .support-page {
    grid-area: s; }
.support-page-grid-container .support-page .contact-form select {
    margin-bottom: 10px; }
.support-page-grid-container .support-page .contact-form textarea {
    background: #ececec;
    /* margin-bottom: 10px; */ }

.prep-video-wrapper .intro {
    padding: 0 25px; }

.prep-video-wrapper .accordian-content {
    padding: 0 80px; }
@media (max-width: 767px) {
    .prep-video-wrapper .accordian-content {
        padding: 0 40px; } }
.prep-video-wrapper .accordian-content .video-play {
    margin: auto; }

@media (max-width: 767px) {
    .meal-planner-container {
        grid-template-areas: ". a a a a a a a a a a ."
            ". b b b b b b b b b b ."; } }

@media (min-width: 768px) {
    .meal-planner-container {
        grid-template-areas: ". a a a a a a a a a a ."
            ". b b b b b b b b b b ."; } }

@media (min-width: 1015px) {
    .meal-planner-container {
        grid-template-areas: ". a a a a a a a a a a ."
            ". b b b b b b b b b b ."; } }

.meal-welcome-text {
    grid-area: a; }

.add-recipe-btn {
    margin: 1em 0 2em; }

.meal-planner-main {
    grid-area: b; }

.meal-planner-filter .checkbox {
    margin: 10px 0 0px; }
.meal-planner-filter .checkbox span {
    display: inline-block;
    transform: translateY(-4px); }

.meal-picker-week {
    border-top: 4px dotted #6A1F45;
    border-bottom: 4px dotted #6A1F45;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: .5em;
    padding-bottom: .5em; }
.meal-picker-week .left-arrow, .meal-picker-week .right-arrow {
    color: #6A1F45;
    font-size: 25px; }

.meal-picker-days {
    margin-top: 14px;
    text-align: center; }
@media (max-width: 767px) {
    .meal-picker-days {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; } }

.meal-day {
    font-size: 11px; }

.meal-date {
    font-size: 17px;
    margin-top: 4px; }

.single-day-box {
    padding: 1em;
    display: inline-block;
    color: white;
    padding-left: 1.2em;
    padding-right: 1.2em;
    width: 20px;
    height: 40px;
    cursor: pointer; }
@media (max-width: 767px) {
    .single-day-box {
        padding: 10px 9px;
        margin-top: 5px; } }
@media (min-width: 768px) {
    .single-day-box {
        padding: 1em 1.2em;
        margin-top: 0; } }
.single-day-box.even {
    background-image: -webkit-linear-gradient(140deg, #6A1F45 50%, #79244F 50%); }
.single-day-box.even.single-day-focus {
    background-image: -webkit-linear-gradient(140deg, #C84285 50%, #D06299 50%); }
.single-day-box.odd {
    background-image: -webkit-linear-gradient(140deg, #400021 50%, #55042D 50%); }
.single-day-box.odd.single-day-focus {
    background-image: -webkit-linear-gradient(140deg, #800042 50%, #AA0859 50%); }

.meal-planner-dropdowns {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 1em; }

.mp-dd1 {
    width: 48%; }

.mp-dd2 {
    width: 48%; }

.mp-week {
    margin-top: auto;
    margin-bottom: auto; }

.mp-meal-header {
    background-color: #ECECEC;
    color: #6A1F45;
    font-size: 14px;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em; }
@media (min-width: 1015px) {
    .mp-meal-header {
        font-size: 16px; } }

.mp-day-content h3, .mp-day-content .title-secondary {
    color: #6A1F45;
    margin: 1em 0; }

.bonus-video-list {
    display: flex;
    flex-wrap: wrap; }
.bonus-video-list .video-list-item {
    float: left;
    padding: 3px;
    flex-grow: 1;
    flex-basis: 45%;
    padding: 8px;
    max-width: 50%; }
.bonus-video-list .video-list-item:last-child:nth-child(odd) {
    flex-grow: 0; }
@media (max-width: 767px) {
    .bonus-video-list .video-list-item:last-child:nth-child(odd) {
        flex-grow: 1; } }
.bonus-video-list .video-list-item h3, .bonus-video-list .video-list-item .title-secondary {
    font-weight: normal; }
.bonus-video-list .video-list-item p {
    font-style: italic; }
.bonus-video-list .video-list-item.playing {
    flex-basis: 100%; }
@media (max-width: 767px) {
    .bonus-video-list .video-list-item.playing #EmberYoutube-player,
    .bonus-video-list .video-list-item.playing .video-play {
        width: 320px;
        height: 180px;
        margin: auto; } }
@media (min-width: 768px) {
    .bonus-video-list .video-list-item.playing #EmberYoutube-player,
    .bonus-video-list .video-list-item.playing .video-play {
        width: 679px;
        height: 382px;
        margin: auto; } }
@media (min-width: 1015px) {
    .bonus-video-list .video-list-item.playing #EmberYoutube-player,
    .bonus-video-list .video-list-item.playing .video-play {
        width: 844px;
        height: 474px;
        margin: auto; } }
.bonus-video-list .img-wrapper {
    overflow: hidden; }
@media (max-width: 767px) {
    .bonus-video-list .img-wrapper img {
        margin-top: -30px; } }
@media (min-width: 768px) {
    .bonus-video-list .img-wrapper img {
        margin-top: -29px; } }
@media (min-width: 1015px) {
    .bonus-video-list .img-wrapper img {
        margin-top: -38px; } }
@media (max-width: 767px) {
    .bonus-video-list #EmberYoutube-player,
    .bonus-video-list .video-play,
    .bonus-video-list .img-wrapper {
        width: 320px;
        height: 180px;
        margin: auto; } }
@media (min-width: 768px) {
    .bonus-video-list #EmberYoutube-player,
    .bonus-video-list .video-play,
    .bonus-video-list .img-wrapper {
        width: 310px;
        height: 174px;
        margin: auto; } }
@media (min-width: 1015px) {
    .bonus-video-list #EmberYoutube-player,
    .bonus-video-list .video-play,
    .bonus-video-list .img-wrapper {
        width: 400px;
        height: 224px;
        margin: auto; } }

.audio-list {
    padding: 0 25px; }
@media (max-width: 767px) {
    .audio-list {
        width: 100%; } }
@media (min-width: 768px) {
    .audio-list {
        width: 100%; } }
@media (min-width: 1015px) {
    .audio-list {
        width: 80%; } }
.audio-list .audio-list-item {
    display: flex;
    margin-bottom: 25px; }
.audio-list .audio-list-item .icon {
    width: 0;
    height: 0;
    border-left: 55px solid #e5e5e5;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    margin-top: 40px;
    margin-right: 20px;
    transition: all .3s ease; }
.audio-list .audio-list-item .icon.open {
    transform: rotate(90deg); }
.audio-list .audio-list-item h3, .audio-list .audio-list-item .title-secondary {
    font-weight: normal; }
.audio-list .audio-list-item p {
    font-style: italic; }
.audio-list .audio-list-item audio {
    width: 100%; }

.checkout-wrapper > .inner > header {
    position: relative; }
.checkout-wrapper > .inner > header .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center; }
.checkout-wrapper > .inner > header .caption .inner {
    padding: 1rem;
    max-width: 66%;
    text-align: right;
    font-size: 3rem;
    color: #BA2153;
    font-weight: 100; }
@media (min-width: 768px) {
    .checkout-wrapper > .inner > header .caption .inner {
        max-width: 70%;
        font-size: 4rem; } }

.checkout-wrapper > .inner .content .sub-title {
    padding: 1.4rem 0; }

.checkout-wrapper > .inner .content .form-wrapper form > * {
    margin-bottom: 2rem; }

.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table {
    width: 100%;
    border-collapse: collapse;
    margin: 0; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > thead th,
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tfoot th {
    text-align: left;
    padding: 1rem;
    color: #D3D1D4; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > thead {
    background-color: #7F0D3E; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tbody td, .checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tbody th {
    color: #787878;
    font-size: 1rem; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tbody th {
    text-align: left;
    padding: 1rem; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tbody td {
    background: #ffffff !important;
    padding-left: 1rem; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tfoot {
    background-color: #ececec;
    width: 100%; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tfoot tr {
    border: none; }
.checkout-wrapper > .inner .content .form-wrapper .line-items-table-wrapper > table > tfoot tr th {
    color: #222; }

.checkout-wrapper > .inner > footer .inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 1rem; }
.checkout-wrapper > .inner > footer .inner #place-order {
    text-decoration: none;
    padding: 2px 6px;
    display: inline-block;
    border: solid 1px #BA2153;
    border-radius: 2px;
    margin: 0;
    color: #BA2153;
    transition: all 0.3s;
    text-align: center;
    text-transform: lowercase;
    box-sizing: border-box;
    width: 140px; }
.checkout-wrapper > .inner > footer .inner #place-order:hover {
    cursor: pointer;
    background-color: #ececec; }

.checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header,
.checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header {
    background-color: #7F0D3E; }
.checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header h3, .checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header .title-secondary,
.checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header h4,
.checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header .title-description,
.checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header h5,
.checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header .membership-benefits li,
.membership-benefits .checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary header li,
.checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header h3,
.checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header .title-secondary,
.checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header h4,
.checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header .title-description,
.checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header h5,
.checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header .membership-benefits li,
.membership-benefits .checkout-wrapper > .inner .content .form-wrapper .payment-info-wrapper header li {
    color: #ececec;
    padding: 1rem;
    font-style: initial;
    font-weight: 600;
    margin: 0; }

.checkout-wrapper > .inner .content .form-wrapper .billing-info-order-summary {
    display: grid;
    grid-column-gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr); }

@media (max-width: 767px) {
    .checkout-modal .modal {
        max-width: 100vw;
        max-height: 90vh;
        width: 100vw;
        height: 90vh;
        top: 0; } }

.checkout-content-container {
    /*
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    */ }
.checkout-content-container .slider-wrapper {
    padding: 25px 0;
    margin-bottom: 25px; }
.checkout-content-container .slider-wrapper .slider.slider-horizontal .slider-track {
    background-color: #4A4A4A;
    background-image: none;
    height: 3px; }
.checkout-content-container .slider-wrapper .slider.slider-horizontal .slider-track::after, .checkout-content-container .slider-wrapper .slider.slider-horizontal .slider-track::before {
    content: '';
    height: 25px;
    width: 3px;
    position: absolute;
    background: #4A4A4A;
    transform: translateY(-40%); }
.checkout-content-container .slider-wrapper .slider.slider-horizontal .slider-track::before {
    left: 0; }
.checkout-content-container .slider-wrapper .slider.slider-horizontal .slider-track::after {
    right: 0; }
.checkout-content-container .slider-wrapper .slider.slider-horizontal .slider-track .slider-handle.min-slider-handle.round {
    z-index: 99;
    background-color: #BA2153;
    background-image: none;
    border: 3px solid #787878;
    height: 15px;
    width: 15px;
    margin-top: -8px; }
.checkout-content-container .slider-wrapper .slider-tick-label-container {
    margin-top: 40px !important;
    white-space: normal;
    display: inline-block; }
.checkout-content-container .slider-wrapper .slider-tick-label-container .slider-tick-label:first-child {
    visibility: none; }
.checkout-content-container .slider-wrapper .slider-tick-label-container .slider-tick-label:last-child {
    position: absolute; }
.checkout-content-container .slider-wrapper .slider-tick.round {
    background-image: none;
    box-shadow: none;
    border: dotted 1px #787878;
    height: 30px;
    width: 0;
    border-radius: 0;
    transform: translate(9px, 10px); }
.checkout-content-container .slider-wrapper .slider-tick.round:nth-child(4), .checkout-content-container .slider-wrapper .slider-tick.round:nth-child(14) {
    display: none; }
.checkout-content-container .slider-wrapper .slider-selection {
    display: none; }
.checkout-content-container .percent-bar {
    height: 45px;
    overflow: hidden;
    margin-bottom: 1em; }
.checkout-content-container .percent-bar .slider-track {
    height: 36px;
    border-radius: 0; }
.checkout-content-container .percent-bar .slider-selection {
    background-image: url("images/progressBarBkgnd.jpg"); }
.checkout-content-container .percent-bar .slider-handle.min-slider-handle.round {
    border-radius: 0;
    height: 36px;
    width: 24px;
    background: none;
    margin-top: 0;
    margin-left: 0;
    transform: skew(-20deg) translateX(-10px);
    background-image: url("images/progressBarBkgnd.jpg"); }
.checkout-content-container .percent-bar.complete .slider-selection {
    background-image: url("images/progressBarBkgndComplete.jpg"); }
.checkout-content-container .percent-bar.complete .slider-handle.min-slider-handle.round {
    display: none; }
.checkout-content-container > * {
    min-width: 25%; }
@media (min-width: 768px) {
    .checkout-content-container {
        flex-wrap: nowrap; } }
.checkout-content-container p {
    line-height: 1.4em;
    margin-top: 0; }
@media (max-width: 767px) {
    .checkout-content-container p {
        font-size: .75em; } }
@media (min-width: 768px) {
    .checkout-content-container p {
        margin-right: 10px; } }
.checkout-content-container .modal {
    margin-bottom: 25px; }
.checkout-content-container .modal .close-tour-btn {
    color: #7F0D3E;
    cursor: pointer;
    border: 2px solid #7F0D3E;
    border-radius: 100%;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 2px 5px 8px;
    font-size: 1em; }
.checkout-content-container .btn, .checkout-content-container .primary-btn, .checkout-content-container .secondary-btn {
    float: right; }
.checkout-content-container .btn.outline, .checkout-content-container .outline.primary-btn, .checkout-content-container .primary-btn.secondary-btn, .checkout-content-container .secondary-btn {
    border-color: #ffffff;
    color: #ffffff; }

/* Component Styles */
/* --- Wellness Evaluation -- */
/* Colors Definitions */
.green {
    color: #80BD01 !important; }

.darkgreen {
    color: #578002 !important; }

.teal {
    color: #0096A9 !important; }

.darkteal {
    color: #005965 !important; }

.magenta {
    color: #BA2153 !important; }

.darkmagenta {
    color: #7F0D3E !important; }

.purple {
    color: #6A1F45 !important; }

.lt-grey {
    color: #D3D1D4 !important; }

.bg-teal {
    background-color: #0096A9; }

.bg-teal-dark {
    background-color: #005965; }

.wellness-eval {
    background-color: #ffffff;
    overflow: visible;
    color: #787878; }
.wellness-eval .wellness-question-item {
    overflow: visible; }
.wellness-eval .wellness-question-item input {
    display: none; }
.wellness-eval .wellness-question-item label {
    display: block;
    width: 50px;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    position: relative; }
.wellness-eval .wellness-question-item label::before {
    content: '';
    position: absolute;
    top: 27%;
    left: -10%;
    height: 15px;
    width: 15px;
    border: 3px solid #787878;
    border-radius: 100%;
    background: #ffffff; }
.wellness-eval .wellness-question-item input[type=radio]:checked + label::before {
    background-color: #BA2153; }
.wellness-eval .wellness-question-item .wellness-text-wrapper {
    padding: 15px; }
.wellness-eval .wellness-question-item .wellness-text-wrapper textarea {
    background-color: #D3D1D4; }
.wellness-eval .wellness-question-item .slider-wrapper {
    padding: 25px 0;
    margin-bottom: 25px; }
.wellness-eval .wellness-question-item .slider-wrapper .slider.slider-horizontal .slider-track {
    background-color: #4A4A4A;
    background-image: none;
    height: 3px; }
.wellness-eval .wellness-question-item .slider-wrapper .slider.slider-horizontal .slider-track::after, .wellness-eval .wellness-question-item .slider-wrapper .slider.slider-horizontal .slider-track::before {
    content: '';
    height: 25px;
    width: 3px;
    position: absolute;
    background: #4A4A4A;
    transform: translateY(-40%); }
.wellness-eval .wellness-question-item .slider-wrapper .slider.slider-horizontal .slider-track::before {
    left: 0; }
.wellness-eval .wellness-question-item .slider-wrapper .slider.slider-horizontal .slider-track::after {
    right: 0; }
.wellness-eval .wellness-question-item .slider-wrapper .slider.slider-horizontal .slider-track .slider-handle.min-slider-handle.round {
    z-index: 99;
    background-color: #BA2153;
    background-image: none;
    border: 3px solid #787878;
    height: 15px;
    width: 15px;
    margin-top: -8px; }
.wellness-eval .wellness-question-item .slider-wrapper .slider-tick-label-container {
    margin-top: 40px !important;
    white-space: normal;
    display: inline-block; }
.wellness-eval .wellness-question-item .slider-wrapper .slider-tick-label-container .slider-tick-label:first-child {
    visibility: none; }
.wellness-eval .wellness-question-item .slider-wrapper .slider-tick-label-container .slider-tick-label:last-child {
    position: absolute; }
.wellness-eval .wellness-question-item .slider-wrapper .slider-tick.round {
    background-image: none;
    box-shadow: none;
    border: dotted 1px #787878;
    height: 30px;
    width: 0;
    border-radius: 0;
    transform: translate(9px, 10px); }
.wellness-eval .wellness-question-item .slider-wrapper .slider-tick.round:nth-child(4), .wellness-eval .wellness-question-item .slider-wrapper .slider-tick.round:nth-child(14) {
    display: none; }
.wellness-eval .wellness-question-item .slider-wrapper .slider-selection {
    display: none; }
.wellness-eval .wellness-desc-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
.wellness-eval .wellness-desc-row .tag {
    text-align: center; }
.wellness-eval .wellness-desc-row .tag:first-child {
    text-align: left; }
.wellness-eval .wellness-desc-row .tag:last-child {
    text-align: right; }
.wellness-eval .percent-bar {
    height: 45px;
    overflow: hidden;
    margin-bottom: 1em; }
.wellness-eval .percent-bar .slider-track {
    height: 36px;
    border-radius: 0; }
.wellness-eval .percent-bar .slider-selection {
    background-image: url("images/progressBarBkgnd.jpg"); }
.wellness-eval .percent-bar .slider-handle.min-slider-handle.round {
    border-radius: 0;
    height: 36px;
    width: 24px;
    background: none;
    margin-top: 0;
    margin-left: 0;
    transform: skew(-20deg) translateX(-10px);
    background-image: url("images/progressBarBkgnd.jpg"); }
.wellness-eval .percent-bar.complete .slider-selection {
    background-image: url("images/progressBarBkgndComplete.jpg"); }
.wellness-eval .percent-bar.complete .slider-handle.min-slider-handle.round {
    display: none; }
.wellness-eval .wellness-score-bar {
    background-color: #0096A9;
    padding: 15px; }
.wellness-eval .wellness-score-bar h4, .wellness-eval .wellness-score-bar .title-description {
    color: #ffffff;
    text-align: right;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 2px;
    margin-right: 1em; }
.wellness-eval .wellness-score-bar .score {
    color: #ffffff;
    border-radius: 100%;
    border: 3px solid #ffffff;
    height: 70px;
    width: 70px;
    position: absolute;
    background: #005965;
    font-size: 2em;
    text-align: center;
    top: -26px; }
.wellness-eval .wellness-score-bar .score span {
    display: inline-block;
    margin-top: 19%; }
.wellness-eval .done-btn {
    text-align: center; }
.wellness-eval .done-btn a {
    width: 60%; }
.wellness-eval .disclaimer {
    font-size: .7em;
    color: #D3D1D4;
    font-style: italic; }

@media (max-width: 767px) {
    .welcome-modal .modal {
        max-width: 100vw;
        max-height: 90vh;
        width: 100vw;
        height: 90vh;
        top: 0; } }

.welcome-tour {
    background-color: #BA2153; }
.welcome-tour h1, .welcome-tour .title-primary, .welcome-tour p {
    color: #ffffff; }
.welcome-tour .tour-step-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
.welcome-tour .tour-step-content > * {
    min-width: 20%; }
.welcome-tour .tour-step-content .text {
    max-width: 648px; }
.welcome-tour .tour-step-content .thumbnail-wrapper img {
    max-width: 277px; }
.welcome-tour .tour-step-content .thumbnail-wrapper:first-child {
    padding: 0 2rem 2rem 0; }
.welcome-tour .tour-step-content .thumbnail-wrapper:last-child {
    padding-left: 2rem; }
@media (min-width: 768px) {
    .welcome-tour .tour-step-content {
        flex-wrap: nowrap; } }
.welcome-tour .tour-step-content p {
    line-height: 1.4em;
    margin-top: 0; }
@media (max-width: 767px) {
    .welcome-tour .tour-step-content p {
        font-size: .75em; } }
@media (min-width: 768px) {
    .welcome-tour .tour-step-content p {
        margin-right: 10px; } }
.welcome-tour .tour-step-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1em; }
.welcome-tour .close-tour {
    margin-bottom: 25px; }
.welcome-tour .close-tour .close-tour-btn {
    color: #7F0D3E;
    cursor: pointer;
    border: 2px solid #7F0D3E;
    border-radius: 100%;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 2px 5px 8px;
    font-size: 1em; }
.welcome-tour .tour-nav {
    text-align: center;
    height: 60px; }
.welcome-tour .tour-nav .prev-arrow {
    cursor: pointer;
    height: 20px;
    width: 20px;
    border: solid #ffffff;
    border-width: 2px 0 0 2px;
    transform: rotate(-45deg);
    float: left; }
.welcome-tour .tour-nav .next-arrow {
    cursor: pointer;
    height: 20px;
    width: 20px;
    border: solid #ffffff;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg) translate(-25px, 25px);
    float: right; }
.welcome-tour .tour-nav .tour-nav-dot {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 2px solid #7F0D3E;
    display: inline-block; }
.welcome-tour .tour-nav .tour-nav-dot.active {
    background-color: #7F0D3E; }
.welcome-tour .btn, .welcome-tour .primary-btn, .welcome-tour .secondary-btn {
    float: right; }
.welcome-tour .btn.outline, .welcome-tour .outline.primary-btn, .welcome-tour .primary-btn.secondary-btn, .welcome-tour .secondary-btn {
    border-color: #ffffff;
    color: #ffffff; }

.set-goals-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
.set-goals-row .checkbox {
    width: 166px;
    display: flex; }

.eval-review-container {
    margin-top: 50px;
    overflow: scroll; }
.eval-review-container table tr td {
    padding: 0;
    background-color: #ffffff !important; }
.eval-review-container table tr td p {
    height: 65px;
    line-height: 15px;
    margin: 0;
    color: #4A4A4A;
    border: 1px solid #B7D280;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
.eval-review-container table tr td p.header {
    background-color: #B7D280; }
.eval-review-container table tr td p.no-text {
    color: #B7D280 !important; }
.eval-review-container table tr td:nth-child(1) p {
    display: flex;
    color: #4A4A4A;
    margin-left: 0;
    width: 210px;
    justify-content: left; }

.coach-float {
    position: fixed;
    bottom: 0;
    right: 0;
    background: transparent;
    border-radius: 100px;
    display: flex;
    margin: 0 25px 25px 0;
    transition: all .2s ease;
    width: 300px; }
@media (max-width: 767px) {
    .coach-float .modal {
        position: absolute;
        top: 0;
        max-width: none;
        max-height: none;
        padding-top: 10%;
        width: 100%;
        height: 100%; } }
.coach-float .connectHyperlink {
    display: flex; }
.coach-float .coachImg {
    border-radius: 50%;
    width: 87px; }
.coach-float .coach-desc {
    display: none;
    width: 70%;
    color: white;
    text-align: right;
    line-height: 1.5;
    padding-left: 18px; }
.coach-float .coach-pic {
    transform: translate(19px, 1px);
}
.coach-float .connectCoach {
    line-height: 1.4em;
    margin-top: 25px;
    margin-left: 1px; }
.coach-float:hover {
    background: #BA2153;
    box-shadow: 1px 1px 1px 1px #D3D1D4; }
.coach-float:hover .coach-desc {
    display: flex; }
.coach-float:hover .coach-pic {
    transform: translate(19px, 1px); }
@media (min-width: 768px) {
    .coach-float .coach-desc { display: flex !important; }    
    .coach-float{
        background: #BA2153 !important; }}
.ember-view .invite-friend-wrapper {
    color: #4A4A4A; }
.ember-view .invite-friend-wrapper .friend-form input,
.ember-view .invite-friend-wrapper .friend-form textarea {
    padding: 7px;
    margin: 5px 5px 10px 0;
    border-radius: 5px;
    border: 1px solid;
    background-color: #FFF !important; }

.faq-expander {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 2px; }
.faq-expander .expander {
    background-color: #ececec; }
.faq-expander .expander p {
    margin: 0;
    display: flex; }
.faq-expander .expander .title {
    font-size: 1em;
    padding: 15px;
    display: inline-block;
    width: 100%;
    min-height: 2em; }
.faq-expander .expander .control {
    background-color: #7F0D3E;
    position: relative;
    width: 65px;
    display: flex;
    justify-content: center; }
.faq-expander .expander .control::before, .faq-expander .expander .control::after {
    content: '';
    background-color: #BA2153;
    height: 45px;
    width: 3px;
    display: flex;
    align-self: center; }
.faq-expander .expander .control::before {
    transform: translate(2px, 0px); }
.faq-expander .expander .control::after {
    transform: rotate(90deg); }
.faq-expander .expander .control.open::before {
    transform: rotate(90deg); }
.faq-expander .body {
    background-color: #ececec;
    height: 0; }
.faq-expander .body.open {
    height: auto;
    padding: 15px;
    border-top: solid 0.1px #787878; }
.faq-expander .body p {
    margin: 0; }

.recipe-icons {
    padding: .75rem 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
.recipe-icons .recipe-icon {
    padding-left: 18px;
    height: 26px;
    width: 26px;
    margin-right: .6rem;
    background-size: contain;
    background-repeat: no-repeat; }
.recipe-icons .recipe-icon.switch {
    background-image: url("/assets/images/recipes/switch.svg"); }
.recipe-icons .recipe-icon.favorite {
    background-image: url("/assets/images/recipes/favorites.svg"); }
.recipe-icons .recipe-icon.favorite:hover, .recipe-icons .recipe-icon.favorite.active, .recipe-icons .recipe-icon.favorite:focus {
    background-image: url("/assets/images/recipes/favorites_active.png"); }
.recipe-icons .recipe-icon.delete {
    background-image: url("/assets/images/recipes/delete.svg"); }
.recipe-icons .recipe-icon.delete:hover, .recipe-icons .recipe-icon.delete.active {
    background-image: url("/assets/images/recipes/delete_active.png"); }

/*
#meal-type-fields {
    display: grid;
    @media ($mobile) {
        grid-template-areas: "show filter" "btn btn";
    }
    @media ($tablet) {
        grid-template-areas: "show filter" "btn btn";
    }
    @media ($desktop) {
        grid-template-areas: "show filter" "btn btn";
    }
}
.toggle-filters {
    font-style: italic;
    font-size: 1.4em;
    color: $magenta;
    padding: 5px 10px;
    margin: 5px;
}
.recipe-filter-check {
    display: flex;
    padding: 6px 0;
    .checkbox {
        width: 26px;
    }
    &:hover {
        label:after {
            opacity: .5;
        }
    }
}

.recipe-search-bar {
    width: 92%;
    background: $ultra-lt-grey;
}

.active-filters-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    h5 {
        margin: 0 5px 0 0;
    }
    .active-filter {
        padding: 5px 10px;
        margin: 5px;
        border-radius: 5px;
        background: $lt-grey;
        font-size: .7em;
        color: $grey;

        span {
            margin-left: 7px;
        }
    }
}

// Recipes Grid 

.recipes-grid {
    @extend .default-grid;
    
    @media ($mobile) {
        grid-template-areas: 
            ". title title title title title title title title title title ."
            ". list list list list list list list list list list . "
            ". buttons buttons buttons buttons buttons buttons buttons buttons buttons buttons . "
            "social social social social social social social social social social social social";
    }

    @media ($tablet) {
        grid-template-areas: 
            ". title title title title title title title title title title ."
            ". . list list list list list list list list . . "
            ". buttons buttons buttons buttons buttons buttons buttons buttons buttons buttons . "
            ". social social social social social social social social social social .";
    }

    @media ($desktop) {
        grid-template-areas: 
            "title title title title title title title title title title title title"
            "list list list list list list list . social social social social"
            "buttons buttons buttons buttons buttons buttons buttons . social social social social";
    }
}

.recipes-title {
    grid-area: title;
}

.recipe-list {
    grid-area: list;

    @media ($mobile) {
        width: 100%;
    }

    .checkbox {
        display: inline-block;
        margin: 0;
    }
}

.recipe-buttons {
    grid-area: buttons;
}

.social-plugins {
    grid-area: social;
}

.recipe {
    background: $ultra-lt-grey;
    box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.5);
    padding: 15px;
    margin-bottom: 15px;

    display: grid;
    @media ($mobile) {
        grid-template-areas: "img img img img img img img img"
                             "title title title title title title title title"
                             "detls detls detls detls detls detls detls detls" 
                             "cntrl cntrl btn   btn   btn   btn   btn   btn";
    }
    @media ($tablet) {
        grid-template-areas: "img img img img . title title title cntrl" "img img img img . detls detls detls detls" "img img img img . btn btn btn btn ";
        grid-template-columns: repeat(4,6.5%) 0 repeat(4,auto);
    }
    @media ($desktop) {
        grid-template-areas: "img img img img . title title title cntrl" "img img img img . detls detls detls detls" "img img img img . btn btn btn btn ";
        grid-template-columns: repeat(4,6.5%) 0 repeat(4,auto);
}

    margin-top: 1em;

    grid-column-gap: 10px;
    .recipe-image {
        grid-area: img;
        width: 100%;
        height: 205px;
        overflow: hidden;
        @media ($mobile) {
            width: 100%;
            max-height: 25vh;
        }
        img {
            max-width: 100%;
        }
    }

    .recipe-title {
        grid-area: title;
        margin-left: 2%;

        h4 {
            font-size: 17px;
        }
    }

    .recipe-details {
        grid-area: detls;
        h5 {
            margin: .6em 0;
        }
    }
}

.todays-meal-plan-acc{
    .recipe {
        grid-template-columns: repeat(4,28px) 0px repeat(4,80px);
        grit-template-rows: 3em;
        box-shadow: none;
        h5 {
            margin: 0;
        }
    }
        
}

.recipe-indiv-button {
    grid-area: btn;
    padding-right: 15px;
    display: grid;
    align-content: end;
    justify-content: right;
}

.recipe-icons {
    grid-area: cntrl;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
}

.recipe-icon {
    padding-left: 18px;
    height: 26px;
    width: 26px;
    background-size: contain;
    background-repeat: no-repeat;

    &.favorite {
        background-image: url("/assets/images/recipes/favorites.svg");

        &:hover, &.active {
            background-image: url("/assets/images/recipes/favorites_active.png");
        }
    }
    &.delete {
        background-image: url("/assets/images/recipes/delete.svg");

        &:hover, &.active {
            background-image: url("/assets/images/recipes/delete_active.png");
        }
    }

}

.recipe-make-btn {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 15px;
}

.align-right {
    text-align: right;
}

.recipe-page-title {
    margin-top: 30px;
}

.recipe-page-subtitle {
    margin-top: 10px;
    margin-bottom: 30px;
}

.recipe-single {
    .featured-image-wrapper {
        width: 50%;
        
        img {
            max-width: 100%;
        }
    }

    .recipe-subhead {
        margin-bottom: 1em;
    }
    ul {
        margin-top: 0;
    }

    #recipe-single-buttons {
        margin-top: 24px;
        display: flex;
        @media ($mobile){
            flex-direction: column;
        }

        a {
            flex-grow: 1;
            margin: 0 10px;
            @media($mobile){
                margin-top: 10px;
            }

        }
    }

    .btn {
        width: auto;
    }
}

*/
.membership-box-wrapper .plan-btns {
    text-align: center; }
.membership-box-wrapper .plan-btns .btn, .membership-box-wrapper .plan-btns .primary-btn, .membership-box-wrapper .plan-btns .secondary-btn {
    width: 40%;
    margin: 1em auto 0; }

.membership-plan-title {
    margin-top: 12px;
    margin-bottom: 1em; }
@media (max-width: 767px) {
    .membership-plan-title {
        margin-left: 8%; } }

.prefs-container .set-avoids-wrapper {
    /* width: 90%; */
    width: 100%; }

.prefs-header {
    color: #787878;
    text-align: center; }

.set-goals-wrapper {
    color: #787878; }

.set-avoids-options {
    color: #787878; }
@media (max-width: 767px) {
    .set-avoids-options {
        grid-template-areas: " . opt1 opt1 opt1 opt1 opt1 opt1 opt1 opt1 opt1 opt1 ."
            " . opt2 opt2 opt2 opt2 opt2 opt2 opt2 opt2 opt2 opt2 ."
            " . opt3 opt3 opt3 opt3 opt3 opt3 opt3 opt3 opt3 opt3 ."
            " . opt4 opt4 opt4 opt4 opt4 opt4 opt4 opt4 opt4 opt4 ."
            " . opt5 opt5 opt5 opt5 opt5 opt5 opt5 opt5 opt5 opt5 ."
            " . opt6 opt6 opt6 opt6 opt6 opt6 opt6 opt6 opt6 opt6 ."
            " . opt7 opt7 opt7 opt7 opt7 opt7 opt7 opt7 opt7 opt7 ."; } }
@media (min-width: 768px) {
    .set-avoids-options {
        grid-template-areas: " . opt1 opt1 opt1 opt1 opt1 opt2 opt2 opt2 opt2 opt2 ."
            " . opt3 opt3 opt3 opt3 opt3 opt4 opt4 opt4 opt4 opt4 ."
            " . opt5 opt5 opt5 opt5 opt5 opt6 opt6 opt6 opt6 opt6 ."
            " . opt7 opt7 opt7 opt7 opt7 . . . . . ."; } }
@media (min-width: 1015px) {
    .set-avoids-options {
        grid-template-areas: " opt1 opt1 opt1 opt1 opt2 opt2 opt2 opt2 opt3 opt3 opt3 opt3  "
            " opt4 opt4 opt4 opt4 opt5 opt5 opt5 . opt6 opt6 opt6 opt6 "
            " opt7 opt7 opt7 opt7 opt7 . . . . . . . "; } }
.set-avoids-options #opt1 {
    grid-area: opt1; }
.set-avoids-options #opt2 {
    grid-area: opt2; }
.set-avoids-options #opt3 {
    grid-area: opt3; }
.set-avoids-options #opt4 {
    grid-area: opt4; }
.set-avoids-options #opt5 {
    grid-area: opt5; }
.set-avoids-options #opt6 {
    grid-area: opt6; }
.set-avoids-options #opt7 {
    grid-area: opt7; }
.set-avoids-options .save {
    grid-area: save; }

.meal-schedule-wrapper {
    margin: 1em 0 1em; }
.meal-schedule-wrapper p {
    color: #787878; }

.set-cleanse-wrapper .pick-date-container {
    padding: 15px 0;
    grid-column-gap: 9px;
    grid-template-areas: " p p p p p o o j j j j j"
        " d d d d d d d d d d d d"
        " c c c c c c c c c c c c"; }
@media (max-width: 767px) {
    .set-cleanse-wrapper .pick-date-container {
        grid-template-areas: " p p p p p p p p p p p p"
            " o o o o o o o o o o o o"
            " j j j j j j j j j j j j"
            " d d d d d d d d d d d d"
            " c c c c c c c c c c c c"; } }
.set-cleanse-wrapper .pick-date-container .choose-date {
    grid-area: p;
    display: grid;
    align-content: center; }
.set-cleanse-wrapper .pick-date-container .or-box {
    grid-area: o;
    display: grid;
    margin-bottom: 1em;
    width: 50px;
    align-content: center; }
@media (max-width: 767px) {
    .set-cleanse-wrapper .pick-date-container .or-box {
        width: 100%; } }
@media (min-width: 768px) {
    .set-cleanse-wrapper .pick-date-container .or-box {
        width: 100%; } }
.set-cleanse-wrapper .pick-date-container .join-date {
    grid-area: j;
    /* border: 1px dotted #0096A9; */
    padding: 0 15px; }
.set-cleanse-wrapper .pick-date-container .cleanse-date-wrapper {
    grid-area: d; }
.set-cleanse-wrapper .pick-date-container .add-to-cal-button {
    grid-area: c; }
.set-cleanse-wrapper .pick-date-container .add-to-cal-button .calBtn {
    position: relative;
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-right: 25px; }
.set-cleanse-wrapper .pick-date-container .add-to-cal-button .calBtn::before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px; }
.set-cleanse-wrapper .pick-date-container .add-to-cal-button #gCalBtn::before {
    background-size: contain; }
.set-cleanse-wrapper .pick-date-container .add-to-cal-button #iCalBtn::before {
    background-size: contain; }

.set-cleanse-wrapper p {
    color: #787878; }
.set-cleanse-wrapper p.option-select {
    /* font-style: italic; */
    font-weight: 100; }
.set-cleanse-wrapper p .start-date {
    font-size: 1.2em;
    color: #0096A9; }

.set-cleanse-wrapper h4, .set-cleanse-wrapper .title-description {
    font-size: 1.5em;
    font-weight: 100; }

.set-cleanse-wrapper .cleanse-select {
    text-align: center;
    margin-bottom: 10px; }

.set-cleanse-wrapper .live-date {
    color: #787878;
    margin-bottom: 1em; }

.set-cleanse-wrapper .cal-icon-container {
    text-align: center;
    padding: 10px;
    margin: 1em 0; }
.set-cleanse-wrapper .cal-icon-container img {
    width: 38px;
    margin: 0 1em; }

.confirm-phone {
    padding-bottom: 10px; }
.confirm-phone input {
    width: 70%; }
@media (max-width: 767px) {
    .confirm-phone input {
        width: 100%; } }
@media (max-width: 767px) {
    .confirm-phone .btn, .confirm-phone .primary-btn, .confirm-phone .secondary-btn {
        width: 100%; } }

.social-plugins {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }

.facebook-plugin, .twitter-plugin {
    margin: 0 auto;
    text-align: center; }

.facebook-plugin {
    max-width: 320px; }

.todays-video-acc .accordian-content {
    grid-template-columns: repeat(10, 1fr); }
@media (max-width: 767px) {
    .todays-video-acc .accordian-content {
        grid-template-areas: "cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap"
            "tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er"
            ". . cm-btn cm-btn cm-btn cm-btn cm-btn cm-btn . ."
            ". . . . . . next-btn next-btn next-btn next-btn"; } }
@media (min-width: 768px) {
    .todays-video-acc .accordian-content {
        grid-template-columns: repeat(8, 1fr);
        grid-template-areas: "cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap cd-wrap"
            "tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er tweet-er"
            "cm-btn cm-btn cm-btn . . next-btn next-btn next-btn"; } }
.todays-video-acc .accordian-content .cleanse-day-wrapper {
    grid-area: cd-wrap; width:100%}
.todays-video-acc .accordian-content .tweet-er {
    grid-area: tweet-er;
    margin-bottom: 20px; }
.todays-video-acc .accordian-content .cleanse-manual-btn {
    grid-area: cm-btn; }
.todays-video-acc .accordian-content .next-manual-btn {
    grid-area: next-btn; width:100% }  
.todays-video-acc .accordian-content .cleanse-manual-btn a {
    max-width: 220px;
    margin: 0 auto;
    font-weight: 400;     width: 220px; }
@media (max-width: 767px) {
    .todays-video-acc .accordian-content .cleanse-manual-btn a {
        margin-bottom: 30px; } }
.todays-video-acc .accordian-content .btn-next-container {
    grid-area: next-btn;
    width: 98%; }

/* Accordians */
.accordian {
    background-color: #ececec; }
.accordian .accordion-bottom-border {
    height: 0; }
.accordian .accordion-bottom-border-open {
    height: 8px; }
.accordian .accordian-magenta {
    background-color: #BA2153; }
.accordian .accordian-magenta .accordian-expand {
    background-color: #7F0D3E;
    color: #BA2153; }
.accordian .accordian-green {
    background-color: #80BD01; }
.accordian .accordian-green .accordian-expand {
    background-color: #578002;
    color: #80BD01; }
    .accordian .accordian-orange {
        background-color: #ff7f41; }
    .accordian .accordian-orange .accordian-expand {
        background-color: #cc5500;
        color: #ff7f41; }
.accordian .accordian-teal {
    background-color: #0096A9; }
.accordian .accordian-teal .accordian-expand {
    background-color: #005965;
    color: #0096A9; }
.accordian .accordian-purple {
    background-color: #6A1F45; }
.accordian .accordian-purple .accordian-expand {
    background-color: #400021;
    color: #6A1F45; }
.accordian .accordian-header {
    position: relative;
    margin: 0;
    height: 73px; }
@media (min-width: 768px) {
    .accordian .accordian-header {
        height: 50px; } }
.accordian .accordian-header .accordian-expand {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    font-size: 1.9em;
    padding: 0 10px;
    transition: all .2s ease; }
@media (min-width: 768px) {
    .accordian .accordian-header .accordian-expand {
        font-size: 1.8em; } }
.accordian .accordian-header .accordian-expand.accordian-open .accordian-toggle-icon {
    transform: rotateZ(180deg);
    transform-origin: center; }
.accordian .accordian-content {
    height: 0;
    overflow: hidden; }
.accordian .accordian-content.accordian-open {
    height: auto;
    margin-bottom: 25px;
    margin-top: 20px; }

.container.accordion-container {
    padding: 0; }
@media (min-width: 768px) {
    .container.accordion-container {
        width: 100%;
        max-width: 100%; } }

.accordian-toggle-icon {
    transition: all .2s ease; }
    
    .refer-friend-box {
        margin-top:21px;
        border: solid 1px grey;
        padding: 18px;
        border-radius: 16px;
        text-align: left;
        color:#000;
        margin-bottom: 25px; 
    }
    .refer-friend-box input { width:80%;}
    .refer-friend-box span { margin-right:30px;}
    .refer-friend-box a { font-size:13px;font-weight:bold}
    .refer-friend-box h3
    {
       font-size:18px;
    }
    .refer-friend-box ul li { color:#000;}
.membership-details-box {
    color: #ffffff;
    padding: 25px;
    border-radius: 16px;
    text-align: left;
    margin-bottom: 25px; }
.membership-details-box.annual {
    background: #0096A9; }
.membership-details-box.monthly {
    background: #6A1F45; }
.membership-details-box .price, .membership-details-box .plan-details, .membership-details-box ul, .membership-details-box li, .membership-details-box .callout {
    color: #ffffff;
    line-height: 30px;
    font-size: 22px; }
.membership-details-box .price {
    position: relative;
    font-size: 3em;
    /*
    &::before {
      content: '';
      position: absolute;
      left: 10px;
      top: 25%;
      height: 24px;
      width: 13px;
      border-bottom: 6px solid $green;
      border-right: 6px solid $green;
      transform: rotate(37deg);
    }
    */ }
.membership-details-box ul li::before {
    color: #ffffff; }

.membership-details-container {
    display: flex;
    flex-direction: column; }

@media (min-width: 768px) {
    .membership-details-container {
        flex-direction: row; } }

.membership-child-one {
    order: 1;
    border-right: 2px dotted;
    margin-right: 12px;
    padding-right: 12px; }
@media (max-width: 767px) {
    .membership-child-one {
        border-right: none;
        margin-right: 0;
        padding-right: none;
        border-bottom: 2px dotted;
        margin-bottom: 5px; } }

.membership-details-box {
    min-width: 100%; }

.membership-child-two {
    order: 2;
    width: 90%; }

.membership-child-three {
    order: 3; }

.cleanse-complete {
    grid-template-areas: "step1 step1 step1 step1 step1 step1 step1 step1 step1 step1 step1 step1"
        "step2 step2 step2 step2 step2 step2 step2 step2 step2 step2 step2 step2"
        "step3 step3 step3 step3 step3 step3 step3 step3 step3 step3 step3 step3";
    position: relative; }
.cleanse-complete .separator {
    color: #D3D1D4;
    margin-bottom: 12px; }
.cleanse-complete .step {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 14px auto;
    align-items: start;
    min-height: 130px; }
@media (max-width: 767px) {
    .cleanse-complete .step {
        grid-template-areas: "separator separator separator separator separator separator separator separator separator separator separator separator"
            "num step-title step-title step-title step-title step-title step-title step-title step-title step-title step-title ."
            "step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc"; } }
@media (min-width: 768px) {
    .cleanse-complete .step {
        grid-template-areas: "separator separator separator separator separator separator separator separator separator separator separator separator"
            "num step-title step-title step-title step-title step-title step-title step-desc step-desc step-desc step-desc step-desc"; } }
@media (min-width: 1015px) {
    .cleanse-complete .step {
        grid-template-areas: "separator separator separator separator separator separator separator separator separator separator separator separator"
            "num step-title step-title step-title step-title step-title step-title step-title step-title step-title step-title ."
            "step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc step-desc"; } }
.cleanse-complete .step-number {
    grid-area: num;
    display: inline-block;
    margin-bottom: 12px; }
.cleanse-complete .step-description {
    grid-area: step-desc; }
.cleanse-complete .step-description h5, .cleanse-complete .step-description .membership-benefits li, .membership-benefits .cleanse-complete .step-description li {
    margin-top: 0; }
@media (min-width: 1015px) {
    .cleanse-complete .step-description h5, .cleanse-complete .step-description .membership-benefits li, .membership-benefits .cleanse-complete .step-description li {
        display: inline-block;
        margin-top: 12px; } }
.cleanse-complete .step-title {
    text-transform: uppercase;
    grid-area: step-title;
    margin-left: 12px;
    margin-bottom: 12px;
    box-sizing: border-box;
    padding-right: 14px; }
@media (min-width: 1015px) {
    .cleanse-complete .step-title {
        display: inline-block;
        margin-left: 30px; } }
@media (min-width: 1015px) {
    .cleanse-complete .step-title {
        text-transform: none; } }
.cleanse-complete .step-block-1 {
    grid-area: step1; }
.cleanse-complete .step-block-1 .btn, .cleanse-complete .step-block-1 .primary-btn, .cleanse-complete .step-block-1 .secondary-btn {
    margin: 1em auto; }
@media (max-width: 939px) {
    .cleanse-complete .step-block-1 .separator {
        color: #BA2153; } }
.cleanse-complete .step-block-2 {
    grid-area: step2; }
@media (max-width: 939px) {
    .cleanse-complete .step-block-2 .separator {
        color: #80BD01; } }
.cleanse-complete .step-block-3 {
    grid-area: step3; }
@media (max-width: 939px) {
    .cleanse-complete .step-block-3 .separator {
        color: #0096A9; } }

@media (max-width: 767px) {
    .cleanse-complete-video #EmberYoutube-player {
        width: 320px;
        height: 180px; } }

@media (min-width: 768px) {
    .cleanse-complete-video #EmberYoutube-player {
        width: 640px;
        height: 360px; } }

@media (min-width: 1015px) {
    .cleanse-complete-video #EmberYoutube-player {
        width: 640px;
        height: 360px; } }

@media (max-width: 767px) {
    .cleanse-complete-video .video-play {
        width: 320px;
        height: 180px; } }

@media (min-width: 768px) {
    .cleanse-complete-video .video-play {
        width: 640px;
        height: 360px; } }

@media (min-width: 1015px) {
    .loading-section {
        position:relative;
      
    }
    .cleanse-complete-video .video-play {
        width: 640px;
        height: 360px; } }

.ember-cli-spinner {
    background: white !important; }

.sk-circle,
.sk-spinner-pulse,
.sk-fading-circle,
.sk-wave,
.sk-rotating-plane,
.sk-folding-cube,
.sk-folding-cube,
.sk-double-bounce,
.sk-wandering-cubes,
.sk-chasing-dots,
.sk-three-bounce,
.sk-three-bounce-horizontal,
.sk-cube-grid {
    height: 40px !important;
    width: 40px !important; }
    .sk-chasing-dots {
        margin: 30px auto!important;
    }
.sk-child {
    background-color: #BA2153 !important; }

/* Hide and show device-specific blocks */
@media (min-width: 768px) {
    .phone-only {
        display: none; } }

@media (max-width: 767px) {
    .tablet-only {
        display: none; } }

@media (min-width: 940px) {
    .tablet-only {
        display: none; } }

@media (max-width: 939px) {
    .desktop-only {
        display: none; } }

@media (min-width: 940px) {
    .phone-tablet-only {
        display: none; } }

@media (max-width: 767px) {
    .tablet-desktop-only {
        display: none; } }

/*
 * iOS 9.3 fix
*/
[data-ember-action] {
    cursor: pointer; }

/* Header Bar Styles */
@media (max-width: 939px) {
    .header-bar {
        margin-top: 2px;
        margin-bottom: 10px; } }

@media (min-width: 940px) {
    .header-bar {
        margin-top: 20px;
        margin-bottom: 34px; } }

.header-bar .logo {
    width: 55px;
    padding-top: 6px; }
@media (min-width: 768px) {
    .header-bar .logo {
        display: none; } }

.header-bar .logo-text.header-tablet {
    width: 132px; }

.header-bar .logo-text.header-desktop {
    width: 181px;
    margin-top: -16px; }

.header-bar img {
    width: 100%;
    height: auto; }

@media (min-width: 768px) and (max-width: 939px) {
    .header-bar .header-user-col, .header-bar .nav-toggle-col {
        left: 36px; } }

.header-bar .header-user {
    width: 88%;
    text-align: right;
    margin-right: 6px;
    color: #787878; }
.header-bar .header-user span {
    font-size: .61em;
    margin-right: 30px;
    line-height: 2; }
@media (max-width: 767px) {
    .header-bar .header-user span {
        margin-right: 8px;
        line-height: 1.2; } }
.header-bar .header-user a {
    text-transform: uppercase;
    font-size: .88em;
    font-weight: 300;
    margin-right: 30px;
    line-height: 1.6;
    text-decoration: none;
    color: #787878; }
@media (max-width: 767px) {
    .header-bar .header-user a {
        margin-right: 8px;
        line-height: 1.2; } }

/*# sourceMappingURL=conscious-cleanse.css.map */


/*# checkout page drop down */  

.custom-select {
    position: relative;
    font-family: Arial;
}
.custom-select select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {
    background-color: DodgerBlue;
}
/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
select {
    text-transform: none;
    padding: 5px 10px;
    height: 40px;
    width: 100%;
    margin: 5px auto 0px;
    border: 1px solid #ececec;
}

.error-msg {
    color: #BA2153;
    float:left;
    margin:0px;
}

.prep-video-content h3{
    margin-top: 10px;
    margin-bottom: 18px;
}  
.prep-video-content p , .prep-video-content {
    line-height:23px;
}
.min-height {
    min-height:300px;
}
.text-capitlize {
    text-transform: capitalize;
}
.prep-vidoes-btn-center {
    margin: 1em 0em 1em 0em;
    display: block;
    text-align: center;
    height: 36px;
    padding: 6px 10px;
}
.prep-video-wrapper .accordian ul li[style="list-style-type: none;"]:before {
    display: none;
}

.trigger-bootstrap-feel {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    outline: none;
}

.trigger-bootstrap-feel:focus, .trigger-bootstrap-feel:hover {
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.content-bootstrap-feel {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 5px;
    margin: 2px 0 0;
}

.btn-inline {
    float: none;
    display: inline-block !important;
    vertical-align: text-bottom;
    max-width: 150px;
    vertical-align: top;
    margin-top: 9px;
}

.disabled {
    color:grey !important;
}

.custom-datepicker {
    width:60% !important;
}

.text-transform-none {
    text-transform: none;
}

.health-coach .inline-div {

    width: 32%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    min-width: 20px;
}
.health-coach .inline-div .big-txt{
    font-size: 40px;
    margin: 0px;
    width: 100%;
    float: left;
    font-weight: 300;
    color: #333;
}
.health-coach .inline-div input[type="radio"] { 
    display: inline-block;
    width: auto;
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px; position: absolute;
    top: 21px; left: 2px;
}
.health-coach .inline-div.with-radio {
    padding-left: 25px;
    position: relative;
}

.food-pref-btn {
    width:200px !important;
}

.align-msg {
    float:left;
    width:100%;
    margin: 10px 0;
}

.modal-screen .modal .modal-content .add-note .btn  {
    margin: 0px !important;
}

.cleanse-block {
    float:left;
    width:40%;
}

.cleanse-or-block {
    float:left;
    width:15%;
}

.required-asterisk {
    color: red;
}

.readonly-class {
    background-color: #b9b9b9;
}

.modal-screen .modal {
    overflow-y: auto !important;
} 

.recipe .thumbnail-wrapper{
    width:200px;
}

.recipe-aligned {
    display:flex;
    align-items:center;
    margin-top:50px;
}

.recipe .post-content{
    padding-left:20px;
}

.recipe .btn {
    width:200px;
}

.pagination {
    margin: 20px 0;
    overflow: hidden;
    position: relative;
}
.pagination li {
    float: left;
}
.pagination ul {
    float: left;
    left: 50%;
    position: relative;
    list-style: none;
}
.pagination ul > li {
    left: -50%;
    position: relative;
    list-style: none;
}

.pagination ul li::before, .select2-selection ul li::before {
    display:none;
} 
.pagination li a {
    transition: all 100ms ease-in-out 0s;
    background-color: #F7F7F8;
    border-radius: 5px 5px 5px 5px;
    color: #69696E;
    display: block;
    font: 12px/30px Arial, sans-serif;
    height: 30px;
    margin: 0 3px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 30px;
}
.pagination li a:hover {
    background-color: #BA2153;
    color: #FFFFFF;
}
.pagination li.active a {
    background-color: #BA2153;
    color: #FFFFFF;
}
.pagination li.active a:hover {
    color: #FFFFFF;
}

.journal-entries .error-msg {
    color: #BA2153;
    float:left;
    margin:0px;
    width:100%;
}

.see-more-btn {
    margin-top: 40px !important;
}

.monthly-8020, .monthly-8020 img {
    float:left;
}

.cc-credit-block {
    width:100%;
    float:left;
}
.cc-credit-label {
    width:21%;
    float:left;
    line-height: 43px;
    font-size: 15px;
}

.cc-credit-input {
    width:70%;
    float:left;
}

.cc-credit-input .error-msg {
    color: #BA2153;
    float: left;
    width: 100%;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 7px;
}

.bonus-video-list .video-play {
    height: 190px;
}

.btn-8020 {
    width: 300px;
}

.bonus-video-list .pagination {
    margin: 20px 0;
    position: relative;
    overflow: inherit;
    width: 100%;
    text-align: center;
    float: left;
}


.bonus-video-list .pagination ul {
    float: none;
    list-style: none;
    margin: 0 auto;
    display: inline-block;
    left: auto;
    padding: 0px;
}

.bonus-video-list .pagination ul li {
    left: auto;
    position: relative;
    list-style: none;
    display: inline-block;
    float: none !important;
}

/* .cleanse-day-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: blue;
} */
/* .video-list-item h3 {
  word-wrap: break-word;
  max-width: 54%;
} */

.resource-wrapper .ember-basic-dropdown-content .dropdown {
    position: absolute;
    width: 100%;
}
.resource-wrapper .ember-basic-dropdown-content {
    position: relative;
}

.content-resources ul li span a {
    color: blue;
}
.search-btn-container {
    width:100%;
    margin-top: 10px;
}

.active-filter, .resource-list a.active-filter {
    position: relative;
    display: inline-block;
    border-radius: 15px;
    background-color: #BA2153;
    color: #fff;
    min-width: 72px;
    padding: 0 15px 0 15px;
    height: 24px;
    line-height: 24px;
}

.top-margin {
    margin-top: 20px;
}



/*===================================================  05-03-2019 css (RAHUL) STARTS  ======================================*/

/*=====

===== Sign In Page css starts ====

=====*/

header.header-grid-container {
    padding-bottom: 24px;
    padding-top: 24px; margin-bottom: 0px;
}
.header-grid-container .header-user {
    text-align: center;
}
.header-grid-container .header-user .header-link {
    font-size: 18px;
    font-weight: 300;
}
.sign-in-form .button-container {
    align-items: flex-end;
}
.footerText a {
    padding-right: 5px;
    padding-left: 5px;
}
.footerText a:first-child {
    padding-left: 0px;
}
.hello-msg {
    color: #787878;
    font-size: 11px;
}
footer .footer-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 70%;
    margin: 0 auto;
    max-width: 1170px;
    align-items: center;
}
.basebar-grid-container .base-ending , 
.basebar-grid-container .base-follow-us,
.basebar-grid-container .separator.baseSeparator {
    width: 83%;  max-width: 1170px; float: none;
    margin: 0 auto;
}
.basebar-grid-container .base-follow-us {
    margin-top: 14px;
}
.header-user-divider {
    border-right: 0px; position: relative;
}
.header-user-divider::after {
    content: '';
    height: 34px;
    width: 2px;
    display: block;
    background: #D3D1D4;
    position: absolute;
    right: 0px;
    top: 4px;

}
.sign-up-form h3 {
    font-size: 23px;
    font-weight: bold;
}
footer + .basebar-grid-container {
    padding-bottom: 16px;
}

/*  wraping the title in one line  */

.sign-in-form h1 {
    width: 100%;
}
@media only screen 
and (min-device-width: 1015px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1) {
    .password-reset-page .password-reset-grid {
        grid-template-areas: ". . l l l l d r r r . ." "n n n n n . . . . . . .";
        max-width: 1240px;
        margin: 0 auto;
    }
}

/*
@media (min-width: 1015px) and (max-width: 1600px) {
.password-reset-page .password-reset-grid {
  grid-template-areas: ". . l l l l d r r r . ." "n n n n n . . . . . . .";
  max-width: 1240px;
  margin: 0 auto;
}
} */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1200px) 
and (-webkit-min-device-pixel-ratio: 1) {
    .sign-in-form h1, .sign-in-form .title-primary {
        font-size: 1.8em;
    }
}

/*
@media (min-width: 768px) and (max-width: 1200px) {
.sign-in-form h1, .sign-in-form .title-primary {
    font-size: 1.8em;
}
}
*/

/*   media query css starts */
@media (max-width: 1280px) {
    .header-grid-container .navmenu.navmenu-visible {
        min-width: 220px;
    }
}
@media (max-width: 1014px) {
    .dashboard-accordians .accordian-content ul li::after {
        display: none !important;
    }
    .dashboard-accordians .accordian-content ul li::before {
        display: inline-block !important;
    }
}
@media (min-width: 768px) {
    header.header-grid-container {
        grid-template-areas: "logo logo account account account account account account account account account account account hamburger ";
        padding: 6px 32px;
    }

    header.header-grid-container .header-user {
        margin-right: 32px;
        padding-right: 46px;
    }
    header.header-grid-container .nav-toggle-wrapper {
        justify-self: end;
    }
    .header-grid-container .header-logo {
        justify-self: left;
    }
    .outlet-grid-container .login-grid .divider {
        margin-top: -10px;
    }
    .sign-up-form a {

        max-width: 180px;
    }
    .btn-small {
        width: 180px !important;
    }
}



@media (max-width: 767px) {
    .basebar-grid-container .base-ending , 
    .basebar-grid-container .base-follow-us,
    .basebar-grid-container .separator.baseSeparator,
    footer .footer-container  {
        width: 90%;
    }
    footer .footer-container {
        flex-direction: column;
    }

    .sign-up-form a , 
    .sign-in-form .btn-small {
        width: 85% !important;
        margin: 0 auto;
    }
    .sign-up-form h3 {
        text-align: center;
    }
    .login-page .login-grid .login-form ,
    .login-page .login-grid .sign-up-form  {
        min-height: auto;
    }
    header.header-grid-container {
        padding-bottom: 8px;
        padding-top: 8px;
    }
    .header-logo {
        justify-self: left;
        padding-left: 24px;
    }
    .nav-toggle-wrapper {
        justify-self: right;
        padding-right: 24px;
    }
    footer.footer-grid-container {
        min-height: 130px;
    }
    header.header-grid-container {
        grid-template-areas: "logo logo logo logo logo account account account account account account hamburger hamburger ";
    }
    .header-user-divider {
        padding-right: 5px;
        margin-right: 26px;
    }
    .header-user-divider::after {
        height: 46px;
        top: 0px;
    }
    .header-grid-container .header-user {
        text-align: right;
    }
    .password-reset-page .password-reset-grid .password-reset-form {
        min-height: 222px;
    }
    .password-reset-page .password-reset-grid .sign-up-form {
        min-height: 110px;
    }
    .sidebar .social-plugins .twitter-plugin {
        text-align: center;
    }
    .base-container .base-follow-us .baseFollowUs {
        padding-right: 20px;
    }
    .password-reset-page .reset-password-wrapper button.primary-btn.btn-small {
        margin-bottom: 15px;
    }
    .password-reset-page .sign-up-form button.primary-btn.btn-small {
        display: inline-block;
    }
    .password-reset-page .sign-up-form {
        text-align: center;
    }
    .password-reset-page .reset-password-wrapper > .button-container {
        flex-direction: column;
    }
    .password-reset-page .reset-password-wrapper > .button-container .primary-btn ,
    .password-reset-page .reset-password-wrapper > .button-container a.btn  {
        width: 100% !important;
    }
}



/* 
@media (max-width: 1024px) { 

  .login-page .login-grid {
      grid-template-areas: " . l l l l l . d r r r ." " . n n n n n n n n n n . ";
     
}
basebar-grid-container.base-container.ember-view .base-ending  {
  width: 100%;
}
}
/* ipad css ends */
/* 
@media (min-width: 1025px) {  
header.header-grid-container .header-user {
    text-align: center;
}

header.header-grid-container {
    grid-template-areas: ". . logo logo account account account account account account  hamburger";
}
}

/*   media query css ends */

/*=====

===== Sign In Page css ends ====

=====*/

/*====  sucess reset message css starts ===*/

.success-password-reset-page {
    /* background-image: url(https://coco.consciouscleanse.com/wp-content/uploads/2018/02/kiwiCropped.jpg); */
    background-image: url(/assets/images/kiwiCrop.png);
    background-size: 220px;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #f6f5f5;
    min-height: 495px;
    text-align: center;     padding-top: 70px;

}
.success-password-reset-page .center-block {
    border: 1px solid #D3D1D4;
    padding: 24px 24px; 
}
.success-password-reset-page .reset-password-wrapper {
    max-width: 490px;
    margin: 0px auto;
    width: 90%;
}
.success-password-reset-page .reset-password-wrapper  h1 {
    margin-bottom: 30px;
}
.success-password-reset-page .reset-password-wrapper  .center-block p {
    margin-bottom: 5px; margin-top: 0px;   
}

.success-password-reset-page .reset-password-wrapper h1 {
    margin-bottom: 30px;
    text-transform: capitalize;
}

@media (max-width: 767px) {   
    .success-password-reset-page {
        background-image: none;
    }
}

/*====  sucess reset message css starts ===*/




/*====

  === DASHBOARD CSS STARTS ===

  ===*/
.dashboard-accordians .accordian-header .contact-info-title {
    line-height: 30px;
}

.header-grid-container .header-user span.header-link {
    line-height: 40px;
}

.dashboard-accordians .accordian-header {
    font-weight: 600;
    text-shadow: none;
}
.dashboard-accordians .accordian-content .toggle-buttons {
    margin-top: 32px;
}
.dashboard-accordians .accordian-content  ul li::after {
    color: #BA2153; content: ""; width: 0; height: 0;  border-top: 8px solid transparent;  border-left: 16px solid #BA2153;  border-bottom: 8px solid transparent;
    display: block;  position: absolute; left: -27px; top: 6px;
}
.dashboard-accordians .accordian-content  ul li span {
    position: relative;
}
.dashboard-accordians .accordian-content  ul li::before {
    display: none;
}
.dashboard-accordians .accordian-content  ul li {
    position: relative;
}
.ember-view.accordian-open {
    border-bottom: 6px solid currentColor;
}
.todays-meal-plan-acc.accordian-open {
    border-color: #BA2153;
}
.write-journal-acc.accordian-open {
    border-color: #0096A9;
}
.todays-meal-plan-acc.accordian-open {
    border-color: #6A1F45;
}
.dashboard-accordians .accordian-content ul li {
    margin-bottom: 7px;
}
.recipe-list .ember-view span.btn.recipe-make-btn.outline {
    max-width: 200px;
}
.content-text .journal-intro {
    font-size: 19px;
}
.accordian-content .journal-nav-grid-container .journal-pickDay input {
    transform: translateY(-8px);
    max-height: 36px;
}
.cleanse-status.ember-view .day-counter {
    font-size: 13px;
    color: #787878;
}
.cleanse-status.ember-view .day-counter {
    transform: translateY(-.32em);
}


.accordian-content  .featured-recipe  .recipe-group h3 {  
    color: #6d6d6d;
    font-size: 19px;
    text-transform: capitalize;
    font-weight: 400;
}
.accordian-content .featured-recipe .recipe-content-list .recipe-aligned {
    margin-top: 20px;
}

.accordian .accordian-content .featured-recipe .recipe-group .recipe-wrapper .make-this ,
.recipe-list .ember-view .recipe-indiv-button span.btn.recipe-make-btn.outline 
{
    margin-top: 5px;
}

.dashboard-accordians .journal-entries textarea {
    line-height: 19px;
}

.prep-vidoes-btn-center {
    height: auto;
}

.todays-action-step-acc .accordian-content .btn.btn-next {
    margin-top: 16px;
}
ul.journal-entry-listing {
    padding-left: 0px; list-style: none;
}
body div .dashboard-accordians .accordian-contentul.journal-entry-listing li::after,
body div  .dashboard-accordians .accordian-contentul.journal-entry-listing li::before,
ul.journal-entry-listing li::after  ,
ul.journal-entry-listing li::before
{
    display: none !important; opacity: 0;
}

.error_invalid-phone {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}
.accordian-content .step:hover .step-number.magenta .step-trigger,
.accordian-content .step:hover .step-number.teal .step-trigger, 
.accordian-content .step:hover .step-number.green .step-trigger ,
.accordian-content .step-number:hover .step-trigger ,
.accordian-content .step-number:hover.magenta .step-trigger
{
    background-color: #fff; color: unset;
}
.accordian-content .cleanse-day-wrapper .step .step-description h5 {
    font-size: 18px;
    font-style: normal;
}

.accordian-content .step .step-number {
    display: inline-block;
}
.accordian-content .step .step-title {
    display: inline-block;
    margin-left: 30px;
}

@media (max-width: 1014px) 
{
    body div .dashboard-accordians .accordian-contentul.journal-entry-listing li::after,
    body div  .dashboard-accordians .accordian-contentul.journal-entry-listing li::before,
    ul.journal-entry-listing li::after  ,
    ul.journal-entry-listing li::before
    {
        display: none !important; opacity: 0;
    }
}
ul.journal-entry-listing li a {
    padding-left: 20px;
    position: relative;
}

ul.journal-entry-listing li {
    margin-bottom: 7px;
    width: 32%;
    display: inline-block;
    position: relative;
    vertical-align: text-bottom;
}

ul.journal-entry-listing li a::after {

    color: #BA2153; content: " " !important;  display: block;  position: absolute;
    top: 7px !important;  font-size: 37px;  border: 0px !important;  left: 0px;  line-height: 0px;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    background: #BA2153;
}
ul.journal-entry-listing li::before { 
    display: none !important;
}
.donwnload-cleanse-outer .btn.solid.download-cleanse-manual {
    margin: 20px auto !important;
    float: none !important;
}
.donwnload-cleanse-outer  {
    text-align: center;
}
.dashboard-accordians .accordian-content .cleanse-day-wrapper .step  .step-number {
    display: inline-block;
    vertical-align: top;
}
.dashboard-accordians .accordian-content .cleanse-day-wrapper .step   .step-title {
    display: inline-block;
    width: 83%;
    vertical-align: top;
    padding-left: 20px;
    margin-left: 0px !important;
}

@media (min-width: 1015px) {  
    h1, .title-primary {
        font-size: 2.5em;
        text-transform: capitalize;
    }
}
@media (max-width: 800px) { 
    ul.journal-entry-listing li {
        width: 48%;
    }
}

@media (max-width: 767px) { 
    .accordian-content .journal-nav-grid-container .journal-pickDay a.btn.solid.cal-select-btn.btn-inline {
        margin-right: 0px !important;
    }
    .accordian .accordian-content .page-conatainer {
        padding: 0px 8px;
    }
    .cleanse-status .dash-start-btn .btn.solid.uppercase {
        height: auto !important;
    }
    .cleanse-status  a.btn.solid.download-cleanse-manual {
        margin: 20px auto !important;
        float: none !important;
    }
    .accordian-content .recipe-wrapper .make-this.recipe-indiv-button a,
    .accordian-content .recipe-wrapper .make-this.recipe-indiv-button a span {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
}



@media (max-width: 420px) {
    .ember-cli-spinner {
        display: table;
        height: 10%!important;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 73px!important;
        /* bottom: 20px; */
        left: 15px!important;
        text-align: center;
        z-index: 9999999999999999;
        /* padding: 0px; */
    }
    .sk-chasing-dots {
        margin: 18px auto!important;
    }
    .accordian-content .toggle-buttons .today-toggle-btn .todays-btn {
        font-size: 12px;
    }
    ul.journal-entry-listing li {
        width: 100%;
    }
    .write-journal-acc .journal-nav-grid-container .journal-pickDay input {
        width: 67%;
        /* float: right; */
    }

}

@media (max-width: 380px) {
    .todays-meal-plan-acc.todays-featured-recipe.accordian .featured-recipe .recipe-group .recipe-wrapper .recipe-content-list .recipe {
        flex-direction: column;
    }
    .todays-meal-plan-acc.todays-featured-recipe.accordian .featured-recipe .recipe-group .recipe-wrapper .recipe-content-list .recipe  .post-content {
        margin-top: 16px; padding-left: 0px;
    }
}



/*====

  === DASHBOARD CSS ENDS ===

  ===*/



/*==========   RECIPE PAGE CSS STARTS =========== */


.post-content .recipe-title   h4 ,
.post-content .recipe-details h5
{
    color: #787878;
    font-size: .889em;
}
.post-content .recipe-details h5 {
    margin-top: 5px;
    margin-bottom: 0px;
}
.post-content .recipe-title   h4 {
    margin-bottom: 10px;
}
.recipe-content-list  .recipe-aligned {
    align-items: end;
}
.post-content .recipe-title h4 strong ,
.post-content .recipe-details h5 strong {
    font-weight: 400;
}
.outlet-grid-container .recipes-title .recipe-page-subtitle {
    font-size: 19px;
    color: #6d6d6d;  
    margin-top: 24px;
    margin-bottom: 30px;
}
.recipe-list .recipe .thumbnail-wrapper {
    padding-top: 4px;
}
.recipe-content-list .recipe-aligned {

    align-items: start;

}
.recipe-wrapper .make-this.recipe-indiv-button .btn.recipe-make-btn.outline {
    max-width: 177px;
}
.accordian-content .recipe-wrapper .recipe .btn {
    max-width: 140px;
}
.dashboard-accordians .accordian-content .cleanse-day-wrapper .top-margin {
    font-size: 19px;
    font-weight: normal;

}

.featured-recipe .recipe.recipe-aligned .post-content .recipe-details h5 {
    font-size: 16px;
    color: #6d6d6d;
}

.cleanse-status .featured-recipe .recipe-group .recipe-wrapper .recipe .thumbnail-wrapper {

    padding-top: 4px;

}
.outlet-grid-container .recipe-single ul {
    padding-left: 20px;
}

.outlet-grid-container .recipe-single ul li {
    color: #787878;
    font-size: 19px; position: relative; margin-bottom: 18px;
}

.outlet-grid-container .recipe-single ul li:before {
    color: #6d6d6d; content: "\2022";  font-family: arial; font-size: 1.1em; padding-right: 0.64em; margin-left: -1em;  position: relative; top: -8px;  line-height: 1.8;
    /* margin-bottom: 15px; */  position: absolute;  left: 0px;  width: 7px;  height: 10px;  float: left;
}

.title-description {
    font-size: 1.056em;
    margin-bottom: 4px;
}

.outlet-grid-container .recipe-single h1  h4.recipe-subhead:first-child {
    margin-top: 24px;
}


.ember-view.app-grid-container .outlet-grid-container .recipe-single h1 {
    margin-bottom: 24px;
}

.ember-view.app-grid-container  .outlet-grid-container .recipe-single .recipe-subhead strong {
    font-weight: normal;
}
.recipe-filter-dropdown .ember-basic-dropdown.ember-view {
    position: relative;
}
.recipe-filter-dropdown .ember-basic-dropdown-content-wormhole-origin {
    position: absolute;
    left: 0; z-index: 2;
    right: 0px;
    /* top: 0px; */
    margin-top: -21px;
}
.recipe-filter-dropdown .ember-basic-dropdown-content .dropdown li {
    padding: 0px;
    position: relative;
    line-height: 13px;
    vertical-align: middle;
    float: left;
    width: 100%;
}
.recipe-filter-dropdown .ember-basic-dropdown-content .dropdown li  a {
    float: left;
    width: 100%; padding: 12px 10px 12px;
}
.recipe-list  .show-container ,
.recipe-list  .filter-by-container {
    width: auto;
    float: none;
    display: inline-block;
}

.dashboard-accordians .recipe-filter-dropdown .navigation-dropdown .coco-dropdown-trigger {
    background-color: #ececec;  color: #787878; font-size: 1.2em; font-weight: 100;  border-radius: 5px;  width: 300px;  padding: 15px 10px;  margin-bottom: 10px;
}

.dashboard-accordians .recipe-list .active-filters-container h5 {
    margin-top: 0px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.dashboard-accordians .recipe-filter-dropdown .dropdown {

    background-color: #fff;  border: 1px solid #e6e6e6;  border-radius: 3px;  z-index: 1000;  -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,.24);  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.24);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.24);  max-width: 345px;
}

.recipe-filter-dropdown .dropdown .checkbox  {
    position: absolute; top: 13px;  left: 10px;  margin: 0px auto;  
}

.recipe-filter-dropdown .dropdown .checkbox  label {
    top: 0px !important;
    left: 0px !important;
}

.recipe-filter-dropdown .dropdown .recipe-label {
    padding-left: 31px;
    font-size: 13px;
}

.recipe-filter-dropdown h5 ,
.recipe-filter-dropdown h4, .active-filters-container h4  {
    margin-bottom: 5px;  font-weight: 400;    font-style: italic;    color: #787878;    line-height: 1.5;    text-transform: none; font-size: .889em;
}
.dashboard-accordians .active-filters-container span.clearFilter {
    color: #BA2153;  background: #fff;  width: 18px;  height: 18px;  float: right;  border-radius: 50%;  text-align: center;  font-size: 19px;  line-height: 20px;  margin-left: 8px;  position: absolute;
    right: 6px;  top: 3px;
}
.dashboard-accordians .active-filters-container  .active-filter {
    padding: 0 15px 0 15px; height: 30px;  line-height: 30px;  padding-right: 33px;  font-size: 12.5px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .3px;     margin-bottom: 8px;
}
.dashboard-accordians .active-filters-container span.clearFilter {
    color: #BA2153;  background: #fff;  width: 16px;  height: 16px;  float: right;  border-radius: 50%;  text-align: center;  font-size: 19px;  line-height: 20px;  margin-left: 8px;  position: absolute;
    right: 8px;   top: 7px;  line-height: 17px;  font-weight: 500;
}
.dashboard-accordians .active-filters-container  .active-filter {
    padding: 0 15px 0 15px;  height: 30px; line-height: 30px;  padding-right: 33px;  font-size: 12.5px;  font-weight: 600;  letter-spacing: .5px;  text-shadow: none;
}
.filter-by-container .active-filters-container h5 {
    margin-bottom: 5px;
}

.dashboard-accordians .search-btn-container {
    text-align: left;
    margin-top: 10px;
}
.faq-container .search-btn-container{
    margin-bottom:25px;
    margin-top:15px;
}
.recipe-list .show-container, .recipe-list .filter-by-container, .resource-list .show-container{
    width: auto;
    float: none;
    display: inline-block;
    width: 48%; vertical-align: top;
    min-width: 250px;
}
.recipe-list .show-container{
    margin-right: 4%;
}
.resource-list #meal-type-fields{
    padding:10px 10px 20px;
    width:100%;
}
.resource-list #meal-type-fields>.ember-view{
	display:inline;
}
.resource-list .show-container {
    margin-right: 30px;
}
.dashboard-grid-container.ember-view .dashboard-accordians .recipe-filter-dropdown .navigation-dropdown .coco-dropdown-trigger {
    width: 100%;
}
.resource-list .recipe-filter-dropdown .navigation-dropdown .coco-dropdown-trigger {
    width: 250px;
}

.resource-list .show-container {
    width: 29%;
    min-width: 243px !important;
}
.recipe-list .active-filters-container {
    margin-bottom: 10px;
    margin-top: 10px;
}
.resource-list #meal-type-fields .search_filter{
	margin:0 0 15px;
}
.resource-list .dashboard-accordians .search-btn-container{
    margin-top:0;
}
.resource-list .dashboard-accordians .active-filters-wrapper{
    margin-bottom:15px;
}
.resource-list #meal-type-fields .search_filter #searching_field, .faq-container #meal-type-fields .search_filter #searching_field{
	width:98%;
}
/*Movement library*/
.resource-list.movement .dashboard-accordians .recipe-filter-dropdown .navigation-dropdown .coco-dropdown-trigger {
	padding: 8px 10px;
}

.resource-list.movement .search_filter .ember-basic-dropdown{
	width: calc(100% - 150px);
}
.resource-list.movement .search_filter #searching_field {
    width: 100%;
}
.resource-list.movement .search_filter .ember-view{
	display:inline-block;
}
.resource-list.movement #meal-type-fields {
    padding: 10px 10px 0px;
}

/* Video Resources*/
.resource-list.video #meal-type-fields .search_filter .navigation-dropdown > .ember-view, .faq-container #meal-type-fields .search_filter .navigation-dropdown > .ember-view{
    display: inline-block;
    width: calc(100% - 155px);
}

.resource-list.video #meal-type-fields .search_filter .navigation-dropdown .search-btn-container, .faq-container #meal-type-fields .search_filter .navigation-dropdown .search-btn-container{
    display: inline-block;
    width: 150px;
}
@media screen and (max-width: 600px){  
    /*Movement library*/
    .resource-list.movement #meal-type-fields .search_filter #searching_field{
		width: 100% !important;
		margin-bottom: 20px;
	} 
	.resource-list.movement .search_filter .ember-basic-dropdown, .resource-list .search_filter .navigation-dropdown .ember-view:nth-child(2), .resource-list .search_filter .navigation-dropdown .ember-view:nth-child(2) #searchbtn {
		width: 100% !important;
    }
    .resource-list.video #meal-type-fields .search_filter .navigation-dropdown > .ember-view, .resource-list.video #meal-type-fields .search_filter .navigation-dropdown .search-btn-container, .resource-list.video #meal-type-fields .search_filter .navigation-dropdown .search-btn-container #searchbtn, .faq-container #meal-type-fields .search_filter .navigation-dropdown > .ember-view, .faq-container #meal-type-fields .search_filter .navigation-dropdown .search-btn-container, .faq-container #meal-type-fields .search_filter .navigation-dropdown .search-btn-container #searchbtn{	
        width: 100%;
    }    
}
.resource-list.movement .search_filter .btn.solid.not-active{
    padding:5px;    
    line-height: unset !important;
    width:140px;
	background-color: #ffff;
    color: #BA2153;	
    text-transform: capitalize;
    font-size: 15px;
    -moz-box-shadow: 0 0 5px #e6e4e4;
    -webkit-box-shadow: 0 0 5px #e6e4e4;
    box-shadow: 0 0 5px #b7aaae;    
    border-width: 0;
}
.resource-list.movement .search_filter .btn #filter-icon img{
	margin-right:3px;
    vertical-align: middle;
}
input {
    border-color:#b7aaae !important;    
    box-shadow: 0 1px 1px 0px #ececec, 1px 0 1px 0 #ececec;
}
.resource-list.movement h1, .resource-list.movement h1 + p {
    padding: 0;
}

.resource-list.movement #meal-type-fields:nth-child(1){
	border: 2px solid #eae7e7;
}
.dashboard-accordians .active-filters-container .clear-filter{
    font-size: 16px;
    padding: 5px;
}
.dashboard-accordians .active-filters-container .clear-filter:hover{
    text-decoration:underline;
}

@media (max-width: 980px) {

    .ember-view.app-grid-container .outlet-grid-container .recipes-grid .recipes-title {
        width: 100%;    margin: 0 auto;    padding: 0px 32px;
    }
    .dashboard-grid-container .sidebar .twitter-plugin iframe {
        width: 100% !important;  height: 530px !important;  max-width: 100% !important;
    }
    .dashboard-grid-container .sidebar .facebook-plugin {
        max-width: 100%;
    }
    .dashboard-grid-container {
        grid-template-areas: ". status status status status status status status status status status ." ". acc acc acc acc acc acc acc acc acc acc . " ". nav nav nav nav nav nav nav nav nav nav ." "social social social social social social social social social social social social";
    }
}

@media (max-width: 767px) {
    .dashboard-grid-container {
        grid-template-areas: ". status status status status status status status status status status ." ". acc acc acc acc acc acc acc acc acc acc . " ". nav nav nav nav nav nav nav nav nav nav ." "social social social social social social social social social social social social";
    }
    .ember-view.app-grid-container .outlet-grid-container .recipes-grid .recipes-title {
        width: 100%;  margin: 0 auto;  padding: 0px 16px;
    }
    .dashboard-accordians .show-container .ember-view .checkbox label {
        top: 4px;  
        /*left: 50px;*/
    }   
    /* .resource-list #meal-type-fields .search_filter #searching_field{
		width:92%;
	}  */
}
@media (max-width: 600px) {

    .recipe-list .ember-view span.btn.recipe-make-btn.outline {
        max-width: 100%;
    }
    .recipe-list .ember-view span.btn.recipe-make-btn.outline {
        max-width: 100%;
    }
    .recipe .thumbnail-wrapper {
        width: 132px;
        min-width: 132px;
    }
}
@media (max-width: 450px) {
    .recipe-list .show-container, .recipe-list .filter-by-container {
        width: auto;
        float: none;
        display: inline-block;
        width: 43%;
    }

}





/*=================   RECIPE PAGE CSS ENDS  ================= */


/*=============== RECIPE INDIVIDUAL PAGE CSS STARTS ===========*/
.outlet-grid-container {
    padding-left: 32px;
    padding-right: 32px;
}
.outlet-grid-container .recipe-single .recipe-subhead + img {
    margin-top: 16px;
    margin-bottom: 16px;
}
.recipe-single #recipe-single-buttons {
    text-align: center;
}
.recipe-single-container + #recipe-single-buttons a.btn.outline.ember-view {
    width: 100%;
    max-width: 219px;
    margin: 0 auto;
    float: none;
}

.recipe-single-container .single-image {
    margin: 24px auto;
}
@media (max-width: 1024px) {
    .recipe-single-container {
        padding: 20px 60px;
    }
}

@media (max-width: 980px) {
    .recipe-single {
        padding: 0px 24px;
    }
}

@media (max-width: 767px) {
    .recipe-single h1, .recipe-single .title-primary {
        font-size: 1.556em;
        font-size: 35px;
    }

    .recipe-single-container {
        padding: 0px 0px;
    }
    /*.recipe-single .recipe-single-container .img-outer {
        margin-left: -24px;
        margin-right: -24px;
    }*/
    .recipe-single {
        padding: 10px 24px 0px;
    }
}
/*=============== RECIPE INDIVIDUAL PAGE CSS ENDS ===========*/

/*==============   SIDEBAR DESIGN CSS STARTS ==============*/

.sidebar h3,
.sidebar .title-secondary {
    color: #ba2154;
}
.sidebar p {
    color: #6d6d6d;
}
.sidebar .facebookHeader , 
.sidebar  .facebook-plugin, 
.sidebar  .twitter-plugin,
.sidebar   .facebook-plugin  p  {
    text-align: left;
}

.social-plugins .facebook-plugin {
    margin-bottom: 60px;
}
.sidebar .socialBtn p {
    line-height: 24px;
}

/*================   SIDEBAR DESIGN CSS ENDS ================*/


/*================   button style css overwriting starts ==========*/
.next-manual-btn .btn.btn-next ,
.btn-dashboard-solid .btn.solid ,
.btn.solid ,
.btn.outline.white.coach-btn,
.btn.outline.deleteAll-btn {
    height: 36px !important;
    line-height: 16px !important;
    vertical-align: middle;
    padding: 10px;
}
.recipe-indiv-button .ember-view .recipe.btn {
    line-height: 16px;
}
.journal-nav-grid-container .journal-pickDay a.btn.solid.cal-select-btn.btn-inline {
    margin-top: 0px;
    vertical-align: text-bottom;
}
.ember-view .ember-view .btn.recipe-make-btn.outline {
    padding: 4.5px 6px;
}
.recipe-content-list .recipe-indiv-button .btn.recipe-make-btn  {
    line-height: 25px;
}

.journal-nav-grid-container .journal-pickDay .showList-btn.btn.solid.btn-center.btn-inline {
    margin-top: 0px;
}
.btn, .primary-btn, .secondary-btn {
    padding: 8.5px 10px;
}

.btn.solid, .primary-btn, .solid.secondary-btn {
    text-transform: uppercase;

}
.make-this  .btn.outline  {
    background: #fff;
}
.make-this  .btn.outline:hover,
.make-this  .btn.outline:focus {
    color: #fff; background: #BA2153;
}
.recipe-icons .recipe-icon.favorite:hover, 
.recipe-icons .recipe-icon.favorite.active {
    background-size: 100% cover;

}
.btn.solid  {

    border-color: #BA2153;

}

.journal-pickDay img{ height: 36px; }

.accordian-content .toggle-buttons .today-toggle-btn .todays-btn {
    padding: 3.5px 10px;
    font-size: 14px;
    line-height: 23px;
}
.journal-nav-grid-container .journal-pickDay a.showList-btn.btn.solid.btn-center.btn-inline {
    margin-bottom: 0px;
    vertical-align: text-bottom;
}
.accordian-content .tweet-er.ember-view .btn.outline.magenta {
    padding: 4.5px 10px;
}
.sign-in-form .button-container .primary-btn ,
.sign-up-form .primary-btn {
    border-color: #BA2153;

}
.welcome-buttons .btn.outline {
    color: #ba2154;
}
.friend-form .btn, .friend-form  .primary-btn, .friend-form  .secondary-btn {
    margin-right: 24px;
}

.modal-screen .modal .btn, .modal-screen .modal .primary-btn, .modal-screen .modal .secondary-btn {
    min-height: 36px;
    font-size: 15px;
    line-height: 17px;
}

.controls .btn.outline.deleteAll-btn {
    margin-right: 10px;
}
.journal-nav-grid-container .journal-pickDay input  {
    transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    height: 36px;
    margin-left: 6px;
    margin-right: 6px;
}
.accordian-content  .journal-nav-grid-container .journal-pickDay input  {
    margin-left: 5px;
    margin-right: 5px;
}
.accordian-content .journal-nav-grid-container .journal-pickDay a.btn.solid.cal-select-btn.btn-inline {
    margin-right: 5px;
}
.journal-nav-grid-container .journal-pickDay a.btn.solid.cal-select-btn.btn-inline {
    margin-right: 8px;
}
.controls .btn outline.white.coach-btn {
    width: 100% !important; max-width: 300px;
}
.btn.btn-2.prep-vidoes-btn-center {
    max-width: 250px !important;
    text-transform: capitalize;
    width: 100% !important;
}
.btn, .primary-btn, .secondary-btn

{
    padding: 8.5px 10px;
    min-height: 36px;
    line-height: 16px;
}
.btn.solid.start-date {
    width: 100% !important;
    margin-top: 10px;
    max-width: 316px;
    height: auto !important;
    padding: 9px 15px;
}


@media (max-width: 767px) {
    .controls .btn.outline.white.coach-btn {
        width: 100% !important; max-width: 300px; margin-bottom: 10px; height: auto !important;
    }
    .controls .btn.outline.deleteAll-btn {
        margin-bottom: 10px;
    }
    h3.already-on-cleanse {
        padding-right: 60px;
    }
}

@media (max-width: 480px) {
    .journal-nav-grid-container .journal-pickDay a.btn.solid.cal-select-btn.btn-inline,
    .journal-nav-grid-container .journal-pickDay a.showList-btn.btn.solid.btn-center.btn-inline  {
        width: 100%;
        max-width: 100% !important;
        max-width: 6px; margin-bottom: 6px;
    }
}
@media (max-width: 360px) {
    .dashboard-accordians .btn.solid.uppercase-btn {
        color: #fff;
        width: 100%;
        max-width: 300px;
        height: auto !important;
    }
}
/*===========   button style css overwriting ends ==============*/

/*==================================================  05-03-2019 css (RAHUL) ENDS       ====================================*/



/*====
    ========================= GET STARTED PAGE CSS STARTS HERE =========================
====*/
#modal .close-confirmation .inner {
    padding: 2rem 6rem;
}
.welcome-wrapper .step {
    position: relative;
}
.welcome-wrapper .step .step-description h5 {
    color: #6d6d6d; margin-bottom: 30px;
}
.welcome-buttons a.width-300 {
    width: 100%;
    max-width: 300px;
}
.outlet-grid-container {
    padding-left: 0px;
    padding-right: 0px;
}
.welcome-wrapper .step .step-number::after {
    width: 7px;
    height: 7px;
    right: -5px;
}
.step-number .step-trigger {
    margin: 5px;
}


.close-tour .close-tour-btn {
    height: 42px;
    width: 42px;
}

#prefsModal .modal-content .cleanse-block .button-con-div .btn.solid {
    margin-left: 0px;
}

.welcome-modal .modal-screen {
    padding-top: 0px;
}

#modal .close-confirmation .yes-or-no .btn {
    text-transform: capitalize;
}
/* .modal-container .wellness-question-item .slider-horizontal .slider-tick-label-container .slider-tick-label:last-child {   
    max-width: 115.9px;
} */
.welcome-modal.modal-container .modal-screen .modal {
    padding: 75px 50px 50px 50px;
}
.welcome-modal.modal-container .modal-screen .modal-content .close-tour {
    right: 0px;
    top: -15px;
}
.welcome-tour .tour-nav .next-arrow {
    transform: rotate(45deg) translate(0px, 0px);
    -webkit-transform: rotate(45deg) translate(0px, 0px);
    -moz-transform: rotate(45deg) translate(0px, 0px);
    -ms-transform: rotate(45deg) translate(0px, 0px);
}
.set-cleanse-wrapper .cleanse-date-wrapper {
    padding-right: 65px;
}
.modal-screen .set-cleanse-wrapper h2.copy {
    padding-right: 55px;
}

@media (min-width: 1015px) {
    .welcome-wrapper .step-title {
        margin-left: 23px;
    }
    .welcome-wrapper .step-title > h3 {
        width: 100%;
    }
    .welcome-wrapper .step-title > img {
        margin-left: 8px; position: absolute;
    }
}
@media (max-width: 1400px)
{
    .modal-screen .modal.magenta {
        min-height: 635px !important;
        padding: 42px 50px;
    }
}
@media (max-width: 1400px)
{
    .invite-friend-wrapper .friend-form textarea.ember-text-area  
    {
        height: 130px;
    }
}

@media (max-width: 1014px)
{
    .welcome-wrapper .step .step-description h5 {
        color: #787878;     font-size: 13px;
    }
    .welcome-wrapper .step-title > h3 {
        width: 75%;
    }
    .outlet-grid-container .welcome-wrapper.container .steps-intro span {
        font-size: 17px;
    }
    #prefsModal .modal-screen .set-cleanse-wrapper .cleanse-block {
        width: 48%;
    }
}
@media (max-width: 767px) {
    .welcome-modal .modal {
        max-height: 100vh;
        height: 100vh;
    }
    .modal-screen .modal .welcome-tour .btn.next {
        min-height: 36px; text-transform: uppercase;
        max-width: 129px; margin-bottom: 90px;
    }
    .welcome-modal .welcome-tour h1 {
        border-top: 2px dotted #7F0D3E;
    }
    .welcome-tour .tour-nav .next-arrow {
        border-color: #d3d1d4;
    }
    .welcome-tour .tour-step-content p {
        font-size: 17px;
    }
    .welcome-wrapper .step-title > h3 {
        width: 75%;
    }
    .welcome-tour .tour-step-content .thumbnail-wrapper:last-child {
        padding-left: 0;
    }
    .welcome-tour .tour-nav .next-arrow {
        transform: rotate(46deg) translate(0px, 18px);
        -webkit-transform: rotate(46deg) translate(0px, 18px);
        -moz-transform: rotate(46deg) translate(0px, 18px);
        -ms-transform: rotate(46deg) translate(0px, 18px);
    }

    .welcome-modal.modal-container.ember-view .modal.magenta {
        grid-template-columns: repeat(1, 0fr); padding: 30px;
    }
    .modal-screen {
        padding-top: 0rem;
    }
    #prefsModal .modal-content .set-cleanse-wrapper .cleanse-block {
        float: left;
        width: 100%;
    }
    #prefsModal .modal-content .set-cleanse-wrapper .cleanse-or-block {
        margin-top: 15px;
    }


    .modal-screen .modal.magenta {
        min-height: auto !important; padding: 50px 40px 30px 40px !important;
    }
    .modal-screen .modal.magenta  .close-tour .close-tour-btn {
        right: 30px;     top: 12px;
    }

    .welcome-tour .tour-nav .next-arrow {
        transform: rotate(46deg) translate(0px, 0px);
        -webkit-transform: rotate(46deg) translate(0px, 0px);
        -moz-transform: rotate(46deg) translate(0px, 0px);
        -ms-transform: rotate(46deg) translate(0px, 0px);
    }
    .welcome-modal.modal-container  .modal-screen .modal.magenta {
        padding: 70px 40px 30px 40px !important;
    }

    .welcome-modal.modal-container .modal-screen .modal-content .close-tour {
        top: 0px;
    }

    .modal-screen .modal {
        padding: 70px 20px 16px 20px;
    }
    .modal-screen .modal-content .invite-friend-wrapper {
        padding: 16px 0px 0px;
    }
    .modal-screen .modal .set-cleanse-wrapper .confirm-phone input[type="text"], .modal-screen .modal .set-cleanse-wrapper .confirm-phone input[type="password"] {
        width: 60%;  min-width: 135px;
    }
    .modal-screen .modal .set-cleanse-wrapper .btn.solid {
        min-width: 83px;  font-size: 13px;  width: 30%;  margin-left: 0px;   margin-right: 0px;
    }
    .modal-screen .modal .set-cleanse-wrapper .btn.outline.btn-next {
        max-width: 100px;
    }
    .set-avoids-wrapper .save-btn-container {    
        display: flex !important;
        justify-content: space-between;
    }
    .welcome-wrapper #prefsModal.modal-container .modal-screen .modal-content .close-tour .close-tour-btn {
        right: 15px;
    }
    .wellness-custom-modal .wellness-content-container {
        padding-bottom: 12px;
    }
}

@media (max-width: 480px) {
    .set-avoids-wrapper .save-btn-container a.btn.outline.btn-prev {
        min-width: 100px;
    }
    .set-cleanse-wrapper .btn.outline.btn-prev {
        min-width: 100px;
    }
    .modal-screen .set-cleanse-wrapper .join-date h2.copy {
        padding-right: 0px;
        font-size: 15px;
    }
    .coach-float {
        margin: 0 16px 25px 0;
        width: 281px;
    }
    .coach-float:hover .coach-pic {
        transform: translate(1px, 0px);  -webkit-transform: translate(1px, 0px);  -ms-transform: translate(1px, 0px);  -moz-transform: translate(1px, 0px); -o-transform: translate(1px, 0px);
    }
}


@media screen and (min-width:300px) and (max-width:1400px) and (orientation:portrait) {
    .invite-friend-wrapper .friend-form textarea.ember-text-area {
        height: 170px;
    }

}

@media screen and (min-width:300px) and (max-width:767px) and (orientation:landscape) {
    .invite-friend-wrapper .friend-form textarea.ember-text-area {
        height: 130px;
    }

}
@media screen and (min-width:300px) and (max-width:767px) and (orientation:portrait) {
    .invite-friend-wrapper .friend-form textarea.ember-text-area {
        height: 196px;
    }

}
/*====
    ======================= GET STARTED PAGE CSS STARTS ENDS  ============================
====*/


/*==== 
    ========================== MY ACCOUNT CSS STARTS ====================
 ====*/

.outlet-grid-container .user-wrapper .not-you-text {
    color: #6d6d6d;
    font-size: 16px;
}

.plan-prefs-title {
    font-size: 34px;  font-weight: 400;
}
.membership-details-box p.maintenance-support {
    font-size: 16px;
}

.membership-details-box p.maintenance-support span { vertical-align: middle; font-weight: 300; font-size: 45px; padding-right: 20px; }

.inline-div.with-radio.full-width-radio {
    width: 100%;
}

.with-radio.full-width-radio label {
    font-size: 14px;  color: #787878;
}
.with-radio.full-width-radio p {
    margin-bottom: 5px;
}

.health-coach .inline-div .big-txt {
    font-size: 45px; color: #4a4a4a; /* line-height: normal; */ margin-bottom: 20px;  margin-top: 8px;
}
.health-coach .inline-div  p {
    font-size: 17px;  line-height: 24px; color: #6d6d6d;
}
.user-wrapper #contactInfo .contact-name  .contact-data
{
    font-size: 19px;  color: #6d6d6d;
}
.contact-name h5.contact-header,
.contact-address h5.contact-header  {
    font-size: 16px;  color: #6d6d6d;  font-weight: normal !important;
}

.edit-account-wrapper .btn.editBtn {
    max-width: 60px;
    padding: 8.5px 12px !important;
}
.health-coach .inline-div {
    width: 34%;
}

.support-section-wrapper.connect-with-coach p {
    font-size: 17px;  color: #6d6d6d;  line-height: 23px;
}
.support-section-wrapper.connect-with-coach div#getSupport {
    max-width: 580px;  margin: 0 auto;  float: none;  text-align: center;
}
.support-section-wrapper.connect-with-coach div#getSupport .coco-dropdown-trigger {
    width: 100%; text-align: left;
}

#planPrefs .accordian.ember-view .accordian-header .contact-info-title  {
    font-weight: 700 !important;
}
#planPrefs .accordian-content.accordian-open .set-avoids-wrapper .set-avoids-options {
    padding-left: 1px;  padding-top: 1px;  padding-bottom: 1px;  padding-right: 1px;
}

.connect-with-coach #getSupport.contact-form  .selectButton {
    font-size: 14px;  color: #787878;  font-weight: 400;  padding-left: 9px;
}
.connect-with-coach #getSupport.contact-form  textarea {
    font-size: 14px; color: #6d6d6d;
}
.connect-with-coach #getSupport.contact-form  .dropdown li {
    text-align: left; font-size: 14px;
}
.user-wrapper #planPrefs h3.magenta.plan-prefs-title {
    font-size: 23px;  font-weight: bold;
}
.user-wrapper .account-welcome .selectButton {
    font-size: 17px;  color: #6d6d6d;  font-weight: normal;
}
.user-wrapper .account-welcome .greeting {
    font-size: 19px;  color: #787878;  font-weight: normal;
}
.user-wrapper .account-welcome  .coco-dropdown-trigger {
    padding: 10px 10px;
}
.user-wrapper #contactInfo .edit-account-wrapper {
    justify-content: left;  margin-top: 24px;  margin-bottom: 10px;
}
.connect-with-coach #getSupport.contact-form textarea:-ms-input-placeholder,
.connect-with-coach #getSupport.contact-form textarea::placeholder ,
.connect-with-coach #getSupport.contact-form textarea::-ms-input-placeholder {
    color: #787878;
    opacity: 1; 
}
.membership-details-container + a {
    margin-right: 10px;
}
.cancel-update-membership-btns + a::last-child {
    margin-right: 0px;
}
.with-radio.full-width-radio input[type="radio"]:checked + label, .with-radio.full-width-radio input[type="radio"]:not(:checked) + label {
    padding-left: 34px !important;
}
#planPrefs .support-section-wrapper.connect-with-coach  .btn.solid {
    float: left;
}
.choose-date img[alt="date picker"] {
    height: 36px;  width: auto;    
}
.choose-date input:not([type='submit']) {
    padding: 5px 10px;    width: 100%;  height: 36px;    
}


.cleanse-block .choose-date h2 , .cleanse-block .join-date  h2 {
    font-size: 24px !important;
}
.accordian .accordian-content .eval-review-container {
    margin-bottom: 20px;
}
.button-con-div .btn 
{
    vertical-align: middle;
}
.calnender-dovOuter .date-picker {
    transform: translateY(-13px); -webkit-transform: translateY(-13px); -moz-transform: translateY(-13px); -ms-transform: translateY(-13px);
}
#reviewEval .accordian-content .eval-review-container {
    overflow: auto;
}

.button-con-div .btn:first-child {
    margin-right: 5px;
}


.membership-details-container .maintenance-support .price:after {
    content: '';  display: block;  width: 8px;  height: 18px;  border: solid #80bd01;  border-width: 0 5px 5px 0;  transform: rotate(51deg);  /* position: absolute; */
    /* left: 82px; */
    /* top: 83px; */
    /* z-index: 999; */
    /* background: red; */
    float: left;  margin-top: 13px;  margin-left: 12px;  margin-right: 19px;  position: absolute;  top: 4px; left: 0px;
}
.membership-details-container .maintenance-support .price {
    position: relative; padding-left: 45px;
}

.accordian-content .set-cleanse-wrapper .align-text-right .btn.outline.btn-next {
    max-width: 140px;
}  

.set-cleanse-wrapper p.option-select {
    color: #787878;  font-size: 17px;  line-height: 23px;
}
.account-welcome .ember-basic-dropdown-content-wormhole-origin .coco-dropdown-content {
    max-width: 300px;
}

.contact-address {
    word-break: break-all;
}


@media (max-width: 767px) {
    .wellness-progress-buttons  a.btn.outline.next-prev {
        width: 100%;
        max-width: 100px;
    }
    .coach-float .modal-content .add-note {
        padding-top: 40px;
    }

    .ember-view h2.top-title {
        padding-right: 62px;
    }
}
/*====== custom css for radio buttons =========*/

.accordian-content .cleanse-select .pick-date-container .date-picker {
    transform: translateY(-12px);   -webkit-transform: translateY(-12px);   -moz-transform: translateY(-12px);   -ms-transform: translateY(-12px);  -o-transform: translateY(-12px);
}
#prefsModal .pick-date-container .date-picker {
    transform: translateY(-14px);   -webkit-transform: translateY(-14px);   -moz-transform: translateY(-14px);   -ms-transform: translateY(-14px);   -o-transform: translateY(-14px);
}

.with-radio.full-width-radio input:not([type='submit']) {
    height: 22px;
    width: 22px;
}

.with-radio.full-width-radio input[type="radio"]:checked,
.with-radio.full-width-radio input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.with-radio.full-width-radio input[type="radio"]:checked + label,
.with-radio.full-width-radio input[type="radio"]:not(:checked) + label
{
    position: relative;    padding-left: 28px;    cursor: pointer;    line-height: 20px;    display: inline-block;    color: #787878;
}
.with-radio.full-width-radio input[type="radio"]:checked + label:before,
.with-radio.full-width-radio input[type="radio"]:not(:checked) + label:before {
    content: '';  position: absolute;  left: 0;  top: 0;  width: 13px;  height: 13px;  border: 5px solid #fff;  box-shadow: 0 0 0 1px #787878;  border-radius: 100%;  background: #fff;
}
.with-radio.full-width-radio input[type="radio"]:checked + label:after,
.with-radio.full-width-radio input[type="radio"]:not(:checked) + label:after {
    content: '';  width: 13px;  height: 13px;  background: #ba2154;  position: absolute;  top: 5px;  left: 5px;  border-radius: 100%;  -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.with-radio.full-width-radio input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.with-radio.full-width-radio input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.health-coach .inline-div.with-radio.full-width-radio {
    padding-left: 0px;
}
.health-coach .inline-div {
    width: 100%;
}
.connect-with-coach .contact-form .align-msg {
    text-align: left;
    font-size: 15px;
}
.connect-with-coach .contact-form textarea + .align-msg  {
    margin-top: 8px;
}
.with-radio.full-width-radio input[type="radio"]:checked + label:before,
.with-radio.full-width-radio input[type="radio"]:not(:checked) + label:before,
.radio-button [type="radio"] + span::before ,
.radio-button [type="radio"] + span::before {
    box-shadow: 0px 0px 2px 2px #929292 !important;
} 
.account-welcome ul.dropdown li {
    padding: 0px;
    float: left;
    width: 100%;
}
.account-welcome ul.dropdown li a {
    width: 100%; float: left; padding: 5px 13px 5px;
}
/*======= custom css ends for radio buttons =======*/

/*========== modal css starts ======================*/
body .modal-screen .modal  {
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.modal-container .modal-screen .modal-content h1 {
    padding-right: 60px;
}

body .modal-screen .modal .close-tour {
    margin-bottom: 65px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.modal-screen .modal {
    grid-template-areas: "a a a a a a a a a a a a" !important;
    padding: 50px;
}
.modal-container .modal-screen .modal-content .close-tour {
    margin-bottom: 65px;  position: absolute;  right: 0px;  top: 0px;
}
/*============ modal css ends =====================*/
@media (max-width: 767px) { 
    .modal-screen .modal {
        grid-template-areas: " a a a a a a a a a a a a";  padding: 1.45rem;    padding: 16px 20px;  max-width: 92vw;  width: 92vw;
    }
}

@media (min-width: 768px) {
    .connect-with-coach #getSupport.contact-form  .dropdown .coco-dropdown-content {
        max-width: 380px;
    }

}
@media (max-width: 1014px) {

    #planPrefs .accordian.ember-view .accordian-header  {
        font-size: 19px;
    }

    .health-coach .inline-div:first-child {
        width: 100%;
    }
    .health-coach .inline-div.with-radio.full-width-radio {
        width: 32%;
    }
    .contact-name h5.contact-header,
    .contact-address h5.contact-header {
        font-size: 13px;
    }
    .user-wrapper #contactInfo .contact-name .contact-data {
        font-size: 17px;
    }
    #contactInfo .plan-prefs-title {
        font-size: 28px;
        margin-bottom: 0px;
    }
    .user-wrapper #planPrefs h3.magenta.plan-prefs-title {
        font-size: 21px;
    }
}

@media (max-width: 767px) {

    .membership-box-wrapper .monthly {
        padding-left: 16px;  padding-right: 16px;
    }
    .membership-details-box p.maintenance-support span {
        width: 100%;  float: left;
    }
    .membership-box-wrapper .monthly a {
        margin: 10px auto;  margin-top: 0px;  display: block;
    }
    .health-coach .inline-div {
        width: 100%;
    }
    .health-coach .inline-div.with-radio.full-width-radio {
        width: 100%;
    }
    .support-section-wrapper.connect-with-coach {
        padding: 0px 24px;
    }
    #planPrefs .accordian-content .set-cleanse-wrapper .cleanse-block {
        width: 100%;
    }
    #planPrefs .accordian-content .set-cleanse-wrapper .cleanse-or-block {
        margin-top: 20px;
    }
    .user-wrapper #contactInfo .inner > * {
        flex: 0 0 50%;
        min-width: 100%;
    }
    #planPrefs .connect-with-coach .plan-prefs-title {
        text-align: left;
    }
    div#getSupport.contact-form {
        max-width: 300px !important;
        width: 100%;

    }
    div#getSupport.contact-form  .coco-dropdown-content {
        position: absolute;
        width: 580px;
        max-width: 300px;
    }
}

/*==== 
    ========================== MY ACCOUNT CSS ENDS ====================
 ====*/



/*===== 
  ========================= JOURNAL PAGE CSS STARSTS ================
  =====*/

.journal-intro p {
    font-size: 19px; color:#6d6d6d; line-height: 26px;
}
.controls .coach-msg {
    font-size: 13px; color: #787878; border-bottom: 2px dotted #9b9b9b; padding-bottom: 30px; margin-top: 35px; margin-bottom: 35px;
}
.journal-entries textarea { 
    background-color: #ececec; padding: 8px 20px; font-size: 14px;  color: #787878; font-weight: normal;
}
.modal-container .ember-view ul li a[data-ember-action] {
    cursor: pointer;  color: #551a8b;  text-decoration: underline;
}

.page-conatainer .journal-entries .next-manual-btn .btn.btn-next, 
.page-conatainer .journal-entries .btn-dashboard-solid .btn.solid, 
.page-conatainer .journal-entries .btn.solid,
.page-conatainer .journal-entries .btn.outline.white.coach-btn,
.page-conatainer .journal-entries .btn.outline.deleteAll-btn,
.page-conatainer .journal-entries .btn.outline  {

    vertical-align: bottom;  margin-right: 10px;  margin-bottom: 10px;

}
.dashboard-accordians .btn.solid.uppercase-btn  {
    color: #fff;
}
@media (max-width: 980px) {

    .page-conatainer {
        padding: 0px 24px;
    } 
}
@media (max-width: 767px) {
    .accordian-content .toggle-buttons .today-toggle-btn .todays-btn {
        padding: 3.5px 8px;    font-size: 13px;    line-height: 22px;    vertical-align: middle;
    }
    .controls .btn.solid.deleteAll-btn {
        margin-bottom: 10px;
    }
}
@media (max-width: 480px) {
    .journal-nav-grid-container .journal-pickDay input {
        margin-left: 0px;  margin-right: 0px;
    }
    .accordian-content .toggle-buttons .today-toggle-btn .todays-btn {
        padding: 3.5px 6px;  font-size: 10px;  line-height: 22px;  vertical-align: middle;
    }
    .journal-pickDay input {
        width: 75%;
    }

    .pika-single {
        margin-left: 16px;
    }
    .pika-single .pika-lendar {
        width: 227px;
    }
    .pika-single .pika-row .pika-button 
    .pika-single .pika-table th {
        font-size: 11px;
    }

}

/*===== 
  ========================= JOURNAL PAGE CSS ENDS ================
  =====*/


/*===== 
========================= PREP VIDEOS SECTION CSS STARTS================
=====*/

.prep-video-wrapper #buttons-menu .prep-vidoes-btn-center {
    height: fit-content;
}
.prep-video-wrapper #buttons-menu  .btn.btn-2.prep-vidoes-btn-center {
    margin-right: 10px;
}
.prep-video-wrapper #buttons-menu .btn, 
.prep-video-wrapper #buttons-menu .primary-btn, 
.prep-video-wrapper #buttons-menu .secondary-btn {
    height: 36px !important;

}
#buttons-menu .button-outerDiv {
    display:flex; width:75%; justify-content: left;
}
#buttons-menu .button-outerDiv a.btn {
    width: 100% !important; max-width: 200px !important;  text-transform: lowercase;  font-size: 15px;
}
.button-clenase-next {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1014px) {
    .outlet-grid-container .prep-video-wrapper {
        padding-left: 65px;  padding-right: 65px;
    }
    .outlet-grid-container .prep-video-wrapper .intro {
        padding: 0 0px;
    }
}


@media screen and (max-width: 767px) {
    .outlet-grid-container .prep-video-wrapper {
        padding: 0 0px;
    }
    .outlet-grid-container .prep-video-wrapper .intro {
        padding: 0 24px;
    }

    .prep-video-wrapper  #buttons-menu {
        flex-direction: column;
    }
    .prep-video-wrapper  #buttons-menu a + div {
        width: 100% !important;
    }
    .prep-video-wrapper  #buttons-menu a + div .btn.outline.prep-vidoes-btn-center.btn-2 {
        margin-right: 0px;
    }
    #buttons-menu .button-outerDiv {
        justify-content: space-around !important;  width: 100% !important;   flex-flow: column;  text-align: center;
    }
    #buttons-menu .button-outerDiv .btn.btn-2.prep-vidoes-btn-center {
        margin-left: auto;   margin-right: auto !important;     margin-bottom: 0px;
    }
    .recipe-wrapper .make-this.recipe-indiv-button .btn.recipe-make-btn.outline {
        max-width: 157px;
        width: 100%;
    }

    #planPrefs .accordian .accordian-header {

        position: relative;
        margin: 0;
        min-height: 73px;
        height: auto;

    }

    #planPrefs .accordian.ember-view .accordian-header .contact-info-title {

        font-weight: 700 !important;
        line-height: 24px !important;
        font-size: 16px;
        padding-right: 25px;

    }
}

@media screen and (max-width: 480px) {
    .prep-video-wrapper  #buttons-menu a + div {
        flex-direction: column;
    }
    .prep-video-wrapper  #buttons-menu a + div .btn.outline.prep-vidoes-btn-center.btn-2 {
        margin-right: 0px;
    }
    .prep-video-wrapper .accordian .accordian-header {
        overflow: hidden;
    }
    .prep-video-wrapper  #buttons-menu a + div .btn.outline.prep-vidoes-btn-center.btn-2::first-child {
        margin-bottom: 0px;
    }
    .prep-video-wrapper .accordian .accordian-header .contact-info-title {
        line-height: 26px;  padding-right: 30px;   padding-top: 10px;  padding-bottom: 10px;   font-size: 16px;
    }
    .prep-video-wrapper .accordian .accordian-header  {
        min-height: 73px;  height: auto;   padding-left: 20px;
    }
    .button-clenase-next {
        justify-content: space-evenly;
        flex-flow: column;
    }
    .button-clenase-next a.btn {
        margin-bottom: 15px;
    }
    .content-video #EmberYoutube-player {
        width: 100%;   max-width: 320px;   height: 180px;
    }

    .dashboard-accordians .accordian .accordian-header {
        height: auto; padding-right: 65px;
        min-height: 73px;
    }
    .dashboard-accordians .accordian .accordian-header .contact-info-title {
        font-size: 15px;
        line-height: 20px !important;
    }



}

/*===== 
  ========================= PREP VIDEOS SECTION CSS ENDS ================
  =====*/


/*=============  Resources page css starts ========*/

.ember-power-select-placeholder,.resource-section   .selectButton ,  .navigation-dropdown .dropdown li {
    font-size: 14px;  font-weight: normal;
}
.resource-wrapper a.see-more-btn {
    max-width: 140px;    padding: 10px 14px !important;
}
.resource-wrapper .faq-section .faq-expander .body  span {
    font-size: 14px;   font-weight: normal;  line-height: 19px;  color: #787878;
}
.resource-wrapper .ember-basic-dropdown-content .dropdown {
    z-index: 9;
}
.resource-wrapper .faq-expander .expander .title {
    min-height: 2em; color: #6d6d6d;  font-size: 17px;  line-height: 23px;
}

.resource-wrapper .live-cleanse-box {
    padding: 10px 10px 16px;
}
.live-cleanse-box h1 , .live-cleanse-box h3 {
    float: none;
    display: inline-block;
}
.live-cleanse-box h1 {
    min-width: 58%;
}
.live-cleanse-box h3 {
    min-width: 40%; text-align: right;
}
.live-cleanse-box .separator {
    margin-top: 12px;
    margin-bottom: 20px;
}
.live-cleanse-box .lc-container h4 {
    font-size: 17px;
    color: #6d6d6d;
}
.date-picker {
    -webkit-transform: translateY(-14px);   -moz-transform: translateY(-14px);   -ms-transform: translateY(-14px);   -o-transform: translateY(-14px); transform: translateY(-14px);
}

.welcome-wrapper .modal-content .set-cleanse-wrapper .align-text-right {
    text-align: right;
    width: 100%;
    float: left;
} 

.live-cleanse-box.mg-bot-min80 {
    margin-bottom: -80px; margin-top: 40px;
}
.resource-wrapper #audio-resource-section .resource-section .header-info .section-title {
    margin: 0px 0 15px 0px;
}
.resource-wrapper .coco-dropdown-trigger .selectButton {
    font-size: 14px;
    font-weight: normal;
    color: #787878;
}
.radio-button {
    padding-left: 1px;
    padding-top: 1px;
}
.live-cleanse-box .btn-center .btn.solid.uppercase {
    padding-top: 9px;  padding-bottom: 9px; height: auto !important;;
}
.section-list .content-video .video-player {
    text-align: left;
}

.resource-section  .video-list-item .video-play {
    margin-left: 0px !important;
}
.resource-wrapper #movement-resource-section .section-list .img-wrapper img, .resource-wrapper #video-resource-section .section-list .img-wrapper img {
    margin-top: 0px;
}
.resource-wrapper .resource-section .video-list-item h4 {
    margin-bottom: 8px;
}
.resource-wrapper .resource-section .video-list-item h4 {
    margin-bottom: 16px;
    margin-top: 10px;
}
#movement-resource-section .section-list #EmberYoutube-player, #movement-resource-section .section-list .video-play, #movement-resource-section .section-list .img-wrapper, #video-resource-section .section-list #EmberYoutube-player, #video-resource-section .section-list .video-play, #video-resource-section .section-list .img-wrapper {
    width: 100% !important;
    /* margin: auto; */
    max-width: 320px;
}
.dashboard-accordians .ember-view img.aligncenter.size-medium  {
    margin-right: 30px;
    margin-bottom: 20px;
}
.recipe-single .recipe-single-container + .separator.magenta {
    margin-top: 16px;
} 

.modal-content .set-cleanse-wrapper h3.already-on-cleanse {
    width: 100%;     text-align: left;
    padding-right: 35px;
}
.cleanse-block .button-con-div a.btn.solid , .cleanse-block .button-con-div a.btn.outline {
    padding: 10px;
    text-align: center;
}
/*   media */

@media (min-width: 768px) {


    #movement-resource-section .section-list #EmberYoutube-player, #movement-resource-section .section-list .video-play, #movement-resource-section .section-list .img-wrapper, #video-resource-section .section-list #EmberYoutube-player, #video-resource-section .section-list .video-play, #video-resource-section .section-list .img-wrapper {

        height: 174px;
        /* margin: auto; */
    }
}

@media (min-width: 1015px) {
    .resource-wrapper .live-cleanse-box {
        margin-left: calc(-49.55vw + 50%);
        margin-right: calc(-49.55vw + 50%);
    }
}

@media (max-width: 1014px) {

    .live-cleanse-box h3 {
        min-width: 40%;
        text-align: left;
    }
    .resource-wrapper .coco-dropdown-trigger {
        width: 100%;
    }
    .live-cleanse-box h1 {
        font-size: 35px; width: 100%;
    }
    .live-cleanse-box h3 {
        font-size: 21px; width: 100%;
    }
}

@media (max-width: 767px) {
    .resource-wrapper h1, .resource-wrapper .title-primary {
        font-size: 35px;
    }
    .resource-wrapper h3,   .resource-wrapper .title-secondary {
        font-size: 21px;
    }
    .resource-wrapper .header-info .section-title .btn.solid.uppercase-btn {
        padding: 10px 9px !important;
    }

    .resource-wrapper .resource-section .section-list h4 {
        font-size: .944em;
        margin-bottom: 24px;
    }

    .resource-wrapper .header-info .section-title .btn.solid.uppercase-btn {
        height: auto  !important;     padding: 9px 9px !important;
    }
    #video-resource-section .section-list #EmberYoutube-player, #video-resource-section .section-list .video-play, #video-resource-section .section-list .img-wrapper {
        width: 100% !important;
        /* margin: auto; */
        max-width: 100% !important;
    }
    .audio-sinlge-container .EmberYoutube iframe {
        width: 100%; max-width: 560px;
    }
}


@media (max-width: 540px) {
    .left-audio-container .ember-view p ,
    .audio-sinlge-container .ember-view  p {
        /* display: block; */
        float: left;
        width: 100%;
    }
}

.success-email-msg {
    text-transform: none;
    margin-top:10px;
}

/*============= Resources page css ends ============*/

/*==============  Audio resources page css starts ====================*/
.audio-container-wrapper .audio-list .audio-list-item .icon {
    border-left: 45px solid #e5e5e5;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
}

.audio-list .audio-list-item {
    align-items: center;
}
.audio-container-wrapper h1 + p {
    color: #6d6d6d;
    font-size: 19px;
    margin-bottom: 36px;
}
.audio-container-wrapper .audio-list .audio-list-item .icon {
    margin-top: 7px;
    border-left: 45px solid #e5e5e5;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;

}

.audio-sinlge-container .dashboard-accordians  .left-audio-container {
    background: #f7f7f7;
    padding: 16% 22px;
}
.audio-sinlge-container .dashboard-accordians h1 {
    margin-top: 20px;     margin-bottom: 40px;
}
.audio-sinlge-container .dashboard-accordians .ember-view + .separator.magenta.container {
    margin-top: 50px;
}
.margin-t20 {
    margin-top: 20px;
}
.audio-container-wrapper .audio-list-item .content {
    width: 100%;
}
.audio-container-wrapper .audio-list .audio-list-item audio {
    width: 100%;
    max-width: 500px;
}

.audio-list .audio-list-item p.post_desc {
    font-size: 16px;
    line-height: 22px;
    color: #6d6d6d;
}

.audio-container-wrapper .audio-list-item .content h3 {
    margin-top: 1em;
}

@media (max-width: 980px) { 
    .audio-container-wrapper {
        padding: 0px 24px;
    }
    .audio-sinlge-container .dashboard-accordians .last-divider {
        display: none;
    }
}


@media (min-width: 1015px) {   
    .audio-list .audio-list-item h3, .audio-list .audio-list-item .title-secondary {
        font-size: 19px;
    }

    .audio-sinlge-container .dashboard-accordians h1  {
        line-height: 55px;
    }
}
/*==============  Audio resources page css ends ====================*/

/*============= video Resources ==================*/

.bonus-video-list .video-list-item h3 {
    font-size: 19px;
    margin-top: 6px;
    margin-bottom: 15px;
}
.resource-list h1 + p {
    margin-top: 16px;
}
.resource-list h1, .resource-list h1 + p{
    padding:0 10px;
}
.resource-list .bonus-video-list section{
	width:100%;
}
.resource-list.movement .dashboard-accordians{
    margin-bottom:0;
}

/* ====== dioalog box css ===============*/

.modal-screen {
    background: rgba(0,0,0,.3); 
}
.close-confirmation .inner {
    max-width: 705px;
    width: 90%;
}
.modal-content .changeCleanseDate {
    width: 280px !important;
    margin-top: 10px;
    width: 100% !important;
    height: auto !important;
    max-width: 280px;
}

@media (max-width: 767px) { 
    body #modal .close-confirmation .inner {
        padding: 10px 20px;
        z-index: 99;
        margin: auto auto;
        background: #fff;
        box-sizing: border-box;
        width: 95%;
    }




}
/*=== welcome dialog box ======*/




.modal-screen .modal.magenta {

    min-height: 660px;

}
@media screen and (max-width: 1500px) {
    .welcome-tour .tour-step-content .text {

        max-width: 68%;

    }
    .welcome-tour .tour-step-content .thumbnail-wrapper img {

        max-width: 277px;
        width: 100%;

    }
}

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 980px) 
and (-webkit-min-device-pixel-ratio: 1) {
    .welcome-tour .tour-step-content .text {
        max-width: 45%;
    }
}

/*
@media screen and (min-width: 768px) and (max-width: 980px) {
.welcome-tour .tour-step-content .text {
  max-width: 45%;
}

} */
@media screen and (max-width: 1500px) {
    #modal .close-confirmation .inner {
        width: auto;
        float: left;
        padding: 20px;
    }
}


/*====== Universal css starts =============*/
.ember-basic-dropdown-content.coco-dropdown-content  .dropdown li { font-size: 15px; }

.text-traf-none {
    max-width: 380px;  margin-left: auto;  margin-right: auto;  text-align: center;  text-transform: none;
}
.your-account-title {

    text-transform: capitalize !important;

}


.radio-button [type="radio"] + span::before {
    box-shadow: 0px 0px 1px 1px #787878;

}

.modal-screen .modal input[type="text"], 
.modal-screen .modal input[type="password"] {

    box-shadow: none;

}

.modal-screen .modal .btn.outline.btn-next  {
    padding: 8.5px 10px;
}

.prep-video-content ul li a ,
.recipe-single-container p a ,
.recipe-single .recipe-single-container p a ,
.recipe-single .recipe-single-container ul li a,
.recipe-details p a ,  .recipe-details h4 a ,  .recipe-details h5 a ,
.accordian-content ul li a ,
.recipe-page-subtitle a ,
.faq-expander a ,
ul li a ,
.content-resources ul li span a ,
.audio-sinlge-container .dashboard-accordians p span a ,
.dashboard-accordians .post_desc  a,
.faq-container p a ,
a
{
    color: #551a8b;

}  


.btn.outline  {
    color: #BA2153 !important;
}
.btn.outline:hover , .btn.outline:focus  {
    color: #ffffff !important;
}
a.btn.solid.block , .btn.next.outline.btn-small {
    color: #ffffff !important;
}



.user-wrapper .account-welcome .selectButton , .dropdown li a {
    font-size: 14px;
}
.accordian-content .set-cleanse-wrapper .align-text-right {
    text-align: right;
    float: left;
    width: 100%;
    padding: 0px 20px;
}
.download-cleanse-manual {
    text-transform: lowercase !important;
}

.coco-dropdown-content { z-index: 2; }

.ember-basic-dropdown.ember-view .ember-basic-dropdown-content .dropdown {
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 5px #909090;
}

@media (max-width: 767px) {   
    h1, .title-primary {
        line-height: 1.156em;
    } 
}
/* unversal css for form fields starts */

/*
.ember-view  input , 
.ember-view   textarea,
.ember-view  .coco-dropdown-trigger,
.modal-screen .modal input[type="text"], 
.modal-screen .modal input[type="password"] ,
 .modal-screen textarea  {
 border:  1px solid; 
 border-color: #d8d8d8 !important; outline: 0px;     color: #787878;
} 

.ember-view  input:focus, 
.ember-view   textarea:focus,
.ember-view  .coco-dropdown-trigger:focus  {
 border-color:  #0096a9 !important; 
} 


.modal-screen .modal input[type="text"]:focus, .modal-screen .modal input[type="password"]:focus , .modal-screen textarea:focus {
  border-color: #0096a9 !important
} */


.ember-view  input::placeholder , .ember-view   textarea::placeholder,
.modal-screen .modal input[type="text"]::placeholder, 
.modal-screen .modal input[type="password"]::placeholder ,
.modal-screen textarea::placeholder  {
    color:  #787878;  font-size: 14px;  opacity: 1; 
}
.ember-view  input:-ms-input-placeholder , 
.ember-view   textarea:-ms-input-placeholder,
.modal-screen .modal input[type="text"]:-ms-input-placeholder, 
.modal-screen .modal input[type="password"]:-ms-input-placeholder ,
.modal-screen textarea::placeholder
{
    color:  #787878;    opacity: 1;
}

.ember-view  input:-ms-input-placeholder::-ms-input-placeholder , 
.ember-view   textarea:-ms-input-placeholder::-ms-input-placeholder,
.modal-screen .modal input[type="text"]::-ms-input-placeholder, 
.modal-screen .modal input[type="password"]::-ms-input-placeholder ,
.modal-screen textarea::placeholder
{ 
    color:  #787878;  opacity: 1;  
}  

.ember-view  input:-ms-input-placeholder::-webkit-input-placeholder , 
.ember-view   textarea:-ms-input-placeholder::-webkit-input-placeholder,
.modal-screen .modal input[type="text"]::-webkit-input-placeholder, 
.modal-screen .modal input[type="password"]::-webkit-input-placeholder,
.modal-screen textarea::-webkit-input-placeholder
{ 
    color:  #787878;  opacity: 1;  
} 

.ember-view  input::-webkit-input-placeholder ,
.ember-view  input::-moz-placeholder ,
.ember-view  input:-ms-input-placeholder ,
.ember-view  input:-moz-placeholder {
    color:  #787878;  opacity: 1; 
}

/* unversal css for form fields sends */

/*======Universal css ends ===============*/


.wellness-score-bar label {
    padding-right: 10px;
}
.wellness-score-bar .text-center h4 {
    text-align: center;
}

.wellness-score-bar  .text-center h4 {
    text-align: center;
    display: inline-block;
    float: none;
    width: auto;
    padding-right: 100px;
    position: relative;
}
.wellness-eval .wellness-score-bar .score {

    margin-left: 75px;
    float: none;
}
.confirm-phone.thanks-div h2  {
    margin-top: 5px;
    margin-bottom: 20px;
}

.wellness-eval .wellness-score-bar .score span {
    margin-top: 0%;
    line-height: 64px;
}
.wellness-eval .wellness-score-bar .score {
    top: -22px;
}

/*   vedio page css starts  */
.resource-list .bonus-video-list .img-wrapper img {
    margin-top: 0px;
}
.resource-list .bonus-video-list .video-play {
    height: 100%;
}
.resource-list  .bonus-video-list .video-list-item {
    display: inline-block;
    float: none; width: 49%;
    vertical-align: top;
}

@media (min-width: 768px) {
    .resource-list  .bonus-video-list .video-list-item.playing #EmberYoutube-player, 
    .resource-list  .bonus-video-list .video-list-item.playing .video-play ,
    .resource-list .bonus-video-list .content-video .video-player {
        height: 174px; width: 100%;
    }
}




@media (min-width: 1015px) {
    .resource-list .bonus-video-list .content-video .video-player , 
    .resource-list .bonus-video-list .video-list-item.playing #EmberYoutube-player {
        width: 400px;
        height: 224px;
        margin: auto;
    }

}

@media (max-width: 1015px) {
    .bonus-video-list #EmberYoutube-player, .bonus-video-list .video-play, .bonus-video-list .img-wrapper {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .resource-list .bonus-video-list .content-video .video-player , 
    .resource-list .bonus-video-list .video-list-item.playing #EmberYoutube-player {
        width: 100%;
        height: 174px;
        margin: auto;
    }
    .bonus-video-list #EmberYoutube-player,
    .bonus-video-list .video-play,
    .bonus-video-list .img-wrapper,
    .resource-list .bonus-video-list .content-video .video-player, 
    .resource-list .bonus-video-list .video-list-item.playing #EmberYoutube-player {
        height: 158px;
    }
}

@media (max-width: 600px) { 
    .resource-list .bonus-video-list .video-list-item {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }
    .resource-list .bonus-video-list .video-list-item.playing .video-play {
        height: 277px;
    }
    .resource-list .bonus-video-list .content-video .video-player, 
    .resource-list .bonus-video-list .video-list-item.playing #EmberYoutube-player {
        width: 100%;
        height: 201px;
        margin: auto;
        max-width: 100%;
        margin-left: 0px !important;
    }
    .resource-list .bonus-video-list #EmberYoutube-player, 
    .resource-list .bonus-video-list .video-play, 
    .resource-list .bonus-video-list .img-wrapper {

        height: 180px;
        margin: auto;
        width: 100%;
        max-width: 100%;
    }
    .resource-list .bonus-video-list .content-video .video-player, .resource-list .bonus-video-list .video-list-item.playing #EmberYoutube-player {
        width: 100%;
        height: 180px;
        margin: auto;
    }
    .bonus-video-list #EmberYoutube-player, .bonus-video-list .video-play, .bonus-video-list .img-wrapper {
        margin-left: 0px !important;
    }

}
/*   vedio page css ends */


/*     support page css starts */


.support-page h1 {
    margin-bottom: 19px;
}
.support-page .contact-form  {
    max-width: 580px;
    margin: 0 auto;
}

.support-page .contact-form  .coco-dropdown-trigger {
    width: 100%
}
.support-page .contact-form  textarea {
    font-size: 14px;
    color: #6d6d6d;
}
.support-page .contact-form  .selectButton {
    font-size: 14px;  color: #787878;  font-weight: 400;  padding-left: 9px;
}
.support-page p {
    line-height: 23px;
}

.support-page .contact-form.ember-view {
    max-width: 580px;
    margin: 0 auto;
}

.coco-dropdown-content {
    position: absolute;
    width: 580px;
}


@media (max-width: 360px) { 
    .coco-dropdown-content {
        position: absolute;
        width: 300px;
    }
}

@media (max-width: 375px) { 
    .coco-dropdown-content {
        position: absolute;
        width: 310px;
    }
}

.support-page .contact-form.ember-view .coco-dropdown-trigger {
    width: 100%; font-size: 14px;  color: #787878;  font-weight: 400;  padding-left: 9px;
}
.support-page-grid-container .support-page p {
    font-size: 17px;    color: #6d6d6d;    line-height: 23px;
}
.support-page-grid-container .support-page .contact-form textarea {
    font-size: 14px;  color: #6d6d6d;
}
/* support page css ends */


/*    faq page css starts   */
.faq-expander .body ,
.faq-expander .body span {
    line-height: 23px;
    font-size: 16px;
}
.faq-container p {
    font-size: 19px;
    line-height: 26px;
    color: #6d6d6d;
}

@media (max-width: 1000px) { 
    .container.faq-container {
        padding: 16px 65px 0px;
    }
    .faq-expander .expander .title {
        font-size: 17px;
    }
    .faq-expander .body span {
        line-height: 21px;
        font-size: 14px;
    }
}
@media (max-width: 767px) { 
    .container.faq-container {
        padding: 16px 36px 0px;
    }
}

/*    faq page css starts   */

/*  invite  a friend css strats  */
.invite-friend-wrapper p {
    font-size: 19px;
    line-height: 26px;
    color: #6d6d6d;
}

.ember-view  .form-row  .friend-form input , .ember-view  .form-row  .friend-form textarea {
    margin-bottom: 20px;
}

.invite-friend-wrapper .friend-form .btn, .invite-friend-wrapper .friend-form .primary-btn, .invite-friend-wrapper .friend-form .secondary-btn {
    margin-right: 10px;
}


@media (max-width: 1000px) { 
    .ember-view .invite-friend-wrapper {
        padding: 16px 65px 0px;
    }
}
@media (max-width: 767px) { 
    .ember-view .invite-friend-wrapper {
        padding: 16px 36px 0px;
    }
    .ember-view .invite-friend-wrapper .friend-form .btn  {
        margin-bottom: 16px;
    }
}

/*  invite a friends css ends */


.modal-screen .set-cleanse-wrapper .choose-date h2.copy {
    padding-right: 50px;
}
.modal-screen .modal .friend-form input[type="text"] {
    min-width: 200px;
}

.wellness-eval .wellness-question-item .slider-wrapper .slider.slider-horizontal .slider-track .slider-handle.min-slider-handle.round { 
    margin-left: -8px;
}
.signin-btn-margin {
    width:12em;
    margin-bottom:15px
}

.with-radio.full-width-radio input.radio-disabled[type="radio"] + label::before {
    border: 5px solid #666;
    box-shadow: 0 0 0 1px #787878;
    background: #666;
}

.with-radio.full-width-radio input.radio-disabled[type="radio"].radio-disabled + label::before {
    border: 5px solid #fff;
    box-shadow: 0 0 0 1px #787878;
    background: #666;
    opacity: 0.23;
}


/* membership plan list */



#awesome-coco-products-embed .all-caps {
    text-transform: uppercase;
}

#awesome-coco-products-embed .products {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 1.25rem;
    text-align: center;
    color: #FFF;
}


/**
  * product-wrapper
  */

#awesome-coco-products-embed .products .product-wrapper {
    margin-bottom: 1.45rem;
    border-radius: 5px !important;
    padding: 1.45rem;
    display: flex;
    flex-direction: column;
    align-items: center;;     padding-bottom: 70px;
}

#awesome-coco-products-embed .products .product-wrapper * {
    color: #FFF !important;
}

#awesome-coco-products-embed .products .product-wrapper>* {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#awesome-coco-products-embed .products .product-wrapper sub {
    vertical-align: initial;
    font-size: 1.225rem;
}

#awesome-coco-products-embed .products .product-wrapper>*:last-of-type {
    margin-top: auto;
}

#awesome-coco-products-embed .products .product-wrapper>* .line-break {
    padding-top: 1.5rem;
}

#awesome-coco-products-embed .products .product-wrapper>* .line-break hr {
    border-style: solid;
    border-width: .02rem;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    height: 0.02rem;
}

#awesome-coco-products-embed .products .product-wrapper:nth-child(odd) {
    background-color: #0096a9 !important;
}

#awesome-coco-products-embed .products .product-wrapper:nth-child(even) {
    background-color: #6a1f45 !important;
}


/**
  * Select-wrapper
  */

#awesome-coco-products-embed .products .product-wrapper .select-wrapper {
    font-size: 1.45rem;
    padding-top: 1rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#awesome-coco-products-embed .products .product-wrapper .select-wrapper label {
    margin-left: .5rem;
}

#awesome-coco-products-embed .products .product-wrapper .select-wrapper label:hover {
    cursor: pointer;
}


/**
  * addons
  */

#awesome-coco-products-embed .addons-wrapper {
    margin-right: auto;
    max-width: 1130px;
}

#awesome-coco-products-embed .addons-wrapper .addons {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s;
}

#awesome-coco-products-embed .addons-wrapper .addons.visible {
    max-height: 440px;
    overflow: auto;
}

#awesome-coco-products-embed .addons-wrapper .addon>header {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
}

#awesome-coco-products-embed .addons-wrapper .addon>.inner {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: 1.25rem;
    font-weight: 300;
}

#awesome-coco-products-embed .addons-wrapper .addon>.inner>* {
    display: flex;
    flex-direction: column;
    color: #787878;
}

#awesome-coco-products-embed .addons-wrapper .addon .price {
    font-size: 35px !important;
}

#awesome-coco-products-embed .addons-wrapper .addon h1,
#awesome-coco-products-embed .addons-wrapper .addon h2 {
    color: #ba2154;
}


/**
  * Buy Now Button
  */

#awesome-coco-products-embed .buy-now-wrapper {
    display: block;
}

#awesome-coco-products-embed #coco-buy-now-button {
    display: block;
    background: #ba2154;
    color: #FFF;
    text-transform: uppercase;
    padding: 1rem;
    text-align: center;
    font-size: 2rem;
}

#awesome-coco-products-embed #coco-buy-now-button:hover {
    background-color: #86183c;
}

.button-disabled {
    background: #3e3e3e3e !important;
}

.hideMyAccountPlans {
    display: none;
}

.showMyAccountPlans {
    display: block;
}

/**
  * responsive
  */

@media (min-width: 720px) {
    #awesome-coco-products-embed .products {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 0;
    }
}



/* membership plan list */

.account-welcome div#ember-basic-dropdown-wormhole {
    grid-area: right;
}
.coach-float {
    z-index: 14;
}
.nav-toggle-wrapper {
    z-index: 11;
}


/*************************************************************************************/



.btn.outline:hover, .btn.outline:focus {
    color: #ffffff !important;
    background: #BA2153;
}
#navmenu ul.removeListStyling {
    margin-top: 4.5em;
}

#navmenu {
    min-height: 100%;
}
#navmenu {
    z-index: 99;
}


.monthly-8020 .image-container {
    float: left; width: auto;  display: inline-block;
}

.nav-toggle-wrapper .nav-toggle.nav-toggle-close::after, 
.nav-toggle-wrapper .nav-toggle.nav-toggle-close::before {
    background: #fff;
}

.set-cleanse-wrapper .cleanse-or-block span.or-box {
    line-height: 70px;
}

#navmenu ul.removeListStyling {
    overflow: auto;
    height: 80%;
    margin-top: 4.5em;
}



@media (max-width: 767px) {


    /*   media for journal page starts */
    .dashboard-accordians .pagination {
        margin: 20px 0;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    .dashboard-accordians .pagination ul {
        float: none;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        padding: 0px;
        display: inline-block;
    }
    .dashboard-accordians .pagination ul > li {
        left: 0;
        float: none;
        display: inline-block;
    }
    /*   media for journal page ends */

    .coach-float .coachImg {
        width: 65px;     margin: 10px;
    }
    .coach-float {
        left: 6px;
    }
    .account-welcome .ember-basic-dropdown-content-wormhole-origin .coco-dropdown-content ,
    .account-welcome #ember-basic-dropdown-wormhole .coco-dropdown-trigger {
        width: 100%;
        max-width: 265px;
    }
    .coach-float {
        margin: 0 16px 25px 0;
        width: auto;
        float: left;
        left: 8px;
        right: auto !important;
    }
    .dashboard-accordians .btn.btn-8020 {
        margin-top: 16px;
    }
    .set-cleanse-wrapper .cleanse-or-block span.or-box {
        line-height: 40px;
    }
    .ember-application.noscroll.menu-open .nav-toggle-wrapper {
        z-index: 1001; min-width: 60px;
    }
    .ember-application.noscroll.menu-open #navmenu {
        z-index: 100;
    }




}

.model-confirmation #modal {
    width:525px;
}

.model-confirmation .close-tour-btn{
    display:none;
} 

@media screen and (max-height: 480px) { 

    #navmenu ul.removeListStyling {
        height: 70%;
    }
}

@media (max-width: 600px) {
    .monthly-8020
    .image-container {
        float: left;
        width: 100%;
        display: block;
    }
}





/* =========================  */

span.magenta.validation-msg {
    width: 100%;
    float: left;
    margin-top: -8px;
    margin-bottom: 15px;
}

.wellness-custom-modal .modal-screen .modal {
    max-width: 98vw;
    width: 98vw;
}
@media (max-width: 1260px) {

    .wellness-custom-modal .modal-screen .modal {
        max-width: 98vw;
        width: 98vw;
    }
}

@media (max-width: 660px) {
    #starCleanseModal .modal-content .set-cleanse-wrapper .cleanse-block {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .todays-video-acc .accordian-content .btn-dashboard-solid.cleanse-manual-btn .btn.solid.block {
        width: 100%;
        height: auto !important;
        font-size: 12px;
    }
}

.empty-field-error .empty-fields {
    margin-top:8px;
}

#wellness-eval-model #modal {
    max-width: 100%;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

/***********************************  MONTHLY PLAN CSS STARTS **************************************************/
.showMyAccountPlans .title  sub , 
.hideMyAccountPlans .title  sub {
    width: 100%; float: left; text-align: center;  white-space: nowrap; padding: 16px; text-transform: capitalize; display: block; font-size: 17px !important;font-weight: 400 !important;
}
.hideMyAccountPlans .title , 
.showMyAccountPlans .title {
    font-size: 30px !important;
    font-weight: 400 !important;
    display: block;
}
.hideMyAccountPlans   .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title ,
.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title {
    float: left;
    width: 34%;
    text-align: left;
    font-size: 40px !important;
    font-weight: 300 !important;
    margin-left: 28px;
    vertical-align: top;
    line-height: 40px;
}

.awesome-coco-products-embed-wrapper .inner .products .product-wrapper ul {
    float: left;
    width: 100%;
}

.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title sub ,
.showMyAccountPlans  .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title sub {

    font-size: 15px !important;
    text-align: left;
    font-weight: 300 !important;
    padding: 0px 10px 0px 0px;
    line-height: 20px; 


}
.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title ,
.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title {
    width: 40%;
    float: right;
    font-size: 40px !important;
    font-weight: 300 !important;
    text-align: left;
    vertical-align: top;
    line-height: 40px;
}
.hideMyAccountPlans  .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title sub ,
.showMyAccountPlans  .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title sub {
    font-size: 15px !important;
    text-align: left;
    font-weight: 300 !important;
    padding: 0px 10px 0px 0px;
    line-height: 20px;
}

.awesome-coco-products-embed-wrapper .inner .products .product-wrapper ul {
    padding-left: 0px;
    margin-left: 1.5em;
}
.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper ul li ,
.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper ul li {
    width: 80%;     line-height: 20px;
    margin: auto;
    margin-bottom: auto;
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px; position: relative;
}

.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper ul li:before,
.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper ul li:before {
    content: "\2022"; font-family: arial; font-size: 1.4em;  padding-right: 0.64em; position: absolute; top: 4px; line-height: .8;  left: 0px;
}

.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper p ,
.showMyAccountPlans  .awesome-coco-products-embed-wrapper .inner .products .product-wrapper p {
    width: 15%;
    float: left;
    display: inline-block;
    font-size: 40px;
    line-height: 60px;
    font-weight: 300; margin-top: 0px;
}
.hideMyAccountPlans .products .product-wrapper > *  ,
.showMyAccountPlans  .products .product-wrapper > * {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; display: inline-block !important;
}
.hideMyAccountPlans .products .product-wrapper  ul li::before ,
.hideMyAccountPlans  .products .product-wrapper * ,
.showMyAccountPlans .products .product-wrapper  ul li::before ,
.showMyAccountPlans .products .product-wrapper * {
    color: #FFF;
}
.hideMyAccountPlans .product-wrapper:nth-child(2n) .line-break ,
.showMyAccountPlans  .product-wrapper:nth-child(2n) .line-break {
    border-top: 2px dotted #7F0D3E; float: left;
    width: 100%;
}

.hideMyAccountPlans .product-wrapper:nth-child(2n+1) div:last-child .line-break  ,
.showMyAccountPlans .product-wrapper:nth-child(2n+1) div:last-child .line-break {
    border-top: 2px dotted #BA2154; float: left;
    width: 100%; margin-top: 12px;
}
#awesome-coco-products-embed.hideMyAccountPlans .products .product-wrapper:nth-child(2n) div:last-child .line-break , 
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:nth-child(2n) div:last-child .line-break {
    margin-top: 12px;
}
.hideMyAccountPlans .product-wrapper > * .line-break hr ,
.showMyAccountPlans .product-wrapper > * .line-break hr {
    display: none;
}
.hideMyAccountPlans   .awesome-coco-products-embed-wrapper .products > .product-wrapper > div:first-child h3.title.all-caps ,
.showMyAccountPlans  .awesome-coco-products-embed-wrapper .products > .product-wrapper > div:first-child h3.title.all-caps {
    float: left;
    width: 100%; margin-bottom: 30px;
}

.showMyAccountPlans , .hideMyAccountPlans , #awesome-coco-products-embed {
    margin-top: 25px;
}
.hideMyAccountPlans .title sub ,
.showMyAccountPlans .title sub {
    padding-top: 10px;
    padding-bottom: 12px;
}
.hideMyAccountPlans .select-wrapper .btn.outline ,
.showMyAccountPlans .select-wrapper .btn.outline {
    text-transform: capitalize;
}
#awesome-coco-products-embed.hideMyAccountPlans .products .product-wrapper:nth-child(2n+1)  , 
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:nth-child(2n+1) {
    background-color: #7F0D3E !important;   border-radius: 16px !important;
}
#awesome-coco-products-embed.hideMyAccountPlans .products .product-wrapper ,
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper {
    display: block; position: relative;
}
#awesome-coco-products-embed.hideMyAccountPlans .products .product-wrapper:nth-child(2n) , 
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:nth-child(2n) {
    background-color: #BA2154 !important;
    border-radius: 16px !important;
}
#awesome-coco-products-embed.hideMyAccountPlans .products .product-wrapper:nth-child(2n+1) >* .line-break , 
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:nth-child(2n+1) >* .line-break {
    padding-top: 1rem;
    float: left;
    width: 100%;     border-top: 2px dotted #BA2154;
}
#awesome-coco-products-embed.hideMyAccountPlans .products  .product-wrapper:nth-child(2n) > div:first-child h3.title::after , 
#awesome-coco-products-embed.showMyAccountPlans .products  .product-wrapper:nth-child(2n) > div:first-child h3.title::after {
    display: block;  content: '';  background: url('images/icon_heart.png'); background-size: 100%  auto;    width: 24px;    height: 24px;    background-size: 100% auto;    position: absolute;    top: 13px;    left: 0px;
}

#awesome-coco-products-embed.hideMyAccountPlans .products  .product-wrapper:nth-child(2n) > div:first-child h3.title , 
#awesome-coco-products-embed.showMyAccountPlans .products  .product-wrapper:nth-child(2n) > div:first-child h3.title {
    position: relative;
}
.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title sub ,
.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title sub {

    float: left;
    width: 100%;
}
#awesome-coco-products-embed.hideMyAccountPlans .products .product-wrapper .select-wrapper , 
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper .select-wrapper {

    width: 100%;
}

#awesome-coco-products-embed.hideMyAccountPlans .products .product-wrapper .select-wrapper , 
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper .select-wrapper {
    position: absolute;  left: 0px;  right: 0px;  margin: 0 auto;  bottom: 25px;
}


#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:last-child h1.title{
    text-align: center !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0px !important;
}
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:nth-child(even) h1.title sub, #awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:last-child h1.title sub{
    text-align: center;
}
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper h4.sub-title sub , 
#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper h1.title sub  {
    opacity: 0.8;     font-size: 14px !important;
}

#awesome-coco-products-embed.showMyAccountPlans .products .product-wrapper:nth-child(even) h1.title {
    float: left !important;
}
@media only screen and (max-width: 1280px) {
    .hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title, 
    .showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title, 
    .hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title,
    .showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title {
        font-size: 33px !important;
    }
}
@media only screen and (max-width: 420px) {
    #awesome-coco-products-embed.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title ,
    #awesome-coco-products-embed.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper p ,
    #awesome-coco-products-embed.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title ,
    #awesome-coco-products-embed.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title ,
    #awesome-coco-products-embed.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper p ,
    #awesome-coco-products-embed.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title {
        width: 100%; margin-left: 0px; text-align: center;
    }
    #awesome-coco-products-embed.hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title sub ,
    .hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title sub ,
    #awesome-coco-products-embed.showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h1.title sub ,
    .showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper h4.sub-title sub {
        text-align: center; margin-bottom: 20px;
    }
    .hideMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper p ,
    .showMyAccountPlans .awesome-coco-products-embed-wrapper .inner .products .product-wrapper p {
        line-height: 30px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
}


/***********************************  MONTHLY PLAN CSS ENDS **************************************************/

.purple a.step-trigger {
    color: #6A1F45;
}
.magenta  a.step-trigger {
    color: #BA2153;
}
.green a.step-trigger {
    color: #80BD01;
}
.teal a.step-trigger {
    color: #0096A9;
}

a.btn.outline.active-btn.btn-open {
    background: #BA2153;
    color: #fff !important;
}
.disabled-step .step-number a {
    color: grey !important;
}
.monthly .membership-details-container + .btn.outline  ,
.monthly .membership-details-container + .btn.outline +  .btn.outline 
{
    margin-bottom: 10px;
}


/*-------------- */

.set-cleanse-wrapper .cleanse-select h2.copy , .set-cleanse-wrapper .cleanse-select h2.live-date {
    font-size: 24px;
    text-align: left;
    padding-right: 0px !important;
}
.set-cleanse-wrapper .pick-date-container {
    text-align: left;
}

.set-cleanse-wrapper .cleanse-select a.btn.solid.uppercase {
    margin-left: 0px;
    margin-right: 0px;
}

@media only screen and (max-width: 767px) {
    .set-cleanse-wrapper .pick-date-container .choose-date, .set-cleanse-wrapper .pick-date-container .or-box {
        padding: 0px 15px;
    }
    .noscroll.menu-open header.header-grid-container .nav-toggle-wrapper  .nav-toggle {
        width: 30px;
        position: fixed;
        right: 24px;
        z-index: 2;
    }	

    .menu-overlay {
        position: fixed;
        background: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        opacity: 1; z-index: 2;
        -webkit-transition-delay: .2s; /* Safari */
        -moz-transition-delay: .2s; /* Safari */
        -ms-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;

    }
    #navmenu.navmenu-hidden + .menu-overlay  {
        opacity: 0; z-index: -99999;
    }
}

/*       */


p.saved-journal {
    word-break: break-word;
}
.modal-screen {
    z-index: 2;
}

/*  16-05-2019     */

.modal-container .modal-screen .modal-content .ember-view > h2 {
    padding-right: 58px;
}
.coach-popup .modal-content .add-note .close-tour + h5 {
    text-align: left;
}
.coach-popup .modal-screen .modal-content .add-note .align-msg {
    text-align: left;
    /* text-transform: capitalize; */
}


.coach-popup .modal-screen .modal-content .add-note .close-tour .close-tour-btn {
    font-size: 30px;
    padding-top: 7px;
    font-weight: 300;
}
.coach-popup .modal-screen .modal-content .add-note .align-msg:first-letter {
    text-transform: uppercase;
}
.coach-popup .modal-screen .modal-content .add-note + a.btn.solid {
    float: left;
}
.btn.outline.coach-btn.food-journal-btn:hover .connectHyperlink , .btn.outline.coach-btn.food-journal-btn:focus .connectHyperlink {
    color: #ffffff !important;
}

.set-cleanse-wrapper .cleanse-select .pick-date-container .join-date .btn.solid.uppercase {
    width: 100%;
    max-width: 300px;
}

@media screen and (orientation:landscape)
and (min-device-width: 300px) 
and (max-device-width: 900px) {
    .welcome-modal.modal-container .modal.magenta {
        min-height: 100% !important;
    }
    .welcome-modal.modal-container .modal-screen .modal .modal-content {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .coach-popup .modal-screen .add-note {
        padding-top: 56px;
    }
    .header-grid-container .header-user {
        vertical-align: middle;
        line-height: 48px;
    }
    .header-grid-container .header-user.per-login-mobile {
        line-height: unset;
    }
    .header-grid-container .header-user span.header-link {
        line-height: 26px;     display: inline-block;    padding-top: 0px;
    }
    .modal-screen .modal {
        padding-top: 70px;
    }
    .modal-container .modal-screen .modal-content .close-tour {
        top: -10px;
    }
    .modal-content .set-cleanse-wrapper h3.already-on-cleanse {
        padding-right: 0px;
    }
    .sidebar .social-plugins .twitter-plugin {
        width: 100%;
    }
    .dashboard-grid-container .sidebar .twitter-plugin iframe {
        max-width: 300px !important;
    }


    .membership-details-container .maintenance-support .price:after {
        top: -8px;
    }
    .membership-details-container .maintenance-support .price {
        width: auto;
    }

}


.modal-screen {
    z-index: 20;
}

.sucess-container{
    padding: 0 15px;
    max-width: 805px;
    margin: 0 auto;
    padding-top: 12px;

}

.todays-action-step-acc .accordian-content .btn.btn-next {
    width: 100%;
    max-width: 140px;
}

.manual-pref-video .btn {
    display: inline-block;
} 

.manual-pref-video .prep-vidoes-btn-center.download-cleanse-manual:hover, .manual-pref-video .prep-vidoes-btn-center.download-cleanse-manual:focus {
    background: #BA2153;
    color: #fff;
    border-color: #BA2153;
}
.manual-pref-video .prep-vidoes-btn-center.download-cleanse-manual {
    margin-right: 13px;
}

.manual-pref-video {
    text-align: left;
}

.pika-table .pika-button:hover {
    color: #fff !important;
}
.pika-table .is-selected .pika-button, .pika-table .has-event .pika-button {
    background: #BA2153;
    box-shadow: inset 0 1px 3px #BA2153;
}
.pika-table .is-today button {
    color: #666 !important; font-weight: 500;
}

.pika-table  .is-today.is-selected .pika-button {
    color: #fff !important;
}




.dropdown
a.recipe-filter-check  {
    position: relative;
}
.recipe-filter-dropdown .dropdown a.recipe-filter-check .checkbox {
    top: 12px;
    left: 13px;
}
.dropdown
a.recipe-filter-check.checkbox-checked
.checkbox label:hover::after {
    opacity: 0;
}
.dropdown
a.recipe-filter-check.checkbox-checked .checkbox label::after {
    opacity: 1;
}


/*   06-13-2019  */
.navigation-dropdown {

    position: relative;

}
.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown {
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    overflow: visible;
    max-height: 60vh;
    background: #fff;
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown .close-filter {
    background: #BA2153;
    color: #fff;
    padding: 5px 30px;
    font-size: 14px;
    text-transform: uppercase;
    min-height: 30px;
    float: right; 
}

.close-filter .clodeicon {

    float: right;
    background: #fff;
    color: #BA2153;
    width: 17px;
    height: 17px;
    border-radius: 10px;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    margin-left: 7px;
    margin-top: 4px;

}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown ul li {
    width: auto;
    padding: 0px 0px 0px;
    float: left;
    width: 100%;
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown ul li a {
    padding: 7px 10px 7px;	
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown ul li  a.recipe-filter-check .checkbox {
    top: 13px;	
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .navigation-dropdown input.ember-text-field {
    width: 100%;
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown ul {
    width: 100%;
    float: left;
    padding-left: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
    max-height: 50vh;
    overflow: auto;
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown  .btn-outer {
    padding: 0px 20px;
}
.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown  .btn-outer a {
    margin-bottom: 15px; 
}

.dropdown.search-bar {
    width:  100%; max-width: 100% !important;
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown  .btn-outer.pull-left {
    float: left;
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown  .btn-outer.pull-right{
    float: right;

}

.has-event .pika-button, .is-selected .pika-button {
    color: #fff;
    font-weight: 500;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}


/*    */





.recipe-filter-dropdown .dropdown a.recipe-filter-check {
    position: relative;
    float: left;
    width: 100%;
}
.dashboard-grid-container .recipe-list .recipe-filter-dropdown .outer-div-list.dropdown ul li {
    padding-left: 6px; padding-right: 6px;
}

.dashboard-grid-container .recipe-list .recipe-filter-dropdown .active-filters-container h5 { 		
    margin-top: 25px;	

}


#meal-type-fields .show-container .recipe-filter-dropdown .ember-basic-dropdown-content-wormhole-origin {
    z-index: 9999;	
}
#meal-type-fields.loader{
    text-align:center;
    width:100%;
}

.dashboard-accordians .recipe-filter-dropdown .dropdown {
    -moz-box-shadow: 0px 0px 5px #909090;
    -webkit-box-shadow: 0px 0px 5px #909090;
    box-shadow: 0px 0px 5px #909090;
}
.menu-open  .nav-toggle-wrapper {
    z-index: 30;
}
@media only screen and (max-width: 420px) {
    .dashboard-accordians .accordian-content .cleanse-day-wrapper .step .step-title {
        width: 75%;
    }
}
@media only screen and (max-width: 1014px) {
    .dashboard-accordians .accordian-content  .cleanse-complete .step.step-block-1 {
        display: block;
        margin-top: 20px;
    }
}

.cleanse-complete .step {
    display: block;
    grid-template-columns: repeat(0, 2fr);
    grid-template-rows: 14px auto;
    min-height: 130px;
    margin-top: 24px;
}
/**********************   22-07-2019   *************************************/

/* @media only screen and (max-width: 767px) {


.wellness-custom-modal.modal-scrollStyle #wellness-eval-model #modal {
  max-width: 100%;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  overflow: visible !important;
  padding-left: 0px;
  padding-right: 0px;
}

.wellness-custom-modal.modal-scrollStyle #wellness-eval-model #modal .wellness-eval {
  max-height: 72vh;
  overflow: auto !important;
  padding: 0px 16px;
} */

.confirm-phone.thanks-div p {

    color: #BA2153;
    font-size: 13px;
    padding-left: 48px;
    margin-top: 0px;

}

.error-msg.empty-fields.food-entry{
    font-size: 16px;
}

.edit-account-wrapper .btn.editBtn {
    margin-right: 10px;
}
.change-password-model .modal-screen .modal {
    max-width: 600px;
}
.change-password-model .modal-screen .modal h2 {
    margin-top: 0px;
    padding-right: 30px;
}

.change-password-model .modal-screen .modal input[type="text"], 
.change-password-model .modal-screen .modal input[type="password"] {
    width: 100%;
    top: 10px;
    margin: 10px 0px;
}
/*
.modal-container .modal-screen .modal {
    padding: 0px; overflow: visible; 
}
.modal-container .modal-screen .modal .modal-content > .ember-view {
    padding: 50px;  padding-bottom: 30px;
    overflow: auto; max-height: 70vh;
}
*/
.modal-container .modal-screen .modal .modal-content > .ember-view form {
    margin-bottom: 20px;
}

.modal-container .modal-screen .modal .modal-content select.line-select {
    width: 42%;
    margin: 5px 5px 0px; color: #787878; font-size: .9em;
}
.print-recipe{
    float: right;
    max-width: 30px;
    line-height: 40px;
}
.print-recipe img{
    vertical-align: unset;
}
.recipe-model .modal-screen .modal{
    width: 40vw;
    min-height: 200px;
    align-items: center;
    text-align: center;
}
#submit-editaccount[disabled="disabled"]{
    background-color: #eeecec;
}
#submit-editaccount[disabled="disabled"]:hover, 
#submit-editaccount[disabled="disabled"]:focus {
    color: #BA2153 !important;
}

@media print {
    .print-recipe{
        display: none;   
    }
    .header-logo-full img {
        text-indent: -9999px;
        width: 181px;
height: 89px;
display: block;
    }

    @page { margin: 0; }
    body { margin: 1.6cm; }
    
    p.footerText {
      display: none;
    }

    .header-user.header-user-divider{
        display: none;   
    }
    #recipe-single-buttons{
        display: none;   
    }
    .footer,.basebar-grid-container,.coach-float,.separator.magenta{
        display: none !important;   
    }
    .no-image .single-image{
        display: none;
    }
    #recipe-single-buttons {
     display: none!important;
    }
    .nav-toggle, .header-logo-mobile img,.nav-toggle-wrapper,.coach-flash-msg{ 
        display:none !important;
     }   
   
}
/*************************   24-10-2019 starts  *******************************/
.welcome-modal.modal-container .modal-screen .modal .modal-content > .ember-view {
    max-height: 90vh;
}
.text-left {
    text-align: left;
}
.outlet-grid-container .recipe-single ul li:before {
    top: 5px;
    line-height: 15px;
    height: 10px;
}

.outlet-grid-container .recipe-single ul li  {
    width: 100%; float: left;
}
.recipe-single-container ,
.recipe-single .recipe-single-container  ul ,
#recipe-single-buttons ,
.outlet-grid-container .recipe-single  h4 {
    float: left;
    width: 100%;
}
.recipe-single-container h4 {
    line-height: 1.4;
}
.recipe-single .recipe-single-container + .separator.magenta {
    margin-top: 16px;
    float: left;
    width: 100%;
}


@media (max-width: 767px) {   
    .recipe-single .modal-screen .modal {
       width: 92vw !important;
    }
    .recipe-model .modal-container.ember-view .modal{
        padding: 50px;
    }
    .recipe-model .modal-container.ember-view .modal h2{
        text-align: left;
    }
    .recipe-model .modal-container.ember-view .modal a:first-child  {
        margin-top: 25px;
    }
}
/*************************   24-10-2019 ends *******************************/

/**********************************************/
div#recipe-page ,
 .recipe-single ul ,
 .recipe-single ul li ,
.recipe-single h1, 
.recipe-single .separator.magenta ,
.recipe-single h4, 
.recipe-single .title-description , 
.recipe-single .recipe-single-container , 
.recipe-single .recipe-single-container .img-outer ,
.recipe-single #recipe-single-buttons  {
    width: 100%; float: left;
}
.recipe-single .recipe-single-container .img-outer img {
   float: left;
}
.recipe-single ul li {
line-height: 20px;
margin-left:20px
}

.outlet-grid-container .recipe-single ul li:before {
    top: 10px;
    line-height: 0px;
}

@media print {
    body, h1, h2, h3, ol, ul, div, span, p {
        display: block !important;
        width: auto !important;
        float: none !important;
        position: static !important;
        overflow: visible !important;
    }
    .footerText {
        display: none!important;
      }
      .header-grid-container .header-user span.header-link {
         display: none!important;
    }
    .header-grid-container .header-logo
    {
      display: none;
    }
    .header-grid-container .header-logo img {
        width:120px!important;
       
    }
    .header-grid-container .header-logo-full img {
        width:120px!important;
       
    }
    h4 {
        margin:8px!important;
     }
}

/***************** checkbox hover effect css starts ************/

.dropdown a.recipe-filter-check.checkbox-checked .checkbox label:hover::after {
    opacity: 1;
}

.outer-div-list.dropdown .checkbox a.recipe-filter-check.checkbox-checked label::after {
    opacity: 1;
}

.ember-power-select-trigger {
    padding: 10px 10px;
}
.ember-power-select-options{
padding: 0px;
}

.ember-power-select-search {
    padding: 10px 10px;
}
.ember-basic-dropdown {
    position: relative; }
  
  .ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
    box-sizing: border-box; }
  
  .ember-basic-dropdown-content {
    position: absolute;
    width: auto;
    z-index: 1000;
    background-color: #ffffff; }
  
  .ember-basic-dropdown-content--left {
    left: 0; }
  
  .ember-basic-dropdown-content--right {
    right: 0; }
  
  .ember-basic-dropdown-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    pointer-events: none; }
  
  .ember-basic-dropdown-content-wormhole-origin {
    display: inline; }
  
  .ember-power-select-dropdown * {
    box-sizing: border-box; }
  
  .ember-power-select-trigger {
    position: relative;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-radius: 4px;
    background-color: #ffffff;
    line-height: 2.50;
    overflow-x: hidden;
    text-overflow: ellipsis;
    min-height: 2.50em;
    user-select: none;
    -webkit-user-select: none;
    color: inherit;
    /* Minimum clearfix for modern browsers */ }
    .ember-power-select-trigger:after {
      content: "";
      display: table;
      clear: both; }
  
  .ember-power-select-trigger:focus,
  .ember-power-select-trigger--active {
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    box-shadow: none; }
  
  .ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
  .ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  
  .ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  
  .ember-power-select-placeholder {
    font-weight: 100;
    color: #787878;
    display: block;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
  }
  .ember-power-select-status-icon {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #aaaaaa transparent transparent transparent; }
    .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
      transform: rotate(180deg); }
  
  .ember-power-select-clear-btn {
    position: absolute;
    cursor: pointer; }
  
  .ember-power-select-trigger-multiple-input {
    font-family: inherit;
    font-size: inherit;
    border: none;
    display: inline-block;
    line-height: inherit;
    -webkit-appearance: none;
    outline: none;
    padding: 0;
    float: left;
    background-color: transparent;
    text-indent: 2px;
    /* There's a browser bug where this selectos cannot be chained with commas */ }
    .ember-power-select-trigger-multiple-input:disabled {
      background-color: #eeeeee; }
    .ember-power-select-trigger-multiple-input::placeholder {
      opacity: 1;
      color: #999999; }
    .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
      opacity: 1;
      color: #999999; }
    .ember-power-select-trigger-multiple-input::-moz-placeholder {
      opacity: 1;
      color: #999999; }
    .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
      opacity: 1;
      color: #999999; }
  
  .ember-power-select-multiple-options {
    padding: 0;
    margin: 0; }
  
  .ember-power-select-multiple-option {
    border: 1px solid gray;
    border-radius: 4px;
    color: #333333;
    background-color: #e4e4e4;
    padding: 0 4px;
    display: inline-block;
    line-height: 1.45;
    float: left;
    margin: 2px 0 2px 3px; }
  
  .ember-power-select-multiple-remove-btn {
    cursor: pointer; }
    .ember-power-select-multiple-remove-btn:not(:hover) {
      opacity: 0.5; }
  
  .ember-power-select-search {
    padding: 4px; }
  
  .ember-power-select-search-input {
    border: 1px solid #aaaaaa;
    border-radius: 0;
    width: 100%;
    font-size: inherit;
    line-height: inherit;
    padding: 0 5px; }
    .ember-power-select-search-input:focus {
          box-shadow: none; }
  
  .ember-power-select-dropdown {
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    line-height: 1.75;
    border-radius: 4px;
    box-shadow: none;
    overflow: hidden;
    color: inherit; }
  
  .ember-power-select-dropdown.ember-basic-dropdown-content--above {
    border-top: 1px solid #aaaaaa;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  
  .ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
    border-top: none;
    border-bottom: 1px solid #aaaaaa;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  
  .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
    width: 100%; }
  
  .ember-power-select-options {
    list-style: none;
    margin: 0;
    padding: 0;
    user-select: none;
    -webkit-user-select: none; }
    .ember-power-select-options[role="listbox"] {
      overflow-y: auto;
      /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
      -webkit-overflow-scrolling: touch;
      max-height: 12.25em; }
  
  .ember-power-select-option {
    cursor: pointer;
    padding: 0 8px; }
  
  .ember-power-select-group[aria-disabled="true"] {
    color: #999999;
    cursor: not-allowed; }
  
  .ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
  .ember-power-select-option[aria-disabled="true"] {
    color: #999999;
    pointer-events: none;
    cursor: not-allowed; }
  
  .ember-power-select-option[aria-selected="true"] {
    background-color: #dddddd; }
  
  .ember-power-select-option[aria-current="true"] {
    background-color: #BA2153;
    color: #ffffff; }
  
  .ember-power-select-group-name {
    cursor: default;
    font-weight: bold; }
  
  .ember-power-select-trigger[aria-disabled=true] {
    background-color: #eeeeee; }
  
  .ember-power-select-trigger {
    padding: 0 16px 0 0; }
  
  .ember-power-select-selected-item, .ember-power-select-placeholder {
    margin-left: 8px;
    font-size:14px;
    margin-top: 5px;
 }
  
  .ember-power-select-status-icon {
    right: 5px; }
  
  .ember-power-select-clear-btn {
    right: 25px; }
  
  .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
    padding-left: 24px; }
  
  .ember-power-select-group .ember-power-select-group .ember-power-select-option {
    padding-left: 40px; }
  
  .ember-power-select-group .ember-power-select-option {
    padding-left: 24px; }
  
  .ember-power-select-group .ember-power-select-group-name {
    padding-left: 8px; }
  
  .ember-power-select-trigger[dir=rtl] {
    padding: 0 0 0 16px; }
    .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
      margin-right: 8px; }
    .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
      float: right; }
    .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
      float: right; }
    .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
      left: 5px;
      right: initial; }
    .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
      left: 25px;
      right: initial; }
  
  .ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
    padding-right: 24px; }
  
  .ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
    padding-right: 40px; }
  
  .ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
    padding-right: 24px; }
  
  .ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
    padding-right: 8px; }
/***************** checkbox hover effect css ends ************/

/* Recipes list page new design starts */

.recipe_list_new .recipe_search_filters .ember-view{
    display: inline-block;
} 
.recipe_list_new .recipe_search_filters .ember-basic-dropdown{
    width: calc(100% - 170px);
    padding-right: 12px;
}

.recipe-list .recipe_list_new  .show-container {
    margin-right: 2%;
}
.dashboard-grid-container.ember-view .dashboard-accordians .recipe_list_new .recipe-filter-dropdown .navigation-dropdown .coco-dropdown-trigger{
    padding: 8px 10px;
}
.recipe_search_filters .recipe_btn_show_hide{
    background-color: #ffff;
    color: #BA2153;
    border-width: 0;
    box-shadow: 0 0 5px #b7aaae;
    text-transform: capitalize;
}
.recipe_search_filters .sh_filter{
    vertical-align: middle;
}
.recipe_list_new .clear-filter
{
    color: #BA2153;
}
.recipe-filter-dropdown.ingredient_dropdown .ember-basic-dropdown-content-wormhole-origin{
    position: unset;
}
.ingredient_dropdown .ember-power-select-trigger{
    background-color: #ececec;
    border: none;
    min-height: 41px;
}
.ember-power-select-options.ember-view li {
    font-size: 14px;
    float: left;
    width: 100%;
    padding: 10px 10px 10px;
    line-height: 18px;
}
.ember-power-select-options.ember-view .ember-power-select-option[aria-current="true"] {
    background-color: #D3D1D4;
    color: #787878;
}

.ember-power-select-options.ember-view .ember-power-select-option:before {
    display: none;
}
.recipe-filter-dropdown.ingredient_dropdown .navigation-dropdown .ember-power-select-status-icon:before {
    border-bottom: 8px solid #787878;
    top: 11px;
 }
    
.recipe-filter-dropdown.ingredient_dropdown .navigation-dropdown .ember-power-select-status-icon:after {
    border-top: 8px solid #787878;
    top: 55%;
}
.recipe-filter-dropdown.ingredient_dropdown .navigation-dropdown  .ember-power-select-status-icon {
  border: 0px;
  height: 41px;
}  
.recipe-filter-dropdown.ingredient_dropdown .ember-power-select-trigger .ember-power-select-status-icon  {
    right: 8px;
}
.recipe-filter-dropdown.ingredient_dropdown .ember-power-select-trigger[aria-expanded="true"] .ember-power-select-status-icon {
     right: 22px;
}


.recipe-filter-dropdown.ingredient_dropdown .navigation-dropdown .ember-power-select-status-icon:after , 
.recipe-filter-dropdown.ingredient_dropdown .navigation-dropdown .ember-power-select-status-icon:before {
    content: '';
    position: absolute;
    right: 3%;
    background-color: transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

#meal-type-fields.recipe_list_new .recipe_list_outer {
    border: 2px solid #eae7e7;
    padding: 10px 10px 0px;
    }

.selecttype-outer .show-container:nth-of-type(even) {
        margin-right: 0px;
 }
 .ingredient_dropdown .ember-basic-dropdown-content ul li.ember-power-select-option{
    padding: 0px;
    position: relative;
    line-height: 13px;
    vertical-align: middle;
    float: left;
    width: 100%;
}
.ingredient_dropdown .ember-basic-dropdown-content ul li.ember-power-select-option.ember-power-select-option--no-matches-message{
    line-height: 40px;
    font-size: 13px;
    padding-left: 5px;
}
.ingredient_dropdown li.ingredient_item {
    padding: 0px !important;
}
.ingredient_dropdown li.ingredient_item:hover{
	background-color:#D3D1D4
}
.ingredient_dropdown .ember-power-select-options.ember-view .ember-power-select-option[aria-current="true"]{
    background-color: #ffffff;
}
.ingredient_dropdown li.ingredient_item::before {
    content: "";
    padding-right: 0;
    margin-left: 0;
    font-size: 1em;
    line-height: 1em;
}
.ingredient_dropdown .ingredient_item a.recipe-filter-check {
    float: left;
    width: 100%;
    padding: 12px 6px 12px;
}
.ingredient_dropdown .ingredient_item .checkbox {
    top: 12px;
    left: 13px;
    position: absolute;
    margin: 0px auto;
}
.ingredient_dropdown .ingredient_item span.recipe-label {
    padding-left: 31px;
    font-size: 13px;
    color: #787878;
}
.ingredient_dropdown .ember-power-select-search-input{
    font-size: 13px;
}
.fav_tab{
    float: right;
    font-size: 13px;
    color: #ba2154;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 22px;
    background-size: contain;
    padding-right: 6px;
    font-style: normal;
}
.norecipe_record{
    text-align: center;
    color: #BA2153;
    padding-top: 10px;
    font-size: 20px;
}
.fav_tab.fav_active{
    background-image: url('/assets/images/recipes/favorites_active.png');
}
.fav_tab.fav_inactive{
    background-image: url('/assets/images/recipes/favorites.svg');
}
.ingredient_dropdown .ingredient_item span.recipe-label {
    display: inline-block;
}
.ingredient_dropdown .ember-power-select-selected-item, .ember-power-select-placeholder{
    margin-top: 2px;
}
.recipe-title.new_title a{
    color: #787878;
}
.recipe-title.new_title a:hover {
    color: #BA2153;
}
.recipes_total {
    color: #BA2153;
    margin-bottom: 0px;
    font-size: 15px;
}
.recipe-aligned:first-child {
    margin-top: 20px;
}

/* Recipes list page new design ends */

/* account page annual price changes */
span.year_extratext_act {
    display: block;
    font-size: 13px !important;
    font-weight: 300 !important;
    padding: 10px 0 0 0;
    line-height: 20px;
    opacity: .8;
    width: 100%;
    clear: both;
    text-align: left;
}
/* coach popup success css */
.coach-flash-msg{
    display:none;
    color: #fff;
    background: #578002;
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 25px;
    z-index: 9999;
    width: 320px;
    text-align: center;
    border-radius: 12px;
}
.coach-flash-msg p {
    margin: 0px;
}
.close_coach_msg {
    position: absolute;
    top: 8px;
    right: 12px;
    background: #fff;
    border-radius: 60px;
    height: 16px;
    width: 16px;
    line-height: 0px;
    cursor: pointer;
}
.close_coach_msg span {
    color: #578002;
    font-size: 14px;
    text-align: center;
    top: 5px;
    position: relative;
}
.coach-flash-msg.error {
    background: #ef214a;
}
.coach-flash-msg.error .close_coach_msg span{
    color: #ef214a;
}
/* membership plans new ui on my account page */
#awesome-coco-products-embed .acct_mem_plans .products{
    display: block;
}
#awesome-coco-products-embed .acct_mem_plans .products .product-wrapper{
    padding: 20px 40px;
}
.hideMyAccountPlans .acct_mem_plans .title, .showMyAccountPlans .acct_mem_plans .title{
    text-align: left;
    font-size: 24px !important;
    margin-bottom: 8px !important;
    font-weight: 400 !important;
}
.acct_mem_plans .plan_left_con {
    width: 350px;
    float: left;
}
.acct_mem_plans .plan_right_con {
    width: auto;
    float: right;
    padding: 28px 0;
    text-align: right;
}
.acct_mem_plans .product-wrapper.Year .plan_right_con{
    padding:14px 0 28px 0;
}
.acct_mem_plans .product-wrapper.Year .plan_right_con .plan_select{
    margin-top:14px;
}
.plan-title {
    float: left;
    width: 100%;
    text-align: left;
}
.plan-title .main-price,.plan-title .sub-price{
    float: left;
    font-size: 34px;
}
.plan-title .main-price{
    width: 98px;  
}
.plan-title .sub-price{
    width: auto;
}
.plan-title .plan-plus {
    width: 40px;
    float: left;
    font-size: 30px;
    font-weight: 400;
    padding-top: 6px;
}
.plan-title sub {
    font-size: 14px !important;
    display: block;
    padding-top: 2px;
    font-weight: 300;
}
.plan_sub_text {
    display: block;
    text-align: right;
    position: relative;
    margin-bottom: 22px;
    font-size: 16px !important;
    padding-right: 42px;
}
.acct_mem_plans .plan_right_con .plan_select {
    text-transform: capitalize;
    margin-right: 22px;
    width: 150px;
    height: 40px !important;
    line-height: 20px;
}
h1.plan-title-single {  
    float: left;
    width: 100%;
    text-align: left;
    font-size: 34px;
}
h1.plan-title-single sub{
    font-size: 14px !important;
    display: block;
    padding-top: 2px;
    font-weight: 300;
}
.showMyAccountPlans .acct_mem_plans .products .product-wrapper .mem_plan_body {
    height: 0;
    display: none !important;
}
.showMyAccountPlans .acct_mem_plans .products .product-wrapper .mem_plan_body.open {
    height: auto;
    border-top: 2px dotted #BA2154;
    padding:12px 20px !important;
    display: inline-block !important;
}
.showMyAccountPlans .acct_mem_plans .products .product-wrapper.Year .mem_plan_body.open{
    border-top:2px dotted #7F0D3E;
}
.awesome-coco-products-embed-wrapper.acct_mem_plans .inner .products .product-wrapper .mem_plan_body ul.plan_desc_left {
    width: 50%;
    float: left;
    margin-left: 0px;
    margin-bottom: 5px;
}
.awesome-coco-products-embed-wrapper.acct_mem_plans .inner .products .product-wrapper .mem_plan_body  ul.plan_desc_right {
    width: 50%;
    float: left;
    margin-left: 0px;
    margin-bottom: 5px;
}
#awesome-coco-products-embed .acct_mem_plans .product-wrapper{
    padding:0px !important;
}
.product-wrapper .mem-plan-expander {
    display: block;
    position: relative;
    padding: 18px 40px 18px 40px !important;
}
#awesome-coco-products-embed.showMyAccountPlans .acct_mem_plans .products .product-wrapper.Year {
    background-color: #BA2154 !important;
}
#awesome-coco-products-embed .all-caps img {
    padding-left: 10px;
    width: 32px;
}
#awesome-coco-products-embed .all-caps img {
    padding-left: 10px;
    width: 32px;
}
.plan_right_con span img {
    width: 12px;
}
.acct_mem_plans .plan_right_con .plan_select:hover{
    background: none;
}
@media (max-width: 767px){
    .acct_mem_plans .plan_left_con {
        width: 100%;
    }
    .acct_mem_plans .plan_right_con {
        width: 100%;
        text-align: center;
        padding: 20px 0 0 0;
    }
    .acct_mem_plans .plan_right_con .plan_select{
        display: inline-block;
        margin: 0px;
        margin-right: 10px;
    }
    .plan-title{
        text-align:center;
    }
    .plan-title .plan-plus{
        text-align: center;
        display: inline-block;
        float:none;
        position: relative;
        top: -5px;
    }
    .plan-title .main-price, .plan-title .sub-price{
        font-size: 28px;
        display: inline-block;
        text-align: left;
        float: none;
    }
    h1.plan-title-single{
        font-size: 28px;
        text-align: center;
    }
    h1.plan-title-single sub, .plan-title sub{
          padding-top: 5px;
    }
    .awesome-coco-products-embed-wrapper.acct_mem_plans .inner .products .product-wrapper .mem_plan_body ul.plan_desc_left{
        width:100%;
        margin-bottom: 0px;
    }
    .awesome-coco-products-embed-wrapper.acct_mem_plans .inner .products .product-wrapper .mem_plan_body ul.plan_desc_right{
        width:100%;
        margin-top: 0px;
    }
    .plan_sub_text{
        text-align: center;
        padding-right: 0px;
    }
    .plan-title .main-price {
        width: auto;
        display: inline-block;
    }
    .acct_mem_plans .plan_right_con span {
        position: absolute;
        top: 20px;
        right: 30px;
    }
    .hideMyAccountPlans .acct_mem_plans .title, .showMyAccountPlans .acct_mem_plans .title{
        text-align:center;
    }
    span.year_extratext_act{
        text-align: center;
    }
    .acct_mem_plans .product-wrapper.Year .plan_right_con {
        padding: 14px 0 0 0;
    }
    .acct_mem_plans .product-wrapper.Year .plan_right_con .plan_select{
        margin-top:0px;
    }
}