/* #GENESIS POSTUPDATE FIXES */

embed, iframe, img, object, video, .wp-caption {
    max-width: 100%;
}

img {
    height: auto;
}

.genesis-nav-menu {
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
}

.genesis-nav-menu a {
    display: block;
}

.sidebar p,
.entry-content p,
.entry-content ul li,
.entry-content ol li { font-size: 1rem; }

.sidebar h2 {
    font-size: 35px;
    font-weight: 400;
}
.sidebar h2.fw--medium { font-weight: 500; }

.entry-content ol,
.entry-content ul {
    margin-bottom: 28px;
    margin-left: 40px;
}

.entry-content ol > li {
    list-style-type: decimal;
}

.entry-content ul > li {
    list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
    margin-bottom: 0;
}

.entry-content code {
    background-color: #333;
    color: #ddd;
}

.genesis-nav-menu .sub-menu {
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition:         opacity 300ms ease-in-out;
    transition:         opacity 300ms ease-in-out;
    z-index: 99;
}

.genesis-nav-menu .menu-item:hover>.sub-menu {
    left: auto;
    opacity: 1;
}

.genesis-nav-menu li.txt--pink a {
    color: #e54e89;
}

.widget {
    word-wrap: break-word;
}

input, select, textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    padding: 16px 20px;
}

textarea {
    resize: vertical;
}

.alignleft {
    float: left;
    text-align: left;
}

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

a.alignleft, img.alignleft, .wp-caption.alignleft {
    margin: 0 20px 0 0;
}

a.alignright, img.alignright, .wp-caption.alignright {
    margin: 0 0 24px 24px;
}

img.centered, .aligncenter {
    display: block;
    margin: 0 auto 24px;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img { -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out }

.title-area {
    padding: 10px 0;
}

h1,
.entry-title {
    font-size: 2.8125rem; /* 45px */
}

h1.h1--sm {
    font-size: 40px;
    line-height: 1.2;
}


/* end of genesis postupdate fixes */

:root {
    font-size: 16px;
}

/* #BASIC */

body {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.menu-triggered {
    overflow: hidden;
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
}

h2 {
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
}
h2.txt--initial { text-transform: initial; }
h2.fw--regular { font-weight: 400; }
h2.h2--lg  { font-size: 38px; }
h2.h2--lgx {
    font-size: 60px;
    line-height: 1.2;
}
h2.h2--xl  { font-size: 66px; }
h2.h2--xxl  { font-size: 85px; }

h3 {
    line-height: 1;
    font-weight: 500;
    font-size: 2rem; /* 32px */
}

h4 {
    font-size: 1.5rem; /* 24px */
}
.h4--lg { font-size: 26px; }

h5 {
    font-size: 1.125rem; /* 18px */
}

h6 {
    font-size: 0.875rem; /* 14px */
}


a {
    color: #e44e88;
}

a:hover,
a:focus {
    /* color: #ed7aa8; */
    text-decoration: underline;
}

a.txt--black-gray:hover,
a.txt--black-gray:focus {
    color: #ed7aa8;
    text-decoration: none;
}

::-webkit-input-placeholder {
    color: #727272;
}

:-ms-input-placeholder {
    color: #727272;
}

::-ms-input-placeholder {
    color: #727272;
}

::-moz-placeholder {
    color: #727272;
}

::placeholder {
    color: #727272;
}

::-webkit-input-placeholder {
    color: #727272;
}

::-moz-placeholder {
    color: #727272;
}

::-ms-input-placeholder {
    color: #727272;
}

:-moz-placeholder {
    color: #727272;
}

:-ms-input-placeholder {
    color: #727272;
}

ul.checkmark > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

ul.checkmark > li::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    margin-right: 15px;
}

ul.pink > li::before { color: #f3366a; }

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
    margin: 0 20px 0 0;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    font-size: 2.8125rem; /* 45px */
}

.site-inner {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.sub-heading {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.25rem; /* 20px */
    color: #7f7f7f;
}

.nc_wrapper {
    z-index: 45;
}

/* #POP UP */

.fancybox-stage .fancybox-content {
    overflow: visible;
    margin-top: 50px;
}

.fancybox-stage .fancybox-close-small {
    top: -45px;
    color: #fff;
    padding: 5px;
    right: -10px;
}

.fancybox-close-small:hover,
.fancybox-close-small:focus {
    color: #e44e88;
    background: transparent;
}

.programs-card__content.fancybox-content {
    padding: 20px;
}

.programs-card__content.fancybox-content strong {
    color: #302e35;
    font-weight: 700;
}

.fancybox-content .programs-card__content_title {
    font-size: 2.8125rem; /* 45px */
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    color: #302e35;
}

.fancybox-content .programs-card__content_subtitle {
    display: block;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.4375rem; /* 23px */
    text-align: center;
    color: #302e35;
    text-transform: uppercase;
}

.fancybox-content h5 {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.25rem; /* 20px */
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2;
}

.programs-card__content.fancybox-content {
    font-size: 1rem; /* 16px */
    line-height: 1.313;
    color: #777;
}

.programs-card__content.fancybox-content ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

.programs-card__content.fancybox-content ul li,
.programs-card__content.fancybox-content ol li {
    list-style-type: disc;
    margin-bottom: 0;
}

.fancybox-content .btn--full:focus {
    background: #e44e88;
}

.fancybox-content .btn--empty:focus {
    background: transparent;
    color: #e44e88;
}

.fancybox-content .btn--full:hover {
    background: #ed7aa8;
}

.fancybox-content .btn--empty:hover {
    background: #e44e88;
    color: #fff;
}

.popup-buttons .btn--full {
    border: 1px solid #e44e88;
}

.popup-buttons .btn {
    margin-bottom: 10px;
}

/* #TOP HEADER */

.header-bar-top {
    position: relative;
    background: #302e35;
    padding: 6px 0;
    z-index: 20;
}

.header-bar-top-pink {
    padding: 12px 0;
    position: relative;
    z-index: 20;
    line-height: 1;
}

.header-bar-top-pink a {
    color: white;
    text-decoration: underline;
}

.header-bar-top .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-bar-left {
    color: #fff;
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
    width: 50%;
    text-transform: uppercase;
}
.header-bar-left .btn--sm { max-width: 140px; }

.header-bar-right {
    width: 50%;
    color: #acacac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu-before-header-container {
    text-align: right;
    text-transform: uppercase;
    font-size: 0.9375rem /* 15px */
}

.menu-before-header-container li {
    display: inline-block;
    margin-bottom: 0;
    line-height: 18px;
}

.menu-before-header-container a {
    color: #fff;
    font-size: 0.9375rem; /* 15px */
    padding-right: 15px;
    border-left: 1px solid #acacac;
    padding-left: 15px
}

.menu-before-header-container li:last-child a { padding-right: 0; }

.menu-before-header-container a:hover,
.menu-before-header-container a:focus {
    color: #e44e88;
    text-decoration: none;
}

.menu-before-header-container li:first-child a {
    border-left: 0
}

/* #HEADER */

.site-header {
    position: relative;
    z-index: 50;
    min-height: auto;
    border-bottom: 0;
    background: #fff;
}

.page-template-template-meal-plans .site-header,
.page-template-template-workout-plans .site-header,
.page-template-template-supplements .site-header {
    -webkit-box-shadow: 0 6px 10px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 6px 10px -10px rgba(0, 0, 0, 0.5);
}

.site-header.sticky {
    position: fixed;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    top: 0;
    -webkit-box-shadow: 0 6px 10px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 6px 10px -10px rgba(0, 0, 0, 0.5);
}

/* .site-header.sticky .genesis-nav-menu a {
    padding-top: 15px;
    padding-bottom: 15px;
} */

.site-header.sticky+* {
    margin-top: 75px;
}

.site-header .wrap {
    padding: 0 15px
}

.site-header>.wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu a:focus,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover,
.genesis-nav-menu .sub-menu .current-menu-item>a:focus {
    color: inherit;
    text-decoration: none;
}

.genesis-nav-menu .sub-menu .sub-menu {
    margin: -46px 0 0 235px;
}

.nav-primary .wrap {
    padding: 0;
}

.nav-primary,
.nav-secondary {
    border-bottom: 0;
}

.site-header .nav-primary,
.site-header .title-area {
    width: auto;
}
.quiz--page .site-header .title-area {
    margin: 30px auto;
    width: auto;
}
.quiz--wrap {
    min-height: 650px;
}

.title-area a,
.title-area img {
    display: block;
}

.site-header .nav-primary {
    margin-left: auto;
}

.site-header .nav-primary a {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    color: #302e34;
    text-transform: uppercase;
    font-size: 1.25rem; /* 20px */
    padding: 24px 15px;
    font-weight: 400;
}

.site-header .nav-primary a:hover,
.site-header .nav-primary a:focus,
.site-header .nav-primary .current-menu-item > a {
    text-decoration: none;
    color: #e54e89;
}

.menu-primary .sub-menu li {
    margin-bottom: 0;
}

.menu-primary .sub-menu a {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
    margin-bottom: 0;
}

/*serach-for*/
.custom-search {
    position: relative;
}

.search-form input[type="submit"] {
    font-family: FontAwesome;
}
.search-form input[type="submit"] {
    font-family: FontAwesome;
    background: none;
    border: none;
    color: #888;
    padding-left: 0;
    font-size: 2.2rem;
    vertical-align: middle;
}

.search-form input[type="submit"]:hover {
    background: none;
    border: none;
    color: #333;
}

.genesis-nav-menu .menu-item {
    margin-bottom: 0;
}

.genesis-nav-menu .custom-search a {
    padding-right: 0;
}

.genesis-nav-menu .menu-item,
.genesis-nav-menu .menu-item:hover {
    position: relative;
}

.genesis-nav-menu:not(.menu-secondary)>.menu-item:not(:first-child):before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    width: 1px;
    height: 25px;
    background: #dbdbdb;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-header .genesis-nav-menu {
    position: relative;
}

.site-header .genesis-nav-menu>li.custom-search>a:before {
    font-family: FontAwesome;
    content: "\f002";
    vertical-align: bottom;
    margin-right: 8px;
    color: #E54E89;
    font-size: 20px;
}

.site-header .genesis-nav-menu>li.searchform {
    position: absolute;
    width: 100%;
    display: none;
    top: 0;
    right: 0;
}

.site-header .genesis-nav-menu>li.searchform .search-form input[type="search"] {
    border: solid 2px #e44e88;
    background-color: #fff;
    -webkit-transition: width 300ms ease;
    -o-transition: width 300ms ease;
    transition: width 300ms ease;
    position: absolute;
    right: 0;
}

.site-header .genesis-nav-menu>li.searchform .search-form input[type="submit"] {
    background: none !important;
    border: none;
    clip: inherit;
    color: #e44e88;
    font-family: 'FontAwesome';
    font-size: 1.25rem; /* 20px */
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top;
    width: 60px;
}

.site-header .genesis-nav-menu>li.searchform .search-form {
    position: relative;
    overflow: visible;
}

.site-header .genesis-nav-menu>li.custom-search>a:after {
    background-color: transparent;
}

button.search-button {
    background: #e44e88;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
}

button.search-button:hover {
    background: #ed7aa8;
}

.search-button i {
    font-size: 1.125rem; /* 18px */
}

.menu-toggle {
    position: absolute;
    padding: 7px 6px;
    right: 15px;
    z-index: 1000;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: 2px solid #e6e4e5;
    display: none;
}

.menu-toggle span {
    position: relative;
    background: #e24f86;
    height: 5px;
    width: 25px;
    top: 0;
    display: block;
    margin-bottom: 3px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.sidebar-content aside .menu-toggle,
.content-sidebar .sidebar .widget_nav_menu .menu-toggle,
.faqs__mobile-nav .menu-toggle {
    border: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
}

.sidebar-content aside .menu-toggle span,
.content-sidebar .sidebar .widget_nav_menu .menu-toggle span,
.faqs__mobile-nav .menu-toggle span {
    background: #e44e88;
    width: 100%;
    height: 3px;
    margin-bottom: 4px;
}

.sidebar-content aside .menu-toggle.activated span,
.content-sidebar .sidebar .widget_nav_menu .menu-toggle.activated span,
.faqs__mobile-nav .menu-toggle.activated span {
    margin-bottom: 0;
}

.sidebar-content aside .menu-toggle.activated span:nth-child(1),
.content-sidebar .sidebar .widget_nav_menu .menu-toggle.activated span:nth-child(1),
.faqs__mobile-nav .menu-toggle.activated span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
}
.sidebar-content aside .menu-toggle.activated span:nth-child(2),
.content-sidebar .sidebar .widget_nav_menu .menu-toggle.activated span:nth-child(2),
.faqs__mobile-nav .menu-toggle.activated span:nth-child(2) {
    opacity: 0;
}
.sidebar-content aside .menu-toggle.activated span:nth-child(3),
.content-sidebar .sidebar .widget_nav_menu .menu-toggle.activated span:nth-child(3),
.faqs__mobile-nav .menu-toggle.activated span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -3px;
}

.menu-toggle span:last-child {
    margin-bottom: 0;
}

.sidebar-content aside .menu-toggle span:last-child,
.content-sidebar .sidebar .widget_nav_menu .menu-toggle span:last-child,
.faqs__mobile-nav .menu-toggle span:last-child {
    margin-bottom: 0;
}

.menu-toggle.nav-primary.activated span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px;
}

.menu-toggle.nav-primary.activated span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.nav-primary.activated span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -8px;
}

/* #SUB MENU */

.sub-menu-toggle {
    position: absolute;
    top: 20px;
    right: 0;
    width: 35px;
    max-width: 35px;
    height: 35px;
    background: transparent;
    color: #e44e88;
    display: none;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.nav-secondary .sub-menu-toggle {
    color: #fff;
    top: 5px;
}

.nav-secondary .sub-menu-toggle:hover,
.nav-secondary .sub-menu-toggle:focus {
    color: #fff;
}

.sub-menu-toggle:after {
    content: '\f067';
    font-family: 'FontAwesome';
    font-size: 0.875rem; /* 14px */
    position: absolute;
    top: 5px;
    right: 0;
    left: 0;
}

.sub-menu-toggle.activated:after {
    content: '\f068';
}

.menu-secondary {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.menu-secondary .menu-item.menu-item__all-topics {
    background: #fff;
    color: #302e35;
}

.menu-secondary .menu-item.menu-item__all-topics a {
    color: #302e35;
    font-weight: 500;
}

.menu-secondary .menu-item.menu-item__all-topics a:after {
    bottom: -6px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #e44e88;
    border-width: 10px;
    margin-left: -10px;
}

.menu-secondary .menu-item.menu-item__all-topics a:hover,
.menu-secondary .menu-item.menu-item__all-topics a:focus {
    background: #fff;
}

.sub-menu-toggle:hover,
.sub-menu-toggle:focus {
    background: transparent;
    color: #ed7aa8;
}

.menu-secondary>.menu-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    padding: 7px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #302e35;
    font-size: 18px;
}

.menu-secondary>.menu-item:first-child {
    border-left: 0;
}

.menu-secondary a {
    color: #fff;
    padding: 3px;
}

.menu-secondary a:hover,
.menu-secondary a:focus,
.menu-secondary a:active {
    color: #fff;
    background: #e44e88;
    text-decoration: none;
}

.menu-secondary .current-menu-item,
.menu-secondary .current-menu-parent {
    background: #e44e88;
    color: #fff;
}

.menu-secondary .current-menu-item a {
    color: #fff;
    text-decoration: none;
}

.menu-secondary .sub-menu .current-menu-item a:hover {
    color: #fff;
    text-decoration: none;
}

.menu-secondary .sub-menu {
    background: #302e35;
    border: 0;
    top: 100%;
    width: auto;
    max-width: 300px;
}

.menu-secondary .sub-menu .menu-item {
    padding: 7px;
    border: 0;
    border-top: 1px solid #fff;
}

.menu-secondary .sub-menu .menu-item:hover a { background: #e44e88; }

.menu-secondary .sub-menu a {
    padding: 3px 30px;
    position: relative;
    width: 210px;
    word-wrap: break-word;
}

.menu-secondary .menu-item:hover>.sub-menu {
    top: 100%;
    left: 0;
}

.menu .menu-item>a:focus+ul.sub-menu,
.menu .menu-item.sfHover>ul.sub-menu {
    left: 0;
}

.menu-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* height: 100vh; */
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.menu-overlay.menu-triggered {
    display: block;
    z-index: 20;
}

.menu-overlay.menu-triggered--categories {
    z-index: 55;
}

/* #HERO HOME */
.home .badge {
    position: absolute;
    right: 8%;
    bottom: 30px;
    background-image: url('../images/TheBettyRocker-Kick-Ass-Logo.png');
    background-repeat: no-repeat;
    width: 286px;
    height: 278px;
}

.home-hero {
    background-repeat: no-repeat;
    background-position: calc(50% - 280px) center;
}

.hero__image {
    width: 100%;
    height: 410px;
    background-repeat: no-repeat;
    position: relative;
    background-position: 20% center;
}

.image_rotator {
    background: white;
    text-align: center;
    margin: 0 auto;
}

/* #MASONRY */

.masonry-item {
    margin-bottom: 10px;
    width: calc(50% - 10px);
    border: 1px solid #dbdbda;
}

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

/* #AS SEEM ON */

.as-seen-on {
    background-color: #fff;
    padding: 23px 0;
}

.as-seen-on img { margin: 10px 0 10px 0; }

/* #SOCIAL MEDIA COUNTERS */
.social-media {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    padding-top:    40px;
    padding-bottom: 40px;
}

.social-media .wrap { max-width: 860px; }

.social-media__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-transform: uppercase;
    font-size: 16px;
}
.social-media__item:hover,
.social-media__item:focus,
.social-media__item:active { text-decoration: none; }

.social-media__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    width:  61px;
    height: 61px;
    border: 2px solid #E64D8A;
    border-radius: 50px;
    background-color: #E64D8A;
    font-size: 32px;
    line-height: 1;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-media__item:hover .social-media__icon,
.social-media__item:focus .social-media__icon,
.social-media__item:active .social-media__icon {
    background-color: #ed7aa8;
    border-color: #ed7aa8;
}

.social-media__content {
    display: inline-block;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    color: #302d34;
    font-size: 24px;
    line-height: 1;
}

.social-media__number {
    display: block;
    font-weight: 700;
    line-height: 1.3;
}


/* #CALL TO ACTION */

.cta {
    background-image: url('../images/cta-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.cta>.wrap {
    padding-top: 25px;
    padding-bottom: 15px;
    z-index: 0;
}

.call_to_action_sidebar {
    overflow: hidden;
}

.call_to_action_sidebar .cta h2 {
    font-size: 2.625rem; /* 42px */
}

.call_to_action_sidebar .cta p {
    font-size: 1rem; /* 16px */
}

.call_to_action_sidebar .cta .btn {
    font-size: 1.5rem; /* 24px */
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 245px;
    margin: 0;
}

.call_to_action_sidebar .cta .cta-free-mobile,
.cta--404 .cta-free-mobile {
    display: inline;
    max-width: 62px;
    -webkit-transform: translate(10px, 8px);
    -ms-transform: translate(10px, 8px);
    transform: translate(10px, 8px);
}

.cta.cta--double-bg>.wrap:before {
    content: '';
    position: absolute;
    display: block;
    width: 250px;
    height: 100%;
    left: -150px;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.cta.cta--double-bg-sidebar>.wrap:before {
    background-size: cover;
}

.cta.cta--widget-bg-right>.wrap:before {
    width: 180px;
    left: auto;
    right: 0;
    background-position: left center;
}

.cta__5day-food-img {
    max-width: 185px;
    margin: -25px auto -15px;
}

.cta.cta--food-bg .wrap:before {
    background-image: url("../images/cta-food-bg.png");
}

.cta.cta--betty-bg .wrap:before {
    background-image: url("../images/cta-betty-bg.png");
    background-size: auto;
}

.cta.cta--betty-body-bg .wrap:before {
    background-image: url("../images/cta-betty-body-bg.png");
    left: 0;
    width: 130px;
}

.cta.cta--betty-food-bg .wrap:before {
    background-image: url("../images/betty-rocker.png");
    background-size: 160px;
    background-position-y: 2px;
    width: 155px;
    left: -140px;
}

.cta-free-mobile {
    display: none;
}

.cta-free-desktop {
    max-width: 105px;
    -webkit-transform: translate(5px, -2px);
    -ms-transform: translate(5px, -2px);
    transform: translate(5px, -2px);
}

.cta .btn {
    position: relative;
    z-index: 10;
}

.cta__lower {
    position: relative;
    z-index: 1;
}

.cta__lower--food {
    padding: 120px 0 150px;
    background: url('../images/cta-betty-food.png') no-repeat;
    background-position: calc(50% - 230px) calc(100% + 20px);
    margin-bottom: -50px;
}

.cta__lower--body {
    padding: 100px 0;
    background: url('../images/cta-betty-body.png') no-repeat;
    background-position: calc(50% - 230px) 100%;
}

.cta__lower .free-text {
    vertical-align: bottom;
    -webkit-transform: translate(15px, 2px);
    -ms-transform: translate(15px, 2px);
    transform: translate(15px, 2px);
}

.cta__lower h2 {
    letter-spacing: -2px;
}

.bg--cta {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.bg--cta.call_to_action_1 {
    background-image: url('../images/cta-bg-one.jpg');
}

.bg--cta.call_to_action_2 {
    background-image: url('../images/cta-bg-two.png');
}

.bg--cta.call_to_action_callogen {
    padding-top: 26px;
    padding-bottom: 26px;
}

.bg--cta.call_to_action_callogen .cta--btn {
    margin-left: 120px;
}

.bg--cta.call_to_action_callogen_1 {
    background-image: url('../images/fbc-bottles-inclined.png'), url('../images/abstract.png'), url('../images/fbc-bg-1.jpg');
    background-position: calc(50% + 360px) center, calc(100% + 30px) center, center;
    background-repeat: no-repeat;
    background-size: 225px, auto, cover;
}

.bg--cta.call_to_action_callogen_2 {
    background-image: url('../images/3-bottles-FBC-small.png'), url('../images/fbc-bg-2.jpg');
    background-repeat: no-repeat;
    background-position: calc(50% + 400px) center, center;
    background-size: 250px, cover;
}

.bg--cta.bg--grundge {
    background-image: url('../images/gray-grundge-bg.jpg');
}

.bg--cta.bg--splash {
    background-image: url('../images/banner-splash.jpg');
}

.bg--cta.bg--blue {
    background-image: url('../images/cta-bg-blue.jpg');
}

.bg--cta.call_to_action_22 {
    background-image: url(../images/cta-bg-serenicalm.jpg);
}
.bg--cta.call_to_action_23 {
    background-image: url(../images/cta-bg-serenicalm-2.jpg);
}

.cta-img { background-repeat: no-repeat; }

.cta-img--fruit {
    background-image: url('../images/fruit.png');
    background-size: 100%;
    background-position: bottom center;
    width: 242px;
    height: 125px;
}

/* .cta-img--fbc-bottles-inclined {
    background-image: url('../images/fbc-bottles-inclined.png');
    background-size: 100%;
    background-position: center calc(100%);
    width: 225px;
    height: 203px;
    margin-top: -37px;
    margin-bottom: -37px;
} */

.bg--cta.call_to_action_1 h2,
.bg--cta.call_to_action_1 h2 span,
.bg--cta.call_to_action_1 .cta--text,
.bg--cta.call_to_action_1 p span:before,
.bg--cta.call_to_action_1 p span:after {
    color: #fff;
}

.bg--cta.call_to_action_2 .custom-pink,
.bg--cta.call_to_action_2 .cta--text p span:before,
.bg--cta.call_to_action_2 .cta--text p span:after {
    color: #e54e89;
}

.cta--text h2 {
    font-size: 3rem; /* 48px */
}

.cta--text p {
    font-size: 1.125rem; /* 18px */
    letter-spacing: 7px;
    line-height: 1.4;
}

.cta--btn a {
    font-size: 1.375rem; /* 22px */
    padding: 10px 50px;
}

.cta--text p span:before,
.cta--text p span:after {
    font-family: FontAwesome;
    font-weight: 100;
    content: "\f111";
    font-size: 0.5625rem; /*  9px */
    position: relative;
    top: -2px;
    color: #fff;
}

.call_to_action_callogen .cta--text p {
    letter-spacing: 0.63em;
}

.call_to_action_callogen .cta--text p span:before,
.call_to_action_callogen .cta--text p span:after {
    color: #6f3596;
}

.call_to_action_callogen .cta--text {
    color: #404040;
}

.call_to_action_10 {
    background-image: url('../images/cta-purple-bg.png');
}

.call_to_action_10 .wrap,
.call_to_action_22 .wrap  { max-width: 1050px; }

svg.wholesleep-text, svg.wholesleep-text-1 {
    width: 334px;
}
svg.serenicalm-text {
    width: 400px;

}
svg.serenicalm-text-1 {
    width: 280px;
}
.bg--cta.call_to_action_22 .cta--text,
.bg--cta.call_to_action_23 .cta--text {
    line-height: 0;
} {
    line-height: 0;
}

.cta-img--wholesleep-2bot {
    background-image: url('../images/wholesleep-2bottles.png'), url('../images/moons.png');
    background-position: left bottom, right top;
    width: 290px;
    height: 141px;
}
.cta-img--serenicalm-2bot {
    background-image: url(../images/serenicalm-2bottles.png);
    background-position: left bottom, right top;
    width: 150px;
    height: 135px;
}
.cta-img--serenicalm-2bot-2 {
    background-image: url(../images/serenicalm-2bottles-2.png), url(../images/serenicalm-banner-text.png);
    background-position: right top, left calc(50% + 0px);
    width: 444px;
    height: 130px;
}
.call_to_action_11, .call_to_action_32  {
    background-color: #ead7ee;
    background-image: url('../images/moons-left.png');
    background-position: calc(50% - 590px) top;
    background-size: auto;
}

.call_to_action_33 {
    background: url('../images/bg-vanilla-one.jpg') no-repeat center/cover;
}

.call_to_action_33 .cta-img {
    background-image:  url('../images/vanilla-one.png');
    background-position: center;
    width: 350px;
    height: 130px;
}
.call_to_action_34 {
    background: url('../images/bg-vanilla-two.jpg') no-repeat center/cover;
}
.call_to_action_33 .wrap,
.call_to_action_34 .wrap { max-width: 1000px; }
.call_to_action_34 .cta-img {
    background-image:  url('../images/vanilla-two.png');
    background-position: center;
    width: 440px;
    height: 130px;
}

.call_to_action_11 .cta-img {
    background-image:  url('../images/wholesleep-bottle-inclined.png'), url('../images/sleep-woman.png');
    background-position: right top, left calc(50% + 20px);
    width: 405px;
    height: 130px;
}

.call_to_action_32 .cta-img {
    background-image:  url('../images/wholesleep-bottle-inclined.png'), url('../images/2sleep-woman-2.png');
    background-position: right calc(50% + 20px), left calc(50% + 30px);
    width: 405px;
    height: 130px;
}

.call_to_action_12 { padding: 8px 0; }

.call_to_action_12 .cta-img {
    background-image: url('../images/betty-3-circles.png');
    background-position: center;
    width: 300px;
    height: 115px;
}

.call_to_action_12 .cta--btn a,
.call_to_action_13 .cta--btn a,
.call_to_action_14 .cta--btn a,
.call_to_action_15 .cta--btn a,
.call_to_action_16 .cta--btn a,
.call_to_action_17 .cta--btn a,
.call_to_action_18 .cta--btn a,
.call_to_action_19 .cta--btn a,
.call_to_action_20 .cta--btn a,
.call_to_action_21 .cta--btn a,
.call_to_action_24 .cta--btn a,
.call_to_action_25 .cta--btn a,
.call_to_action_26 .cta--btn a,
.call_to_action_27 .cta--btn a,
.call_to_action_28 .cta--btn a,
.call_to_action_29 .cta--btn a,
.call_to_action_30 .cta--btn a,
.call_to_action_31 .cta--btn a,
.call_to_action_32 .cta--btn a,
.call_to_action_33 .cta--btn a,
.call_to_action_34 .cta--btn a {
    font-size: 26px;
    font-weight: 600;
    padding-left: 55px;
    padding-right: 55px;
}

.call_to_action_13 .wrap,
.call_to_action_14 .wrap,
.call_to_action_15 .wrap,
.call_to_action_16 .wrap,
.call_to_action_17 .wrap,
.call_to_action_18 .wrap,
.call_to_action_19 .wrap,
.call_to_action_24 .wrap,
.call_to_action_25 .wrap,
.call_to_action_27 .wrap { max-width: 1300px; }

.call_to_action_28 .wrap,
.call_to_action_29 .wrap,
.call_to_action_30 .wrap,
.call_to_action_31 .wrap,
.call_to_action_32 .wrap { max-width: 1200px; }



.call_to_action_13 .cta-img {
    background-image: url('../images/betty-3-tiles.png');
    width: 410px;
    height: 130px;
}

.call_to_action_14 .cta-img,
.call_to_action_17 .cta-img {
    background-image: url('../images/bettyrocker_0758.png');
    width: 284px;
    height: 130px;
}

.call_to_action_15 .cta-img {
    background: url('../images/LB1-Workout-Thumb.png');
    width: 332px;
    height: 130px;
    background-position: center;
    background-repeat: no-repeat;
}

.call_to_action_16 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.call_to_action_16 .cta--text {
    margin-right: 45px;
    margin-left:  45px;
}

.call_to_action_16 .cta-img {
    background-image: url('../images/betty-2-circles.png');
    background-position: center;
    width: 200px;
    height: 111px;
}

.call_to_action_18 .heading,
.call_to_action_19 .heading {
    font-size: 65px;
}

.call_to_action_18 .subheading {
    font-size: 33px;
}

.call_to_action_18 .cta-img {
    background-image: url('../images/rly-banner-1.png');
    width: 411px;
    height: 130px;
}

.call_to_action_19 .subheading {
    font-size: 35px;
}

.call_to_action_19 .cta-img {
    background-image: url('../images/rly-banner-2.png');
    width: 470px;
    height: 130px;
}

.call_to_action_20 .heading,
.call_to_action_21 .heading {
    font-size: 48px;
}

.call_to_action_20 .subheading,
.call_to_action_21 .subheading {
    font-size: 54px;
}

.call_to_action_20 .heading-number,
.call_to_action_21 .heading-number {
    font-size: 105px;
    font-weight: 700;
}

.call_to_action_20 .cta-img,
.call_to_action_21 .cta-img {
    background-image: url('../images/rly-banner-3.png');
    width: 268px;
    height: 130px;
}

.call_to_action_24 .cta-img {
    background-image: url('../images/bfs-banner-1.png');
    width: 480px;
    height: 130px;
}
.call_to_action_25 .cta-img {
    background-image: url('../images/bfs-banner-2.png');
    width: 440px;
    height: 130px;
}

.call_to_action_24 .heading,
.call_to_action_25 .heading {
    font-size: 52px;
    line-height: 1;
}
.call_to_action_24 .subheading,
.call_to_action_25 .subheading { font-size: 35px; }

.call_to_action_26 .cta-img {
    background-image: url('../images/30dch-banner-1.png');
    width: 350px;
    height: 130px;
}

.call_to_action_26 .heading {
    font-size: 30px;
    line-height: 1;
}
.call_to_action_26 .subheading { font-size: 40px; }

.call_to_action_27 .cta-img {
    background-image: url('../images/30dch-banner-2.png');
    width: 590px;
    height: 150px;
}
.call_to_action_27 .heading {
    font-size: 37px;
    line-height: 1;
}
.call_to_action_27 .subheading {
    font-size: 69px;
    line-height: 1;
}

.call_to_action_28 .cta-img {
    background-image: url('../images/lioness-banner-1.png');
    width: 330px;
    height: 130px;
}
.call_to_action_28 .heading {
    font-size: 65px;
    line-height: 1;
}
.call_to_action_28 .subheading {
    font-size: 20px;
    line-height: 1;
    margin-left: 15px;
}

.call_to_action_29 .cta-img {
    background-image: url('../images/lioness-banner-2.png');
    width: 230px;
    height: 130px;
    background-position: -60px center;
}
.call_to_action_29 .heading {
    font-size: 74px;
    line-height: 1;
}
.call_to_action_29 .subheading {
    font-size: 24px;
    line-height: 1;
    margin-left: 30px;
}

.call_to_action_30 .cta-img {
    background-image: url('../images/7dmp-banner-1.png');
    width: 360px;
    height: 130px;
}
.call_to_action_30 .heading {
    font-size: 70px;
    line-height: 1;
}
.call_to_action_30 .subheading {
    font-size: 38px;
    line-height: 1;
}

.call_to_action_31 .cta-img {
    background-image: url('../images/7dmp-banner-2.png');
    width: 300px;
    height: 130px;
    margin-right: -130px;
    margin-left: -50px;
}
.call_to_action_31 .heading {
    font-size: 53px;
    line-height: 1;
}
.call_to_action_31 .text {
    font-size: 26px;
    line-height: 1;
}

/* #CAROUSEL */

.home .program-carousel {
    background: #f6f7f8;
}

/* .home .program-carousel-home {
    margin-top: -50px;
} */

/* #EXPLORE MY BLOG */

/* .explore-my-blog {
    padding: 50px 0;
    border-bottom: 1px solid #e44e88;
} */

/* .explore-my-blog__card-wrapper {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.sidebar-content .explore-my-blog__card-wrapper {
    margin-left: 0;
    margin-right: 0;
} */

.btn--img {
    background-position: right bottom;
    background-repeat: no-repeat;
}

.card-image {
    /* height: 194px; */
    padding-bottom: 55.43%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-image: url("../images/full-body-hiit-workout.jpg");
    background-size: cover;
    background-position: center top;
}

.card-content {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    padding-bottom: 20px;
    border-bottom: 3px solid #e44e88;
    height: 100%;
}
.card-content__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.card-content__category {
    font-size: 0.8125rem; /* 13px */
    /* color: #e44e88; */
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
}
.card-content__category .date {
    color: #969495;
    font-size: 12px;
}
.card-content__title a {
    color: #212121;
}

.card-content__title a:hover,
.card-content__title a:focus {
    color: #e44e88;
    text-decoration: none;
}

.card-content__meta {
    font-size: 0.8125rem; /* 13px */
    color: #9fa3a7;
}

.card-content__meta i {
    font-size: 1.125rem; /* 18px */
    vertical-align: bottom;
}

/* #PROGRAMS */

.page-template-template-programs .programs__wrap--meal {
    background-color: #f6f7f9;
}

.page-template-template-programs .testimonials { padding: 60px 0; }

.page-template-template-programs .masonry--gallery {
    background-color: #f6f7f9;
    padding: 60px 0;
}

.page-template-template-programs .programs__wrap--workout .programs-card { background-color: #f6f7f9; }
.page-template-template-programs .programs__wrap--meal .programs-card { background-color: #fff; }

.programs__wrap--meal .wrap {
    max-width: 1010px;
}

.programs-card-wrapper {
    padding: 30px 5px;
}

.page-template-template-workout-plans .programs__wrap--workout {
    background: #fff;
}

.page-template-template-workout-plans .testimonials {
    padding: 80px 0 60px;
    background: #f2f3f4;
}

.page-template-template-workout-plans .programs-card {
    background: #f2f3f4;
}

ul.faqs__category--children {
    display: none;
}

ul.faqs__category--children li {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 18px;
}
ul.faqs__category--children li a {
    position: relative;
    color: #000;
}
ul.faqs__category--children li:last-child { margin-bottom: 0; }

ul.faqs__category--children li a:hover {
    color: #e44d88;
    text-decoration: none;
}
ul.faqs__category--children li a.active {
    color: #e44d88;
    position: relative;
}
ul.faqs__category--children li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e44d88;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
ul.faqs__category--children li a.active::before {
    opacity: 1;
}

.workout-features_description {
    text-align: center;
    margin-bottom: 40px;
}

.workout-features_desc__item {
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 22px;
    background-position: left center;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.1875rem; /* 19px */
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 15px;
}

.workout-features {
    position: absolute;
    top: 0;
    left: 0;
    background: #e44e88;
}

.workout-features__home,
.workout-features__gym {
    height: 40px;
    width: 40px;
    padding: 7px;
}

.workout-features_desc__item:last-child {
    margin-right: 0;
}
.programs_categories .btn--full {
    font-weight: 500;
    letter-spacing: 1px;
}

.programs__wrap--meal .programs-card__title {
    padding-left: 30px;
    padding-right: 30px;
}

.programs-card .btn--sm {
    max-width: 220px;
}

.programs-card:not(.programs-card--single) {
    text-align: center;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    text-transform: uppercase;
    max-width: 306px;
    margin-left: auto;
    margin-right: auto;
}

.programs-card__img {
    height: 195px;
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover; */
}

.programs__wrap--coaching .programs-card__img {
    width: 330px;
    height: 260px;
}

.programs-card__title {
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.programs-card--carousel {
    min-height: 270px;
    width: 100%;
    padding: 15px;
    border-radius: 3px;
    -webkit-box-shadow: 0 25px 20px -20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 25px 20px -20px rgba(0, 0, 0, 0.2);
    background: url('../images/programs-card-bg-white.png') no-repeat top right;
    background-color: #f6f7f8;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

@-moz-document url-prefix() {
    .programs-card--carousel {
        box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.2);
    }
}

.home .programs-card--carousel {
    background: url('../images/programs-card-bg.png') no-repeat top right;
    background-color: #fff;
}

.programs-card--carousel a:hover {
    color: #ed7aa8;
}

.programs-card__img--carousel {
    width: 100%;
    max-width: 130px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 5px;
}

.programs-card--carousel a {
    width: 100%;
}

.programs-card__content {
    display: none;
    width: 100%;
    max-width: 609px;
}

#example-show {
    position: absolute;
    z-index: 999999;
    bottom: -40px;
}

/* #VIDEO EMMBEDED */

.video_emmbeded {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0 40px 100px;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: left bottom;
}

.video_emmbeded--meal {
    background-image: url('../images/chooseplan-bg-1.png');
}

.video_emmbeded--workout {
    background-image: url('../images/chooseplan-bg-2.png');
    max-width: 390px;
}

/*about*/
.box-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-radius: 5px;
    min-height: 275px;
    padding: 30px 40px;
    color: #fff;
    margin: 80px 0;
}
.box-about:nth-child(1) { padding-left:  470px; }
.box-about:nth-child(2) { padding-right: 470px; }

.box-about p:last-child { margin-bottom: 0; }

.box-about img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.box-about:nth-child(1) img { left: 40px; }
.box-about:nth-child(2) img { right: 40px; }

.img--shadow { -webkit-box-shadow: 0 31px 51px 0 rgba(0,0,0,.44); box-shadow: 0 31px 51px 0 rgba(0,0,0,.44); }

/* #ABOUT-ME */

.about-me__img {
    border-radius: 5px;
    max-width: 120%;
}

.about-me__text-wrapper {
    width: 80%;
    max-width: 670px;
}

.page-template-template-flexible h3 {
    font-size: 1.875rem; /* 30px */
    margin-bottom: 20px;
}

.page-template-template-flexible h4 {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.5625rem; /* 25px */
    color: #e44e88;
}

.page-template-template-flexible p {
    font-size: 1.125rem; /* 18px */
    margin-bottom: 25px;
}

.page-template-template-flexible p:last-child { margin-bottom: 0; }

.page-template-template-flexible .cta p {
    margin-bottom: 0;
}

.about-welcome {
    background-repeat: no-repeat;
    background-position: 7% calc(100% + 15px);
    background-size: 38.2%;
    background-color: #f0f1f2;
    padding: 50px 0 50px;
}

.about-mansonry-section--first {
    padding-top: 100px;
    background-color: #e9eaec;
}

.about-me__text {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 30px;

}
.about-me__text p {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 25px;
}

.section-with-separator {
    position: relative;
}

.section-with-separator::before {
    content: "";
    background: #fff;
    background-image: url(../images/leaf-gray-small.svg);
    position: absolute;
    left: 50%;
    bottom: -14px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 60px;
    padding: 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    height: 30px;
}

.section-with-separator::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* transform: translateX(-50%); */
    width: calc(100% - 30px);
    margin: 0 auto;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

.image-only--section img {
    display: block;
}

/* #SUPPLEMENTS */

.quality-support .whole-betty-logo {
    max-width: 370px;
}

img.about-home-img {
    max-width: 300px;
    padding-bottom: 6px;
}

.unicorn-seal {
    padding: 15px 20px 15px 35px;
    border-radius: 5px;
}

.unicorn-seal img {
    margin-right: 20px;
    max-width: 77px;
}

.page-template-template-flexible .text-only--section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.resources-btn:hover,
.resources-btn:focus { text-decoration: none; }

.resources-item__title { -webkit-transition: color 200ms ease-in-out; -o-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }

.resources-btn:hover .resources-item__title,
.resources-btn:focus .resources-item__title { color: #e44e88; }


/* #SUCCESS STORIES */

/*.testimonials { margin-bottom: -500px;}*/

/*.testimonials .owl-stage-outer { padding-bottom: 500px; }*/

.home .testimonials { background-image: -o-linear-gradient(top, #F1F3F5 0%, #fff 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F3F5), to(#fff)); background-image: linear-gradient(180deg, #F1F3F5 0%, #fff 100%); }

.success-stories__title {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}

.success-stories__title h2 span { color: #e44e88; }

.success-stories__button {
    position: relative;
    /*top: -500px;*/
    z-index: 1;
    -webkit-transition: opacity 1s, color 300ms, background-color 300ms;
    /* button fix */
    -o-transition: opacity 1s, color 300ms, background-color 300ms;
    transition: opacity 1s, color 300ms, background-color 300ms;
    /* button fix */
}

.testimonials .owl-theme .owl-nav [class*=owl-] {
    top: 22%;
}

.page-template-template-meal-plans .testimonials {
    padding: 60px 0;
    background: #f2f3f4;
}

.submit-popup {
    width: 100%;
    max-width: 620px;
    padding: 40px 30px;
    background: #f5f6f7 url('../images/add-success-story-bg.png') no-repeat;
    background-position-x: calc(100% + 20px);
    background-position-y: top;
    background-size: contain;
}

.submit-popup .wrap {
    padding-left: 0;
    padding-right: 0;
}

.submit-popup .submit-popup__content {
    max-width: 375px;
}

.submit-popup input,
.submit-popup textarea {
    padding: 10px 15px;
    display: block;
}

.submit-popup textarea {
    resize: none;
    height: 100px;
}

.submit-popup p {
    margin-bottom: 8px;
}

.submit-popup .submit-popup__sub-header {
    line-height: 1.2;
    max-width: 360px;
}

.submit-popup input[type="submit"] {
    max-width: 100%;
    font-size: 1.5rem; /* 24px */
    padding-top: 20px;
    padding-bottom: 20px;
}

.nf-fu-fileinput-button {
    margin-bottom: 0 !important;
}

nf-field {
    display: block;
}

nf-field:nth-child(7),
nf-field:nth-child(8) {
    display: inline-block;
    width: 50%;
}

nf-field:nth-child(7) {
    padding-right: 5px;
    float: left;
}

nf-field:nth-child(8) {
    padding-left: 5px;
    float: right;
}

.btn--upload .btn {
    background: #88b22f;
    font-size: 1rem !important; /* 16px */
    padding: 8px;
}

.btn--upload .btn:hover {
    background: #a5d04a;
}

.btn--upload input[type="file"] {
    display: none !important;
}

.nf-fu-progress {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: absolute;
    top: 37px;
    width: 100%;
    left: 0;
    height: 3px !important;
    background-color: transparent !important;
    margin-bottom: 0 !important;
}
.testimonials-card__content.open {
    position: absolute;
    padding: 20px;
    padding-top: 0;
    left: 0;
    right: 0;
    border-radius: 6px;
    overflow: visible;
    background: white;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.nf-fu-progress-bar {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.files_uploaded {
    padding-top: 5px;
}

.files_uploaded p {
    font-size: 0.75rem; /* 12px */
    line-height: 1.2;
    margin-bottom: 5px;
}

/* #OWL */
#owl-testimonials .wrap {
    max-width: 1270px;
}

.testimonials-card {

    position: relative;
    text-align: center;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
.testimonials-card--big-wrap {
    max-width: 350px;
    margin: 0px auto;
    margin-bottom: 40px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    color: #e44e88;
    padding: 20px 15px 20px 15px;
    height: auto;
    line-height: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 2px solid #e44e88;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 1;
    padding-left: 20px;
}

.custom-select.select--categories + .select2 .select2-selection__rendered:before {
    content: '\f0ca';
    font-family: 'Font Awesome 5 Pro';
    font-size: 24px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #e44e88 transparent transparent transparent;
    border-width: 7px 6px 0 6px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #e44e88 transparent;
    border-width: 0 6px 7px 6px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {

    -webkit-transition: .3s ease-in-out;

    -o-transition: .3s ease-in-out;

    transition: .3s ease-in-out;
}

.select2-container--default .select2-results__option[aria-selected=true] { font-weight: 700; }

.select2-container--default .select2-results>.select2-results__options {
    padding: 10px;
    max-height: 350px;
}

.select2-dropdown {
    border-left: 2px solid #e44e88;
    border-right: 2px solid #e44e88;
    border-bottom: 2px solid #e44e88;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.select2-results__option {
    padding: 10px;
}


/*search form blog category*/
.search-form { position: relative; }

.search-icon-category {
    position: absolute;
    left: 10px;
    top: 20px;
    color: #737373;
    font-size: 22px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.search-form-input-category::-webkit-input-placeholder { color: #737373; }

.search-form-input-category::-moz-placeholder { color: #737373; }

.search-form-input-category:-ms-input-placeholder { color: #737373; }

.search-form-input-category::-ms-input-placeholder { color: #737373; }

.search-form-input-category::placeholder { color: #737373; }

.search-form-input-category {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 22px;
    line-height: 1;
    color: #737373;
    padding: 15px 50px 30px;
    border: 2px solid transparent;
    border-bottom: 2px solid #737373;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.search-form-input-category:focus { border-bottom-color: #e44e88; }
.search-form-input-category:focus ~ .search-icon-category { color: #e44e88; }

/*blog category menu*/
.blog-category-menu {
    position: relative;
    width: 100%;
}
.blog-category-menu__btn {
    max-width: 100%;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    background-color: #fff;
    color: #2e2e2e;
    border: 3px solid #e44e88;
    text-align: left;
    position: relative;
    padding: 28px 50px 28px 30px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.blog-category-menu__btn::before {
    content: '\f078';
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    color: #e44e88;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 15px;
}
.blog-category-menu__btn.active,
.blog-category-menu__btn:focus,
.blog-category-menu__btn:active,
.blog-category-menu__btn:hover {
    background-color: #e44e88;
    color: #fff;
}
.blog-category-menu__btn.active::before,
.blog-category-menu__btn:focus::before,
.blog-category-menu__btn:active::before,
.blog-category-menu__btn:hover::before { color: #fff; }

.blog-category-menu__btn.active::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.menu-categories-menu-container {
    width: 100%;
    background: #fff;
    position: absolute;
    top: calc(100% - 2px);
    display: none;
    z-index: 2;
    -webkit-box-shadow: 0 15px 15px 3px rgba(0,0,0,.2);
    box-shadow: 0 15px 15px 3px rgba(0,0,0,.2);
}

.blog-category-menu__list {
    border: 3px solid #e44e88;
    padding-left: 10px;
    padding-right: 10px;
}
.blog-category-menu__list li {
    margin-bottom: 0;
}
.blog-category-menu__list li > a {
    display: block;
    font-size: 20px;
    padding: 20px;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}
.blog-category-menu__list li a:active,
.blog-category-menu__list li a:focus,
.blog-category-menu__list li a:hover {
    text-decoration: none;
    color: #e44e88;
}
.blog-category-menu__list li a:active::before,
.blog-category-menu__list li a:focus::before,
.blog-category-menu__list li a:hover::before { color: #e44e88; }

.blog-category-menu__list li.menu-item-has-children {
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
}

.blog-category-menu__list li.menu-item-has-children > a {
    padding-bottom: 10px;
}
.blog-category-menu__list li.current-menu-item > a {
    color: #e44e88;
}
.blog-category-menu__list li.menu-item-has-children .sub-menu-toggle {
    display: block;
    padding: 0;
}
.blog-category-menu__list li.menu-item-has-children .sub-menu-toggle::after { display: none; }
.blog-category-menu__list li.menu-item-has-children .sub-menu-toggle::before {
    content: '\f078';
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 5px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 15px;
}
.blog-category-menu__list li.menu-item-has-children .sub-menu-toggle:hover::before { color: #e44e88; }

.blog-category-menu__list .sub-menu {
    display: none;
    padding-bottom: 10px;
}
.blog-category-menu__list .sub-menu li a {
    padding: 12px 35px;
    text-transform: capitalize;
}

/*active state*/
.blog-category-menu__list li.menu-item-has-children.active { background-color: #F1F1F1; }

.blog-category-menu__list li.menu-item-has-children.active .sub-menu-toggle::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #e44e88;
}

.blog-category-menu__list li.menu-item-has-children.active > a { color: #e44e88; }

.blog-category-menu__list li.menu-item-has-children.current-menu-parent.active .current-menu-item > a { color: #e44e88; }

/*owl carousel*/
.owl-carousel--testimonials .owl-prev,
.owl-carousel--programs .owl-prev {
    width: 30px;
    left: -50px;
}

.owl-carousel--testimonials .owl-next,
.owl-carousel--programs .owl-next {
    width: 30px;
    right: -50px;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 35%;
    background: transparent;
    color: #e44e88;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #ed7aa8;
}

.owl-nav .fa {
    color: #e44e88;
}

.owl-nav .fa:hover {
    color: #ed7aa8;
}

.owl-nav .owl-prev {
    left: -50px;
}

.owl-nav .owl-next {
    right: -50px;
}

.testimonials-card .select-link {
    position: absolute;
    color: #ffffff;
    text-align: center;
    background: #e44e88;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    font-size: 0;
    right: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor:pointer;
    z-index:8;
}

.testimonials-card .select-link .fa {
    font-size: 1.375rem; /* 22px */
    line-height: 1.1;
    vertical-align: bottom;
}

.page-template-template-success-stories .testimonials-card .select-link .fa {
    font-size: 1.5625rem; /* 25px */
}

.testimonials-card .select-link:hover {
    background: #e44e88;
    color: #fff;
}

.testimonials-card__content.open .select-link {
    -webkit-transform: rotate(180deg) translateX(50%);
    -ms-transform: rotate(180deg) translateX(50%);
    transform: rotate(180deg) translateX(50%);
    background: #e44e88;
    color: #fff;
    z-index: 11;
}

a.testimonial-link {
    position: relative;
    pointer-events: auto;
}

.testimonials-card__img {
    background-size: 100%;
    /* height: 245px; */
    padding-bottom: 96.61%;
    border: 4px solid #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.testimonials-card__content {
    /*position: absolute;*/
    width: 100%;
    background: white;
    left: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    max-height: 90px;
    /*transition: all 200ms ease-in-out;*/
    z-index:9;

}
.testimonials-card__content.open {
    -webkit-line-clamp: initial;
    max-height: inherit;
}
.testimonials-card__text {
    margin-right: 40px;
}

.testimonials-card__content .btn {
    margin-top: 20px;
}

pan.expand {
    position: absolute;
    bottom: -30px;
    z-index: 99999;
}

/* #SUCCESS STORIES GALLERY */

.success-stories--gallery {
    padding: 100px 0 70px;
    background: #e44e88;
}

.success-stories--repeater {
    padding: 60px 0 20px 0px;
    background: #f2f3f4;
}
h4.testimonials-card__title {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}
.testimonials-card--big {
    /* height: 320px; */
    /*border-width: 6px;*/
    border: 4px solid #e44e88;
}

.success-stories--repeater .select-link {
    width: 32px;
    height: 32px;
    font-size: 1.5625rem; /* 25px */
}
.widget-podcast__ask_single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
}
.widget-podcast__about__single {
    position: relative;
    margin-bottom: 30px;
}


/* accordions */
.accordion {
    background-color: #f6f7f8;
    color: #e44e88;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.betty-review-logo {
    width: 250px;
    height: 70px;
    background-image: url(../images/whole-betty-logo-svg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0px auto;
    margin-bottom:30px;
}
img.custom-logo {
    width: 216px;
}

.accordion.active {
    background: #e44d88;
    color: white;
}
.accordion:hover { background-color: #eee; }

.accordion.active:hover { background-color: #e44d88; }
.accordion-panel {
    padding: 0 18px;
    color: #4d4d4d;
    background-color: rgba(233, 237, 245, 0.15);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 300ms ease-out;
    -o-transition: max-height 300ms ease-out;
    transition: max-height 300ms ease-out;
}

.accordion:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f067';
    font-size: 0.875rem; /* 14px */
    /*color: #e44e88;*/
    margin-right: 10px;
    vertical-align: middle;
}

.accordion.active:before {
    font-family: FontAwesome;
    content: "\f068";

    /* Unicode character for "minus" sign (-) */
}
.accordion.active:hover{

    /*color: #e44e88;*/
    /* Unicode character for "minus" sign (-) */
}


.accordion-panel__text-wrap h1,
.accordion-panel__text-wrap h2,
.accordion-panel__text-wrap h3,
.accordion-panel__text-wrap h4,
.accordion-panel__text-wrap h5,
.accordion-panel__text-wrap h6 {
    margin-bottom: 15px;
}

/*faq accordion*/

.faq-accordions .accordion {
    background-color: #e74e8a;
    color: #fff;
}
.faq-accordions .accordion:hover { background-color: #ed7aa8; }

/*about accordions*/
.about-accordion { margin-bottom: 20px; }

.about-accordion .accordion {
    position: relative;
    background-color: #e74e8a;
    color: #fff;
    padding: 25px 100px 25px 30px;
    font-size: 24px;
    font-weight: 700;
    border-radius: 5px;
    word-break: break-word;
}

.about-accordion .accordion:hover { background-color: #ed7aa8; }

.about-accordion .accordion::before {
    content: '\f107';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 21px;
    right: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #fff;
    color: #e74e8a;
    font-size: 28px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-accordion .accordion.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.about-accordion .accordion.active::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.about-accordion .accordion-panel {
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.about-accordion .accordion-panel__content {
    padding: 25px 30px;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 20px;
    line-height: 1.3;
    color: #000;
}
.about-accordion .accordion-panel__content li,
.about-accordion .accordion-panel__content p {
    font-size: 20px;
    line-height: 1.3;
}

.about-accordion .accordion-panel ul,
.about-accordion .accordion-panel ol {
    margin-bottom: 30px;
    margin-left: 20px;
}
.about-accordion .accordion-panel ul li,
.about-accordion .accordion-panel ol li {
    position: relative;
    padding-left: 40px;
}

.about-accordion .accordion-panel ol { counter-reset: ordered-list; }

.about-accordion .accordion-panel ol li::before {
    counter-increment: ordered-list;
    content: counter(ordered-list) ". ";
    color: #e74e8a;
    position: absolute;
    left: 0;
    width: 30px;
    text-align: right;
}
.about-accordion .accordion-panel ul li::before {
    content:"";
    background-color: #e74e8a;
    position: absolute;
    left: 0;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}

.about-accordion .accordion.active ~ .accordion-panel { -webkit-box-shadow: 0 5px 11px 2px rgba(0,0,0,.1); box-shadow: 0 5px 11px 2px rgba(0,0,0,.1); }

.accordion-icons .social-media_section > div { -webkit-box-pack: start!important; -ms-flex-pack: start!important; justify-content: flex-start!important; }

.accordion-icons .social-media_section a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:  66px;
    height: 66px;
    border-radius: 50px;
    border: 2px solid #e74e8a;
    background-color: #e74e8a;
    color: #fff;
    margin-right: 40px;
    font-size: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.accordion-icons .social-media_section a:hover,
.accordion-icons .social-media_section a:focus {
    background-color: #ed7aa8;
    border-color: #ed7aa8;
    color: #fff;
    text-decoration: none;
}

/*fetaured-box-post */
.box-title {
    background: #f4f4f4;
    background: -o-linear-gradient(top, #f4f4f4 0, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), to(#e2e2e2));
    background: linear-gradient(to bottom, #f4f4f4 0, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e2e2e2', GradientType=0);
    color: #3f3f3f;
    padding: 15px 20px;
    font-size: 1.3125rem; /* 21px */
    font-weight: 700;
    margin-bottom: 0;
}

.feature-box-content {
    background: #f9f9f9;
    background: -o-linear-gradient(top, #f9f9f9 0, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), to(#f0f0f0));
    background: linear-gradient(to bottom, #f9f9f9 0, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0', GradientType=0);
    padding: 10px 20px;
    color: #626262;
}

.feature-box-content ul li,
.feature-box-content ol li {
    font-size: inherit;
}

.feature-box.feature-box-align-center {
    clear: both;
}

.feature-box {
    margin: 0 auto 20px;
    overflow: hidden;
}

.feature-box.feature-box-align-center {
    float: none;
}

/* #SOCIAL MEDIA SECTION */

.social-media-links {
    background-color: #f6f7f9;
    padding: 50px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.social-media_section a {
    display: inline-block;

    color: #e44e88;
    margin-bottom: 0;
    font-size: 3.75rem; /* 60px */
}

.social-media_section a:hover,
.social-media_section a:focus {
    color: #ed7aa8;
    text-decoration: none;
}

/* #SEARCH SECTION */

.search-section {
    padding: 110px 0 200px;
    background: #fff url('../images/search-bg.png') no-repeat;
    background-position: calc(50% + 320px) bottom;
    position: relative;
    z-index: 1;
}

.search-section .wrap {
    padding-left: 40px;
    padding-right: 40px;
}

.search-section .search-field {
    border-color: #848484;
    font-size: 0.9375rem; /* 15px */
    color: #727272;
    padding: 25px 20px;
}

/* #RESOURCES */

.video_reosurces {
    background: url('../images/resources-bg.jpg') no-repeat center top;
    height: 375px;
}

.resources-item__img {
    height: 200px;
    background-position: center;
    background-size: cover;
}

.blocks-wrap__section:nth-child(odd) {
    background: #f2f3f4;
}

.blocks-wrap__section h2 span {
    color: #e44e88;
}

.about-me-supplements .btn--white:hover {
    background: #ed7aa8;
    color: #fff;
}

/* #BLOG */

.single .site-container, .page-template-default .site-container,
.sidebar-page--flex .site-container {
    background: #f2f3f4;
}

.page-template-template-blog main,
.category main,
.search main {
    background: #fff;
    /* padding: 15px 0 0; */
}

.blog-categories-title {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.75rem; /* 28px */
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dedede
}

.page-template-template-blog .site-inner,
.category .site-inner,
.search .site-inner {
    margin-top: 0;
}

.page-template-template-blog .sidebar-primary,
.category .sidebar-primary,
.search .sidebar-primary {
    padding-right: 30px;
    padding-left: 0;
    max-width: 300px;
}

.page-template-template-blog .content-sidebar-wrap,
.category .content-sidebar-wrap,
.search .content-sidebar-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.page-template-template-blog .main-blog-cateogiries .card-image {
    height: 110px;
    padding-bottom: 0;
    background-position: center;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.page-template-template-blog .main-blog-cateogiries .card-image .background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    opacity: 0.55;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.page-template-template-blog .main-blog-cateogiries .card-image:hover .background-overlay {
    opacity: 0.7;
}

/* .search .card-image {
    height: 195px;
} */

/*.category .card-image {*/
/*    height: 143px;*/
/*}*/

.page-template-template-blog .main-blog-cateogiries .card-content {
    position: absolute;
    height: auto;
    width: 90%;
    text-align: center;
    border-bottom: 0;
    padding-bottom: 0;
    top: 50%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-template-template-blog .main-blog-cateogiries .card-content .card-content__title,
.page-template-template-blog .main-blog-cateogiries .card-content .card-content__category {
    color: #fff;
}

/* .page-template-template-blog .main-blog-cateogiries .card-content .card-content__title {
    font-size: 1.875rem; /* 30px
} */

.category .card-content,
.search .card-content {
    padding-bottom: 20px;
}

.page-template-template-blog .card-content__category,
.category .card-content__category,
.search .card-content__category {
    color: #9fa3a7;
    font-weight: 400;
    letter-spacing: 0.02em;
    font-size: 0.875rem; /* 14px */
    margin-bottom: 5px;
}

.page-template-template-blog .card-content__category {
    margin-bottom: 0;
}

.category .card-content__title,
.search .card-content__title {
    line-height: 1.2;
    margin-bottom: 0;
    letter-spacing: -0.5px;
    font-size: 1.375rem; /* 22px */
}

.start-here-page .card-content__title {
    font-size: 20px;
    margin-bottom: 0;
}


.start-here-page .image-hover-helper { margin-bottom: 20px; }

.page-template-template-blog .widget-title,
.category .widget-title,
.search .widget-title {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.25rem; /* 20px */
    font-weight: 500;
    color: #fff;
    background: #323232;
    text-transform: uppercase;
    padding: 15px 20px;
    margin-bottom: 0;
}

.sidebar .menu-categories-menu-container .menu {
    background: #f5f6f7;
    color: #323232;
}

.sidebar .menu-categories-menu-container .menu .menu-item {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0;
    position: relative;
}

.sidebar .menu-categories-menu-container .menu .menu-item:last-child {
    border-bottom: 0;
}

.sidebar .menu-categories-menu-container .menu a {
    color: #323232;
    padding: 15px 25px;
    display: inline-block;
    width: 100%;
}

.sidebar .menu-categories-menu-container .menu a { text-decoration: none; }

.sidebar .menu-categories-menu-container .menu > .menu-item:hover > a,
.sidebar .menu-categories-menu-container .menu > .current-menu-item > a,
.sidebar .menu-categories-menu-container .menu .current-menu-parent > a {
    background: #e44e88;
    color: #fff;
}

.sidebar .menu-categories-menu-container .menu > .menu-item > a:hover ~ .sub-menu-toggle,
.sidebar .menu-categories-menu-container .menu .current-menu-item .sub-menu-toggle,
.sidebar .menu-categories-menu-container .menu .current-menu-parent .sub-menu-toggle {
    color: #fff
}

.sidebar .menu-categories-menu-container .menu .sub-menu {
    display: none;
}

/* .sidebar .menu-categories-menu-container .menu .current-menu-item .sub-menu {
    display: block;
} */

.sidebar .menu-categories-menu-container .menu .sub-menu-toggle {
    display: block;
    top: 11px;
}

.sidebar .menu-categories-menu-container .menu .sub-menu .current-menu-item,
.sidebar .menu-categories-menu-container .menu .sub-menu .menu-item:hover {
    background: #dedede;
}

.sidebar .menu-categories-menu-container .menu .sub-menu .menu-item {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    margin-left: 0;
    border-bottom: 0;
    text-transform: capitalize;
    font-weight: 400;
    color: #7c7c7c;
    border-bottom: 1px solid #e0e0e0;
}

.sidebar .menu-categories-menu-container .menu .sub-menu .menu-item:first-child {
    border-top: 1px solid #e0e0e0;
}

.sidebar .menu-categories-menu-container .menu .sub-menu .menu-item:last-child {
    border-bottom: 0;
}

.sidebar .menu-categories-menu-container .menu .sub-menu .menu-item a {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.content,
.site-header .widget-area {
    width: 100%;
}

.single main, .page-template-default main,
.sidebar-page--flex main {
    background: #fff;
    padding: 0 30px;

}
.single main,
.sidebar-page--flex main {

    max-width: 775px;
}

.single .entry-meta {
    margin-bottom: 10px;
}

/* .page-template-template-blog article,
.category article,
.search article {
    border-bottom: 1px solid #e2e2e2;
    padding: 30px 0 25px;
    margin-bottom: 0;
} */

.entry-image-link img {
    display: block;
}

.single article, .page-template-default article,
.sidebar-page--flex article {
    padding: 25px 0;
    margin-bottom: 0;
}

.entry-header .entry-meta {
    font-size: 1rem; /* 16px */
    color: #787677;
    margin-bottom: 10px;
    line-height: 1;
}


.single .entry-meta {
    margin-bottom: 10px;
}

.page-template-template-blog .entry-title,
.category .entry-title,
.single-post .entry-title,
.search .entry-title {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #302e35;
    font-size: 1.5625rem; /* 25px */
    margin-bottom: 10px;
}

/*.single-post .entry-title {*/
/*    margin-bottom: 0;*/
/*}*/

.page-template-template-blog .entry-title a:hover,
.page-template-template-blog .entry-title a:focus,
.category .entry-title a:hover,
.category .entry-title a:focus,
.single-post .entry-title a:focus,
.single-post .entry-title a:hover,
.search .entry-title a:hover,
.search .entry-title a:focus {
    color: #e44e88;
}

article .entry-content,
.page-template-template-blog .entry-content p,
.category .entry-content p,
.search .entry-content p,
.single-post article .entry-content p {
    color: #777;
}

article .entry-content h3 {
    color: #312e35;
}

.page-template-template-blog .entry-content p,
.category .entry-content p,
.search .entry-content p {
    margin-bottom: 0;
}

.single article .entry-content .swp_social_panel a {
    color: #fff;
}

.page-template-template-blog .entry-content .view-all-button,
.category .entry-content .view-all-button,
.search .entry-content .view-all-button {
    display: block;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    text-transform: uppercase;
    margin-top: 10px;
    color: #e44e88;
}

.page-template-template-blog .entry-content .view-all-button:hover,
.category .entry-content .view-all-button:hover,
.search .entry-content .view-all-button:hover {
    color: #ed7aa8;
}

.page-template-template-blog img.alignleft,
.category img.alignleft,
.search img.alignleft  {
    margin-bottom: 0;
}

.category .entry-content,
.search .entry-content {
    height: 100%;
}

article .entry-content h3 {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.5rem; /* 24px */
    font-weight: 700;
    margin-bottom: 15px;
}

article .entry-content .feature-box h3 {
    margin-bottom: 0;
}

article .entry-content h2 {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.75rem; /* 28px */
    color: #312e35;
    line-height: 1.1;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}

article .entry-content .feature-box h2 {
    margin-bottom: 0;
}

article .entry-content b:not(.txt--pink),
article .entry-content strong:not(.txt--pink) {
    color: #312e35;
}

.feature-box-content ul,
.feature-box-content ol {
    margin-left: 20px;
    margin-bottom: 20px;
}

.feature-box-content li { margin-bottom: 0; }

.wp-caption-text {
    font-size: 0.875rem; /* 14px */
    font-weight: 400;
}

/* #PAGINATION */

.pagination {
    margin: 30px 0;
    text-align: center;
}

.pagination ul {
    font-size: 0;
}

.pagination li {
    display: inline-block;
    margin-bottom: 0;
    color: #e44e88;
    background: #f6f7f9;
    margin: 0 4px;
}

.pagination li.pagination-omission {
    padding: 8px 11px 2px;
}

.pagination li a {
    display: block;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.25rem; /* 20px */
    padding: 5px;
    border-radius: 0;
    width: 35px;
    height: 35px;
    color: #e44e88;
}

.pagination li .fa-angle-right:before {
    position: relative;
    top: -2px;
    right: -1px;
}

.pagination li .fa-angle-left:before {
    position: relative;
    top: -2px;
    left: -1px;
}

.pagination li a:hover {
    color: #ed7aa8;
    text-decoration: none;
}

.pagination .active a {

    color: #fff;
    background: #e44e88;
}

.pagination .active a:hover {
    color: #fff;
}

.pagination .active:hover {
    background: #ed7aa8;
}

/* #SIDEBAR PRIMARY */

.sidebar-primary {
    padding-left: 15px;
    font-size: 1rem; /* 16px */
    width: 100%;
    max-width: 335px;
}

.sidebar .widget {
    margin-bottom: 10px;
}

.sidebar .widget img {
    display: block;
    width: 100%;
}

.widget-form-wraper textarea {
    resize: none;
    padding: 10px 20px;
    height: 80px;
}

.widget-program-categories-wraper .btn:last-child {
    margin-bottom: 0;
}

.sidebar-primary .social-media_section {
    padding: 10px 0
}

.sidebar-primary .social-media_section a {
    font-size: 2.1875rem; /* 35px */
}

.sidebar-primary .testimonials-card__img {
    height: 300px;
}

.sidebar-primary .testimonials-card {
    margin-bottom: 0;
    max-width: 100%;
}

.sidebar-primary .item__wrapper {
    background: #fff;
    padding-bottom: 20px;
}

.sidebar-primary .item__wrapper .btn {
    width: 100%;
    max-width: calc(100% - 60px);
    display: block;
    margin: 20px auto 0;
}

.testimonials-card__content--widget {
    padding: 20px 30px 0;
}

.testimonials-card__content--widget p {
    margin-top: 5px;
    line-height: 1.4;
}

.sidebar-primary #owl-widget {
    padding-bottom: 1px;
}

.sidebar-primary .owl-theme .owl-nav [class*=owl-] {
    top: 320px;
    font-size: 1.875rem; /* 30px */
}

.sidebar-primary .owl-theme .owl-nav .owl-prev {
    left: -5px;
}

.sidebar-primary .owl-theme .owl-nav .owl-next {
    right: -5px;
}

.sidebar .widget-about {
    padding: 20px;
}

.sidebar .widget-about img {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
    margin-bottom: 15px;
}

.widget-about__description {
    line-height: 1.2;
    color: #777;
    margin-bottom: 5px;
}

.widget-about .social-icons a {
    font-size: 1.5625rem; /* 25px */
    margin-right: 30px;
}

.widget-about .social-icons a:last-child {
    margin-right: 0;
}

/*testimonials*/
.testimonial {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 5px;
    -webkit-transition: height .2s linear;
    -o-transition: height .2s linear;
    transition: height .2s linear;
    overflow: hidden;
    position: relative;
}

.testimonial--shadow { -webkit-box-shadow: 0 3px 30px 0 rgba(74,74,74,.3); box-shadow: 0 3px 30px 0 rgba(74,74,74,.3); }

.testimonial__img {
    border: 5px solid #e44e88;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 25px;
}

.testimonial img {
    border: 5px solid #fff;
    -o-object-fit: cover;
    object-fit: cover;
    width:  100%;
    height: 100%;
}

.testimonial__title {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    text-align: left;
    font-weight: 900;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.3;
}

.testimonial p {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.testimonial p:last-child { padding-bottom: 0; }

.testimonial__header {
    position: relative;
    padding-right: 40px;
    cursor: pointer;
}

.testimonial__header::after {
    content: '\f078';
    font-family: 'FontAwesome';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e44e88;
    border: 2px solid #e44e88;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.testimonial__toggeable {
    -webkit-transition: .3s max-height linear;
    -o-transition: .3s max-height linear;
    transition: .3s max-height linear;
    overflow: hidden;
    max-height: 49px;
    text-align: left;
}

.testimonial__toggeable--padding p { padding-right: 40px; }

.testimonial p:first-child {
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-animation: .5s close .1s linear forwards;
    animation: .5s close .1s linear forwards;
    vertical-align: top;
}
.testimonial p:not(:first-child) {
    opacity: 0;
    -webkit-transition: .1s opacity .2s ease-in-out;
    -o-transition: .1s opacity .2s ease-in-out;
    transition: .1s opacity .2s ease-in-out;
}

.testimonial.open .testimonial__header::after {
    background-color: #fff;
    color: #e44e88;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.testimonial.open .testimonial__toggeable {
    max-height: 700px;
    -webkit-transition: .3s max-height .3s linear;
    -o-transition: .3s max-height .3s linear;
    transition: .3s max-height .3s linear;
}

.testimonial.open .testimonial__toggeable p:first-child { -webkit-animation: .3s open ease-in-out forwards; animation: .3s open ease-in-out forwards; }
.testimonial.open .testimonial__toggeable p:not(:first-child) { opacity: 1; }

@-webkit-keyframes open {
    from { -webkit-line-clamp: 2; }
    to   { -webkit-line-clamp: initial; }
}

@keyframes open {
    from { -webkit-line-clamp: 2; }
    to   { -webkit-line-clamp: initial; }
}

@-webkit-keyframes close {
    from { -webkit-line-clamp: initial; }
    to   { -webkit-line-clamp: 2; }
}

@keyframes close {
    from { -webkit-line-clamp: initial; }
    to   { -webkit-line-clamp: 2; }
}

.hidden-element {
    position: absolute;
    left: -3000000px;
}
.hidden-element--padding p { padding-right: 40px; }

.hidden-element p {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.hidden-element p:last-child { padding-bottom: 0; }

.btn-underline {
    display: inline-block;
    position: relative;
}
.btn-underline::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e44d88;
}

.btn-double-arrows {
    font-size: 17px;
}

.btn-double-arrows i { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.btn-double-arrows:hover {
    text-decoration: none;
}
.btn-double-arrows i:first-child {
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
}
.btn-double-arrows i:last-child {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
.btn-double-arrows:hover i:first-child { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
.btn-double-arrows:hover i:last-child { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }


/*contact*/
.bg--contact {
    background: #fff url('../images/betty-contact.jpg') no-repeat center/cover;
}

.col-height { min-height: 550px; }

.contact__sub-title p {
    color: #727272;
    font-size: 16px;
}

.contact_page_content .nf-field {
    position: relative;
    margin-bottom: 20px;
}

.contact_page_content .nf-after-field {
    position: absolute;
    bottom: -17px;
}

.contact_page_content .nf-field-element input[type=text],
.contact_page_content .nf-field-element input[type=email],
.contact_page_content .nf-field-element textarea {
    padding-left: 25px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}

.contact_page_content .nf-field-element input[type=text]:focus,
.contact_page_content .nf-field-element input[type=email]:focus,
.contact_page_content .nf-field-element textarea:focus { border-color: #000; }

.contact-user label,
.contact-email label,
.contact-subject label,
.contact-help label {
    font-size: 16px;
    position: relative;
    padding-left: 25px!important;
}

.contact-user label::before,
.contact-email label::before,
.contact-subject label::before,
.contact-help label::before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #242228;
    font-weight: 400;
}
.contact-user label::before { content: '\f007'; }
.contact-email label::before { content: '\f0e0'; }
.contact-subject label::before { content: '\f040'; }
.contact-help label::before { content: '\f059'; }

.contact_page_content .btn--upload .btn {
    background-color: #fff;
    border: 1px solid #e44d88;
    color: #e44d88;
    padding: 12.5px;
    font-style: italic;
    text-transform: capitalize;
    font-family: "Lato", "Trebuchet MS", sans-serif;
    margin-bottom: 10px;
}
.validation-help.label-hidden {
    display: none;
}
.contact_page_content .submit-wrap .ninja-forms-field {
    font-size: 20px!important;
    padding: 7px;
    border: 1px solid #e44d88;
    max-width: 100%;
}
.contact_page_content .btn--upload .nf-field,
.contact_page_content .submit-container .nf-field { margin-bottom: 0; }

/*img stacks*/
.mb--30 { margin-bottom: 30px; }
.mb--20 { margin-bottom: 20px; }
.mb--10i { margin-bottom: 10px!important; }

.img--stack-wrapper {
    position: relative;
    z-index: 0;
    text-align: center;
}
.img--stack-wrapper .masonry-item { border: none;  }
.img--stack {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 5px solid #EAEAEB;
    background-color: #fff;
    text-align: center;
}

.img--stack::before,
.img--stack::after {
    content: '';
    position: absolute;
    background-color: #fff;
    top: 0;
    -webkit-box-shadow: 0 3px 30px 0 rgba(74,74,74,.1);
    box-shadow: 0 3px 30px 0 rgba(74,74,74,.1);
}

.img--stack::before {
    left:    10px;
    right:   10px;
    bottom: -10px;
    z-index: -1;
}

.img--stack::after {
    left:    20px;
    right:   20px;
    bottom: -20px;
    z-index: -2;
}

.img--stack img {
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

/*arrows*/
.arrow-down {
    position: relative;
}

.arrow-down::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 1px;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    width: 0;
    height: 0;
    border-left:  30px solid transparent;
    border-right: 30px solid transparent;
    border-top:   30px solid #fff;
    z-index: 1;
}
.arrow-down--lg::after {
    border-left-width:  50px;
    border-right-width: 50px;
    border-top-width:   50px;
}
.arrow-down--gray::after  { border-top-color: #f1f2f4; }
.arrow-down--white::after { border-top-color: #fff; }
.arrow-down--pink::after  { border-top-color: #e44d88; }


/* #FAQ */

.faqs__category { -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

.faqs__category:focus { color: #fff; }

.faqs__category.active,
.faqs__category:hover {
    background: #e44d88;
    color: #fff;
    text-decoration: none;
}
.faqs__category:focus { text-decoration: none; }

.faqs__category:last-child {
    margin-bottom: 0;
}

.faqs__category.has-children {
    position: relative;
    padding-right: 50px;
}
.faqs__category.has-children::before,
.faqs__category.has-children::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.faqs__category.has-children::before {
    width: 15px;
    height: 2px;
    right: 25px;
}
.faqs__category.has-children::after {
    height: 15px;
    width: 2px;
    right: 32px;
}
.faqs__category.active.has-children::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.faqs__category--parent .faqs__category--children {
    padding: 15px 25px;
    border: 1px solid #e44d88;
}

.faqs__section:last-child { margin-bottom: 0; }

.faqs__section .entry { margin-bottom: 10px; }

.faqs__section .entry:last-child { margin-bottom: 0; }

.faq-link-title {
    position: relative;
    font-size: 26px;
    line-height: 1.2;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
.faq-link-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 2px;
    background-color: #000;
}

.faq-links-wrapper { padding-left: 50px; }

.faq-link {
    display: block;
    position: relative;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 18px;
    padding-left: 25px;
    margin-bottom: 20px;
}

.faq-link::before {
    content: '\f101';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    color: #e44d88;
    font-size: 22px;
}

.fixed-header-offset-padd {
    padding-top: 120px;
    margin-top: -110px;
}

.type-faq ul,
.type-faq ol {
    padding-left: 30px;
}

.type-faq ul li {
    list-style: disc;
}

.type-faq ol li {
    list-style: decimal;
}

.type-faq blockquote {
    background: #f5f7fA;
    border: 1px solid #ccd1d9;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
}

.type-faq blockquote p:last-child {
    margin-bottom: 0;
}

.faqs__categories {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    max-height: calc(100vh - 120px);
}

.faq-accordions .accordion:before { padding-top: 4px; }

.accordion--nutrition,
.accordion-panel--nutrition {
    background-color: #f3f3f3;
}

.accordion--nutrition {
    padding: 23px 20px;
}

.accordion--nutrition .accordion__title {
    margin-bottom: 0;
}

.accordion--nutrition::before {
    position: absolute;
    right: 20px;
    margin-right: 0;
    top: 50%;
    font-size: 1.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-panel--nutrition { padding: 0; }

.nutrition__item {
    padding: 20px 12px;
    /* border-bottom: 1px solid #e5e5e5; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[class^='col'] .nutrition__item {
    border-right: 1px solid rgba(201, 201, 201, 0.5);
}

[class^='col']:last-child .nutrition__item { border-right: 0; }

.col-12 .nutrition__item { border-bottom: 0; }

/* #CONTACT */

.page-template-template-contact .site-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.thank-you-sale h1 {
    text-align: center;
}
.thank-you-5-day .supplements-thank-you {
    min-height: 550px;
}
.page-template-template-contact .entry {
    margin-bottom: 0;
    padding: 0;
}

.page-template-template-contact .content-sidebar-wrap {
    width: 100%;
}

.page-template-template-contact .site-container {
    background: #f2f3f4;
}

/*.page-template-template-contact main {*/
/*    background: #fff url('../images/contact-bg.png') no-repeat top right;*/
/*    padding: 40px 40px 0;*/
/*}*/

.page-template-template-contact .entry-title {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.5625rem; /* 25px */
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-template-template-contact .entry-content {
    color: #777;
    margin-bottom: 20px;
    max-width: 450px;
}

.page-template-template-contact article form {
    max-width: 480px;
}

#ninja_forms_required_items, .nf-field-container.btn--upload {
    max-width: 250px;
}

.submit-popup__content #ninja_forms_required_items, .nf-field-container.btn--upload {
    max-width: 100%;
}

#ninja_forms_required_items,
.nf-field-container:not(.submit-container) {
    font-size: 1.125rem; /* 18px */
    margin-bottom: 7px !important;
}

#ninja_forms_required_items,
.nf-field-container.submit-container {
    margin-bottom: 0;
}

.page-template-template-contact article form p:last-of-type {
    margin-bottom: 0;
}

.nf-form-fields-required {
    display: none;
}

.nf-error-msg.nf-error-field-errors {
    display: none;
}

.nf-form-content .nf-error-msg,
.ninja-forms-req-symbol {
    color: #e44e88;
}

.nf-form-content .nf-error .ninja-forms-field {
    border-color: #e44e88;
}

.nf-after-field .nf-error-msg {
    font-size: 0.875rem; /* 14px */
}

.nf-input-limit {
    margin-bottom: 0;
}

.nf-form-content .field-wrap>div input[type=checkbox],
.nf-form-content .field-wrap button,
.nf-form-content .field-wrap input[type=button],
.nf-form-content .field-wrap input[type=submit] {
    width: 100% !important;
    font-size: 1.375rem; /* 22px */
}

.submit-popup .nf-form-content .field-wrap>div input[type=checkbox],
.submit-popup .nf-form-content .field-wrap button,
.submit-popup .nf-form-content .field-wrap input[type=button],
.submit-popup .nf-form-content .field-wrap input[type=submit] {
    max-width: 100%;
}

.field-wrap input[type=button]:disabled,
.field-wrap input[type=submit]:disabled {
    cursor: not-allowed;
}

.page-template-template-contact .nf-field-element textarea {
    height: 100px;
}

.submit-popup .nf-field-element textarea {
    height: 100px;
}

.nf-fu-progress,
.nf-fu-button-cancel {
    display: none!important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    background: #e44e88;
    color: #fff;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.25rem; /* 20px */
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    max-width: 250px;
    padding: 12px;
    border-radius: 3px;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    border: 0;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus {
    background: #ed7aa8;
}

/* #START HERE */

.start-here-header {
    background: url(../images/start-here-hero-bg.jpg) center;
    background-size: cover;
    padding: 80px 0;
}

.start-here p:not(:first-child) {
    font-size: 24px;
    line-height: 1.4;
}

.start-here .social-media_section { padding-top: 20px; }

.start-here .social-media_section a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50px;
    background: #fff;
    font-size: 30px;
}

.start-here-category {}
.start-here-category [class*='col'] {
    position: relative;
    text-align: center;
}

.start-here-category [class*='col']::before {
    content: '';
    width: 1px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #dbdbdb;
}

.start-here-category [class*='col']:first-child::before { display: none; }

.start-here-category__item {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
    color: #302e34;
}
.start-here-category__item.txt--pink { color: #e44e88; }

.start-here-category__item:focus,
.start-here-category__item:hover {
    color: #e44e88;
    text-decoration: none;
}

.pillar-line-wrapper [class*='col-'] {
    position: relative;
}
.pillar-line-wrapper [class*='col-']::before {
    content: '';
    display: block;
    position: absolute;
    left:  0;
    right: 0;
    top:  50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    background-image: -o-repeating-linear-gradient(bottom, #e54e89, #e54e89 8px, transparent 8px, transparent 12px, #e54e89 12px), -o-repeating-linear-gradient(left, #e54e89, #e54e89 8px, transparent 8px, transparent 12px, #e54e89 12px);
    background-image: repeating-linear-gradient(0deg, #e54e89, #e54e89 8px, transparent 8px, transparent 12px, #e54e89 12px), repeating-linear-gradient(90deg, #e54e89, #e54e89 8px, transparent 8px, transparent 12px, #e54e89 12px);
    background-size: 8px 100%, 100% 8px;
    background-position: 0 0, 0 0;
    background-repeat: no-repeat;
    z-index: -1;
}
.pillar-line-wrapper [class*='col-']:first-child::before { left: 15px; }
.pillar-line-wrapper [class*='col-']:last-child::before { right: 15px; }

.pillar-img {
    display: inline-block;
    background-color: #fff;
    padding-left:  15px;
    padding-right: 15px;
}

.start-here-header__search {
    width: 48%;
    padding-right: 30px;
}

.start-here-header__video {
    width: 52%;
}

.start-here-header h2 {
    font-size: 2.9375rem; /* 47px */
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 10px;
}

.start-here-header p {
    font-size: 1.25rem; /* 20px */
    line-height: 26px;
    margin-bottom: 35px;
}

.start-here__search form {
    font-size: 1.125rem; /* 18px */
}

.start-here__search input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    padding: 18px 30px;
    border-radius: 3px;
    margin-bottom: 25px;
}

.start-here__search input[type="submit"] {
    padding: 15px 10px;
    max-width: 190px;
    font-size: 1.375rem; /* 22px */
}

.start-here-section {
    padding-top: 30px;
}

.start-here-section .wrap {
    padding-bottom: 20px;
    border-bottom: 2px solid #e5e5e5;
}

.start-here-section--4 .wrap {
    border-bottom: 0;
}

.start-here-section a:hover .featured img {
    opacity: 0.8;
}

.start-here-section h4 {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition:         all 300ms ease-in-out;
    transition:         all 300ms ease-in-out;
}

.start-here-section a:hover h4 {
    color: #ed7aa8;
}

.start-here-section .heading h2 {
    font-size: 2.5rem; /* 40px */
    font-weight: 700;
    margin-bottom: 20px;
}

.start-here-section .heading p {
    color: #777;
}

.start-here-section .featured img {
    max-width: 80px;
    display: block;
    margin-right: 10px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition:         all 300ms ease-in-out;
    transition:         all 300ms ease-in-out;
}

.start-here-section .box {
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
}

.start-here-section .box>p {
    margin-bottom: 0;
}

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

.box__featured-img:after {
    content: '';
    position: absolute;
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #000 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#000));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
}

.start-here-section h4 { font-family: "Lato", "Trebuchet MS", sans-serif; }

.start-here-section .box__content {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.start-here-section .box__content p:last-child {
    margin-bottom: 0;
}

.start-here-section .box h3 {
    color: #fff;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.6875rem; /* 27px */
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.start-here-section .box .btn {
    max-width: 230px;
    width: 100%;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.375rem; /* 22px */
    padding: 0.6em;
    text-align: center;
    display: inline-block;
    border-radius: 0.125em;
    text-transform: uppercase;
    background: #e44e88;
    color: #fff;
}

.start-here-section .box .btn:hover {
    background: #ed7aa8;
}

.start-here-section .box .featured img {
    width: 100%;
}

.start-here-section .text {
    color: #312e35;
}

.transcript {
    background: #f0f0f0;
    margin-bottom: 25px;
    padding: 20px 20px 20px 25px;
}

.transcript__head {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
}

.entry-content .transcript__head h3 { margin-bottom: 0; }

.transcript__podcast {
    max-height: 340px;
    padding-right: 30px;
}

.transcript__podcast p:last-child { margin-bottom: 0; }

.transcript__download {
    font-size: 1rem; /* 16px */
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    text-transform: uppercase;
    padding: 0.8em;
    margin-bottom: 40px;
}

.single .entry-content .transcript__download:hover,
.single .entry-content .transcript__download:focus {
    color: #fff;
}

/* #SEARCH PAGE */

/* .search-results .content-sidebar-wrap.d-flex,
.search-no-results .content-sidebar-wrap.d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
} */

.search-no-results .archive-pagination {
    display: none;
}

/* #ALMOST DONE PAGE */

.sidebar-page--flex .entry-title, .page-template-default .entry-title {
    font-size: 2.1875rem; /* 35px */
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 1;
}

/* #FOOOTER */

.site-footer {
    background: url(../images/footer.jpg) no-repeat center/cover;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    padding: 80px 0 35px;
}

.site-footer .widget-title {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 25px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    padding: 0;
    font-weight: 400;
}

.site-footer .row [class*='col-']:last-child .widget-title {
    font-size: 22px;
    font-weight: 700;
}

.site-footer .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-footer .row:first-child [class*='col'] { position: relative; }

.site-footer .row:first-child [class*='col']::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 225px;
    background-color: #595959;
}
.site-footer .row:first-child [class*='col']:first-child::before { display: none;}

.double-arrows {
    position: relative;
}
.double-arrows {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url('../images/double-arrows.png') no-repeat center top;
}

.site-footer .btn--pink-md {
    max-width: 230px;
    padding: 15px 10px;
    font-size: 20px;
}

.menu-products-menu-container,
.menu-footer-menu-container {
    text-align: center;
}

.menu-products-menu-container .menu-item,
.menu-footer-menu-container .menu-item {
    margin-bottom: 10px;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

.menu-products-menu-container .menu-item a,
.menu-footer-menu-container .menu-item a { color: #fff; }
.menu-footer-menu-container .menu-item.current_page_item a,
.menu-products-menu-container .menu-item.current_page_item a { color: #e44e88; }

.menu-products-menu-container .menu-item a:hover,
.menu-footer-menu-container .menu-item a:hover {
    color: #e44e88;
    text-decoration: none;
}

.site-footer .social-media_section {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .social-media_section a {
    font-size: 35px;
    color: #fff;
    margin-bottom: 30px;
}

.site-footer .social-media_section a:hover { color: #e44e88; }

.site-footer .search-form {
    position: relative;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}
.site-footer .search-form-input {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 20px;
    color: #000;
    padding: 10px 40px 10px 15px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: text;
}
.site-footer .search-form-input::-webkit-input-placeholder {
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    color: #000;
}
.site-footer .search-form-input::-moz-placeholder {
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    color: #000;
}
.site-footer .search-form-input:-ms-input-placeholder {
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    color: #000;
}
.site-footer .search-form-input::-ms-input-placeholder {
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    color: #000;
}
.site-footer .search-form-input::placeholder {
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    color: #000;
}
.site-footer .search-form input[type="submit"] {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    font-size: 27px;
    color: #000;
    max-width: 40px;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.site-footer .search-form input[type="submit"]:hover { color: #e44e88; }

.site-footer .copyright {
    text-align: center;
    padding-top: 90px;
}

.site-footer .copyright li {
    position: relative;
    padding: 0 15px;
    display: inline-block;
}

.site-footer .copyright li::before {
    content: '';
    width: 2px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-footer .copyright li:nth-child(1)::before,
.site-footer .copyright li:nth-child(3)::before { display: none; }

.site-footer .copyright li,
.site-footer .copyright a {
    font-size: 16px;
    line-height: 1;
    color: #fff;
}

.site-footer .copyright a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.site-footer .copyright a:hover,
.site-footer .copyright a:focus {
    text-decoration: none;
    color: #e44e88;
}

.after-footer {
    background: #fff;
    color: #68666b;
    padding: 10px 0;
    text-align: center;
}

.after-footer .lists li {
    position: relative;
    display: inline-block;
    font-size: 0.875rem; /* 14px */
    margin-bottom: 0;
    line-height: normal;
    padding: 0 15px;
}

.after-footer .lists li:not(:first-child):before {
    content: '';
    position: absolute;
    top: 55%;
    left: 0;
    width: 1px;
    height: 14px;
    background: #68666b;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.after-footer .lists a {
    color: #68666b;
}

.after-footer .lists a:hover {
    color: #e44e88;
}

.footer_bottom--credits {
    background: #312e35;
    font-size: 0.875rem; /* 14px */
    text-align: center;
    padding: 10px 0;
}

.footer_bottom--credits a {
    color: #68666b;
}

.footer_bottom--credits a:hover {
    color: #e44e88;
    text-decoration: none;
}


/* nov css za shortcode */

.image-text-style-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

span.image-text-style-img-container img {
    max-width: 300px;
    margin-left: 20px;
}

.image-text-align-center h3 {
    margin-bottom: 10px;
}

/**
* Background
*/
#full-screen-search {
    display: none;
    position: fixed;
    z-index: 999998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.98);
    background-image: url("../images/search-bg-full-screen.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}

/**
* Search Form
*/
#full-screen-search form {
    position: relative;
    width: 100%;
    height: 100%;
}

/**
* Close Button
*/
#full-screen-search button.close {
    position: absolute;
    z-index: 999999;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: none;
    -webkit-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    padding: 0;
}

#full-screen-search button.close svg {
    -webkit-transition: fill 300ms ease-in-out;
    -o-transition: fill 300ms ease-in-out;
    transition: fill 300ms ease-in-out;
}

#full-screen-search button.close:hover svg {
    fill: #e44e88;
}

/**
* Search Form Div
*/
#full-screen-search .full-screen-search-container {
    position: absolute;
    width: 100%;
    max-width: 960px;
    padding-left: 15px;
    padding-right: 15px;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/**
* Search Form Input Placeholder Color
*/
#full-screen-search form div input::-webkit-input-placeholder {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    color: #727272;
}
#full-screen-search form div input:-moz-placeholder {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    color: #727272;
}
#full-screen-search form div input::-moz-placeholder {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    color: #727272;
}
#full-screen-search form div input:-ms-input-placeholder {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    color: #727272;
}

/**
* Search Form Input
*/
#full-screen-search form div input {
    width: 100%;
    border: 1px solid #848484;
    color: #727272;
    font-size: 1rem; /* 16px */
    font-weight: 400;
    padding: 25px 20px;
    margin-right: 10px;
}

#full-screen-search .btn {
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}


/* error 404 */

.error404 li.categories {
    font-size: 1.25rem; /* 20px */
    color: #333;
    font-weight: 700;
    margin-top: 30px;
}
.error404 li.categories ul {
    margin-top: 15px;
}
.error404 .entry-content ul > li {
    color: #e34e88;
}
.error404 h1.entry-title {
    text-transform: none;
    margin-bottom:30px;
}
/* hide ninja form input */
.validation-helper-class {
    width: 0!important;
    height: 0!important;
    background: transparent!important;
    border: 0!important;
    margin-top: -20px!important;
}

.video-container-embeded {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container-embeded iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cta--404 {
    height: 100%;
    background-image: url('../images/cta-bg--404.jpg');
    z-index: 1;
}

.cta--404 h2 {
    font-size: 2.375rem; /* 38px */
    line-height: 1.211;
}

.cta--404 p {
    line-height: 1.2;
}

.cta-section .row {
    max-width: 1050px;
    margin-right: auto;
    margin-left: auto;
}

.cta--404>.wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}

.cta-section .col-12 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cta--404.cta--betty-body-bg .wrap:before {
    background-size: 127%;
    background-position: top left;
}

.bg-devider {
    position: relative;
}

.bg-devider:before,
.bg-devider:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 3px;
    height: 60px;
}

.bg-devider--top:before {
    top: 0;
    background: -o-linear-gradient(bottom, #fff 50%, #f6f7f8 50%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(50%, #f6f7f8));
    background: linear-gradient(to top, #fff 50%, #f6f7f8 50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.bg-devider--bottom:after {
    bottom: 0;
    background: -o-linear-gradient(top, #fff 50%, #f6f7f8 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #f6f7f8));
    background: linear-gradient(to bottom, #fff 50%, #f6f7f8 50%);
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 2;
}

.nav-links {
    font-size: 1.0625rem; /* 17px */
    color: #7c7c7c;
}

.nav-links .page-numbers {
    background: #e44e88;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 1rem; /* 16px */
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.nav-links .page-numbers:hover {
    background: #ed7aa8;
}

.nav-links .page-numbers.next {
    margin-left: 30px;
}

.nav-links .page-numbers.prev {
    margin-right: 30px;
}

/* #PODCAST */

.page-template-template-podcast .site-inner { padding-bottom: 20px; }

.image_rotator_podcast {
    background-image: url('../images/betty-podcast-headphones.png'), url('../images/podcast-hero-bg.jpg');
    background-repeat: no-repeat;
    background-position: calc(50% + 350px) calc(100% + 110px), center;
    background-size: auto, cover;
    min-height: 315px;
    padding-top: 25px;
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0;
}

.hero__image--podcast {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: calc(50% + 350px) 50%;
    z-index: -1;
}

.podcast-players {
    padding: 15px 0 5px;
    background: -o-linear-gradient(left, #302e35 calc(50% - 330px), #f2f3f4 calc(50% - 330px));
    background: linear-gradient(to right, #302e35 calc(50% - 330px), #f2f3f4 calc(50% - 330px));
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    z-index: 0;
}

.podcast-players:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    left: calc(50% - 331px);
    background: #302e35;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    z-index: -1;
}

.podcast-players .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.podcast-players h4,
.podcast-players .podcasts-icons {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.podcast-players h4 { margin-right: 70px; }

.podcast-players h4 .fa-angle-right:first-of-type {
    margin-left: 15px;
    margin-right: -1px;
}

.podcast-players__icons {
    margin-right: -5px;
    margin-left:  -5px;
}

.podcast-players__icons a {
    padding-left:  5px;
    padding-right: 5px;
}

.podcast-players__icons img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(1, 1, 1, 0.06);
    box-shadow: 0 3px 5px 0 rgba(1, 1, 1, 0.06);
    -webkit-transition: -webkit-box-shadow 300ms ease-in-out;
    transition: -webkit-box-shadow 300ms ease-in-out;
    -o-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}

.podcast-players__icons a:hover img {
    -webkit-box-shadow: 0 3px 8px 0 rgba(1, 1, 1, 0.2);
    box-shadow: 0 3px 8px 0 rgba(1, 1, 1, 0.2);
}

.podcasts-icons a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background: #fff;
    height: 100%;
    -webkit-box-shadow: 0 3px 5px 0 rgba(1, 1, 1, 0.06);
    box-shadow: 0 3px 5px 0 rgba(1, 1, 1, 0.06);
    -webkit-transition: -webkit-box-shadow 300ms ease-in-out;
    transition: -webkit-box-shadow 300ms ease-in-out;
    -o-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}

.podcasts-icons a:hover {
    -webkit-box-shadow: 0 3px 8px 0 rgba(1, 1, 1, 0.2);
    box-shadow: 0 3px 8px 0 rgba(1, 1, 1, 0.2);
}

.podcasts-icons img {
    vertical-align: bottom;
    border-radius: 6px;
    max-height: 55px;
}

.podcasts-icons--small img {
    max-height: 45px;
    width: auto;
}

.podcasts-icons {
    margin-right: -5px;
    margin-left: -5px;
}

.podcasts-icons__wrap {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.coming-soon-section {
    background-image: url('../images/podcast-image-1.png'), url('../images/waves.png');
    background-repeat: no-repeat;
    background-position: calc(50% - 300px) center, center calc(100% + 50px);
}

.card-image--podcast-cat {
    position: relative;
    height: 130px;
    padding-bottom: 0;
    border-radius: 6px;
    z-index: 0;
}

.card-image--podcast-cat::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    z-index: -1;
    -webkit-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.card-image--podcast-cat:hover::before {
    background-color: rgba(0, 0, 0, 0.7)
}

.card-image--podcast-cat .card-content {
    border-bottom: 0;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-template-template-podcast .btn--xs { border-radius: 0.3em; }

.single-podcast .entry-title {
    font-family: "Lato", "Trebuchet MS", sans-serif;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-size: 1.5625rem; /* 25px */
}

.single-podcast .entry-header img {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    max-width: none;
}

.single-podcast .entry-content { margin-bottom: 20px; }

.hero-text-podcast__play i {
    width: 58px;
    height: 58px;
    background-color: #fff;
    color: #e44e88;
    border-radius: 50%;
    line-height: 2.5;
    padding-left: 5px;
    margin-left: 15px;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border: 2px solid #e44e88;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    text-align: center;
}

.hero-text-podcast__play a:hover i {
    background-color: rgba(255,255,255, 0.8);
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}

.img--white-pink-border {
    border: 4px solid #fff;
    margin: 4px;
    -webkit-box-shadow: 0 0 0 4px #e44e88;
    box-shadow: 0 0 0 4px #e44e88;
}

.img--white-pink-border-3 {
    border: 3px solid #fff;
    margin: 3px;
    -webkit-box-shadow: 0 0 0 3px #e44e88;
    box-shadow: 0 0 0 3px #e44e88;
}

.ask-question-podcast__avatar {
    width:  105px;
    height: 105px;
    border-radius: 50%;
    background: url('../images/betty-podcast-small.png') center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 1;
}

.ask-question-podcast .img--white-pink-border {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-width: 3px;
    margin: 3px;
    -webkit-box-shadow: 0 0 0 3px #e44e88;
    box-shadow: 0 0 0 3px #e44e88;
}

.ask-question-podcast__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -60px;
    padding: 15px 30px 15px 70px;
    width: 100%;
    background-image: url('../images/ask-question-bg.jpg');
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.ask-question-podcast__content::after {
    content: '?';
    position: absolute;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    top: 50%;
    right: 170px;
    font-size: 95px;
    font-weight: 500;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.entry-content .ask-question-podcast__content h3 {
    font-size: 1.375rem; /* 22px */
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 70px;
}

.free-course-podcast {
    background: url('../images/betty-free-course-img.png') bottom right no-repeat,
    url('../images/green-white-bokah-bg.jpg') center/cover no-repeat;
    padding: 10px 25px 15px;
}

.free-course-podcast__title {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    padding: 20px;
    background: #e44e88;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.6875rem; /* 27px */
    margin-left: -35px;
    position: relative;
    margin-bottom: 15px;
    max-width: 340px;
    /* -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); */
}



.free-course-podcast__title:before {
    content: '';
    position: absolute;
    border: 5px solid #8b0d3d;
    border-color: #8b0d3d #8b0d3d transparent transparent;
    bottom: -10px;
    left: 0;
}

.free-course-podcast__title .free-text-img {
    margin-left: -3px;
    margin-right: -7px;
}

.free-course-podcast__content {
    color: #fff;
}

.entry-content .free-course-podcast__content h3 {
    color: #fff;
    font-size: 2.1875rem; /* 35px */
    line-height: 1.2;
    font-weight: 400;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.free-course-podcast__content p {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.free-course-podcast__content form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.free-course-podcast__input {
    border: 0;
    border-radius: 3px;
    color: #777;
    padding: 15px;
    position: relative;
}

.free-course-podcast__input-wrapper {
    position: relative;
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.free-course-podcast__input-wrapper input {
    padding-left: 40px;
    height: 100%;
}

.free-course-podcast__input-wrapper:before {
    font-family: "FontAwesome";
    font-weight: 700;
    position: absolute;
    color: #ccc;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    z-index: 1;
}

.free-course-podcast__input-wrapper-name:before {
    content: '\f007';
}

.free-course-podcast__input-wrapper-email:before {
    content: '\f0e0';
}

.free-course-podcast__content form button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 165px;
    flex: 0 0 165px;
}

.sidebar .widget-about--podcast img {
    max-width: 175px;
    margin-bottom: 30px;
}
.sidebar .widget-podcast__about__single img {
    max-width: 140px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 0 2px #e44e88;
    box-shadow: 0 0 0 3px #e44e88;
}
.top-edisodes-featured {
    max-width: 90px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.prev-next-podcast__thumb {
    padding: 10px 25px 15px;
    background-color: #f5f6f7;
    width: 50%;
    margin-right: 1px;
    margin-bottom: 1px;
    -webkit-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.prev-next-podcast__thumb.right-thumb { margin-left: auto; }

.prev-next-podcast__thumb:hover {
    background-color: #e8e8e8;
}

.prev-next-podcast__thumb > a:hover { text-decoration: none; }

.prev-next-podcast__thumb i { font-size: 0.625rem; } /* 10px */

.podcast-title-wrap__title:last-child,
.podcast-title-wrap__description:last-child {
    margin-bottom: 0;
}

.free-img {
    -webkit-transform: translateY(24px);
    -ms-transform: translateY(24px);
    transform: translateY(24px);
}

.challenge-img {
    position: absolute;
    bottom: -1px;
    left: -30px;
}

/* #CUSTOM SCROLLBAR */

.simplebar-track {
    background-color: #dddddd;
    border-radius: 6px;
}

.simplebar-scrollbar {
    right: 0;
    width: 7px;
}

.simplebar-track.simplebar-vertical {
    width: 7px;
    right: 3px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 0;
    bottom: 0;
    background: #9c9c9c;
    opacity: 1;
}

.single-podcast .simplebar-scrollbar,
.single-podcast .simplebar-track.simplebar-vertical {
    width: 10px;
}

.single-podcast-links {
    background-image: url('../images/waves-sm.png');
    background-position: right calc(100% + 24px);
    background-repeat: no-repeat;
}

.single-podcast-links__img {
    max-width: 207px;
    margin-bottom: -100px;
}

.podcast-about__title { background-color: #2d2a32; }

.podcast-about__title:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(228, 78, 136, 0);
    border-top-color: #2d2a32;
    border-width: 12px;
    margin-left: -12px;
}

.podcast-about__img { max-width: none; }

.podcast-about__info {
    padding: 30px;
    padding-right: 50px;
}

.podcast {}

.bg--podcast { background: url('../images/podcast-bg.jpg') no-repeat center/cover; }

.podcast__img {
    margin-top: -70px;
    margin-bottom: -50px;
    margin-right: -80px;
}

.h2--xl { font-size: 56px; }

.podcast__btn {
    position: relative;
    display: block;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
    max-width: 250px;
    width: 100%;
    padding: 20px 20px 20px 30px;
    border-radius: 3px;
}

.podcast__btn::after {
    content: '\f105';
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.podcast__btn:hover,
.podcast__btn:focus { text-decoration: none; }

.podcast__btn:focus::after,
.podcast__btn:hover::after { right: 15px; }

.podcast__btn img { margin: -30px 0 -30px -30px; }

.entry-content .podcast-about__title h2,
.entry-content .podcast-about__title h3 { color: #fff; }

.entry-content .podcast-about__title h2 {
    margin-bottom: 10px;
    font-size: 30px;
}


.entry-content .podcast-about__title h3 {
    margin-bottom: 5px;
    font-weight: 400;
}

/* #COMING SOON */

.coming-soon-desktop {
    margin-top: -200px;
}

.coming-soon-mobile {
    display: none;
}

/* #DEFAULT PAGE */

.page-template-default p {
    word-break: break-word;
}

/* #QUIZ */

.bg--quiz { background: url('../images/quiz-bg.jpg') no-repeat center/cover; }

.box-quiz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 570px;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 4px solid #e44e88;
    border-radius: 13px;
    overflow: hidden;
    text-align: center;
}

.box-quiz h2 { font-size: 38px; }

.box-quiz__content {
    padding-left: 15px;
    padding-right: 15px;
}

.box-quiz img {
    display: block;
}

/* #HOME PRODUCTS */

.panel--flip {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    width: 100%;
    height: 430px;
}

.panel--flip.flipped .panel__box { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.panel--flip.flipped .panel__box--front .panel__link { display: none; } /*fix for safari*/

.panel__box {
    position: relative;
    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-transform 0.5s;

    transition: -webkit-transform 0.5s;

    -o-transition: transform 0.5s;

    transition: transform 0.5s;

    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.panel__box--front {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 4px solid #e54e89;
    padding: 10px;
}
.panel__box--front .panel__link { margin-top: auto; }

.panel__box--back {
    padding: 60px 15px 70px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-box-shadow: 0 2px 8px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 8px 2px rgba(0,0,0,.2);
}

.panel__box--front,
.panel__box--back {
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.panel__img {
    display: block;
    margin-bottom: 20px;
}

.panel__title {
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.panel:nth-child(2) .panel__title { color: #e54e89; }
.panel:last-child { margin-bottom: 0!important; }

.bg--pink-scratched .panel:nth-child(2) .panel__title { color: #fff; }

.panel__quote__author,
.panel__quote {
    text-align: center;
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.panel__link {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}

.panel__link--right {
    display: table;
    margin-left: auto;
}

.panel__link:hover,
.panel__link:focus {
    text-decoration: none;
}

.panel__link--arrow {
    position: relative;
    padding: 10px 40px 10px 10px;
}

.panel__link--arrow::after {
    content: '\f105';
    font-family: FontAwesome;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 2px;
    width:  26px;
    height: 26px;
    border: 2px solid #e54e89;
    background-color: #e54e89;
    color: #fff;
    border-radius: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.panel__link--arrow:hover::after,
.panel__link--arrow:focus::after { right: 5px; }

.panel__link--arrow-white {
    padding-right: 60px;
    padding-left: 60px;
}
.panel__link--arrow-white::after {
    background-color: transparent;
    border-color: #fff;
    right: 20px;
}
.panel__link--arrow-white:hover::after,
.panel__link--arrow-white:focus::after { right: 25px; }

.panel__btn {
    display: block;
    background-color: #e54e89;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.panel__close {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 35px;
}

.panel__content {
    font-size: 19px;
    line-height: 1.4;
    text-align: center;
}

.product_section__card {
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 16.56px 1.44px rgba(25, 25, 25, 0.1);
    box-shadow: 0 5px 16.56px 1.44px rgba(25, 25, 25, 0.1);
    border-top: 4px solid #da3375;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.product_section__card p {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: #fff;
}

.product_section__card:hover p {
    color: #da3375;
}

.product_section__img {
    padding-top: 95.7%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 2px solid #da3375;
}

.product_section__img--prot {
    background-image: url('../images/shop-protein-img.jpg');
}

.product_section__img--work {
    background-image: url('../images/shop-workout-img.jpg');
}

.product_section__img--meal {
    background-image: url('../images/shop-meal-img.jpg');
}


/*--------------------------------------------------------

#BERRY GUIDE NEW

--------------------------------------------------------*/

.page-template-template-thank-you .site-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: calc(100vh - 37px);
}

.supplement-box h2 {
    max-width: 600px;
    font-size: 3rem; /* 48px */
    line-height: 1.2;
}

.bg-gray-shades {
    background-image: url('../images/bg-landing-guide.jpg');
    padding-top: 60px;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}



/*.bg-gray-shades--after:after {
    content: "";
    background-image: url(../images/Image-Collage.png);
    width: 100%;
    height: 270px;
    position: absolute;
    left: 0;
    bottom: 12px;
    pointer-events: none;
}*/

.supplements-thank-you {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top:    60px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.bg-serenicalm.supplements-thank-you {
    background-image: url(../images/bg-landing-guide-serenicalm.jpg);
}
.supplements-thank-you:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    background-position-x: calc(50% + 280px);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-width:991px) {

    .page-template-template-programs .programs_categories_wrapper.sticky-menu-helper {
        position: -webkit-sticky;
        position: sticky;
        top: 75px;
        z-index: 19;
    }
    .serenicalm-thankyou .supplements-thank-you:after {
        background-position-x: calc(50% + 50px);
        background-size: 320px;
        top: 60px;
    }
    .bg-serenicalm.supplements-thank-you {
        background-image: url(../images/bg-landing-guide-serenicalm.jpg);
        padding-top: 100px;
        padding-bottom:100px;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        position: relative;
    }
}

.ty-quiz .txt--18 { padding-right: 110px; }
.ty-quiz h1 {
    font-size: 76px;
    line-height: 1;
}
.ty-quiz .wrap {
    padding-top: 110px;
    padding-bottom: 110px;
}

.supplements-thank-you h2 {
    font-size: 76px;
}

.supplements-thank-you h4 {
    font-size: 24px;
    margin-bottom: 30px
}

.berry-thank-you-col {
    position: relative;
    z-index: 9;
    padding-right: 60px;
}

.input--group {
    width: 48%;
    position: relative;
}

.input--group label.error {
    position: absolute;
    top: -19px;
    left: 4px;
    font-size: 0.8125rem; /* 13px */
    color: red;
}

.form-component input {
    border: none;
    border-radius: 3px;
}

.btn--custom {
    max-width: 180px;
}

.txt--lg {
    font-size: 1.5rem; /* 24px */
}

.txt--md {
    font-size: 1.375rem; /* 22px */
}

.icon-before {
    position: relative;
    padding-left: 58px;
}

.icon-before:before {
    content: '';
    position: absolute;
    left: 0;
    top: -13px;
    width: 46px;
    height: 46px;
    background-color: #e44e88;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
}

.icon-before--48:before {
    width: 48px;
    height: 48px;
}

/* .icon-before--bg-none:before { background-color: transparent; } */

.icon-shake:before {
    background-image: url('../images/Shake-It-Up.svg');
    background-size: 16px 30px;
}

.icon-blend:before {
    background-image: url('../images/Blend-It-Up.svg');
    background-size: 18px 28px;
}

.icon-bake:before {
    background-image: url('../images/Bake-It-Up.svg');
    background-size: 28px 24px;
}

.icon-skin:before {
    background-image: url('../images/skin-icon.svg');
    background-size: 100%;
}

.icon-joints:before {
    background-image: url('../images/joints-icon.svg');
    background-size: 100%;
}

.icon-bones:before {
    background-image: url('../images/bones-icon.svg');
    background-size: 100%;
}

/* LEAD PAGE */

.page-template-template-lead-page .site-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.page-template-template-lead-page .container {
    max-width: 900px;
    padding: 0 16px;
    margin: 0 auto
}

.page-template-template-lead-page .page-title {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 9.3vw;
    text-align: center;
    color: #312e35;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap
}

.page-template-template-lead-page .page-title+.section-title {
    overflow: hidden;
    font-size: 15vw;
    line-height: 1.2;
    overflow: visible;
    white-space: nowrap
}

.page-template-template-lead-page.new-years-lead-page .page-title+.section-title {
    font-size: 7vw;
}

.page-template-template-lead-page .page-title+.section-title+.section-subtitle {
    text-align: center;
    line-height: 1;
    font-size: 14.7vw;
    margin: 0;
    margin-bottom: 24px;
    white-space: nowrap
}

.page-template-template-lead-page .section-title {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    text-align: center;
    color: #312e35;
    font-weight: 700;
    font-size: 1.875rem; /* 30px */
    line-height: 1.2
}

.page-template-template-lead-page .section-title+.section-subtitle {
    margin-top: 16px
}

.page-template-template-lead-page .section-subtitle {
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    text-align: center;
    color: #312e35;
    font-weight: 700;
    font-size: 1.5rem; /* 24px */
    line-height: 1.2
}

.page-template-template-lead-page form {
    margin: 80px 0 16px 0
}

.page-template-template-lead-page form .section-title {
    font-size: 8vw;
    margin-bottom: 16px;
}

.page-template-template-lead-page form+p {
    font-style: italic;
    color: #777;
}

.page-template-template-lead-page input[type=email],
.page-template-template-lead-page input[type=text] {
    padding: 15px;
    border: 1px solid rgba(119, 119, 119, .25);
    width: 100%;
    line-height: 1.3;
    font-size: 1rem; /* 16px */
    display: block;
    margin: 0 auto;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px
}

.page-template-template-lead-page input[type=email]:focus,
.page-template-template-lead-page input[type=text]:focus {
    border: 1px solid #e54e89
}

.page-template-template-lead-page input[type=email]+input,
.page-template-template-lead-page input[type=text]+input {
    margin-top: 16px
}

.page-template-template-lead-page input[type=submit] {
    background: #e54e89;
    font-weight: 700;
    font-size: 1.75rem; /* 28px */
    text-transform: capitalize;
    text-align: center;
    border-radius: 5px;
    padding: 20px 0;
    margin: 0;
    color: #fff;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    line-height: 1.1;
    border: none;
    display: block;
    margin: 32px auto 0 auto;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.page-template-template-lead-page input[type=submit]:hover {
    background: #ed7aa8;
}

.page-template-template-lead-page .text-primary {
    color: #e54e89
}

.page-template-template-lead-page .text-title {
    color: #312e35
}

.page-template-template-lead-page .page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

.page-template-template-lead-page .page .main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: 40% center;
    background-color: #e5e8ed;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 30px;
}

.page-template-template-lead-page.five-day-lead-page .page .main {
    background-position: 10% center;

}

.page-template-template-lead-page .page .main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(222, 222, 222, .6);
    width: 100%;
    height: 100%
}

.page-template-template-lead-page .page .main-content {
    max-width: 560px;
    position: relative;
    z-index: 1
}

.page-template-template-lead-page .page .main-content .txt--disclaimer {
    background: #c9c9c9;
    padding: 7px;
}

.page-template-template-lead-page .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-template-template-lead-page .modal__container {
    background-color: #fff;
    padding: 30px;
    width: 100%;
    max-width: 700px;
    height: 90vh;
    border-radius: 4px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page-template-template-lead-page .modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-template-template-lead-page .modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.375rem; /* 22px */
    line-height: 1.25;
    color: #312e35;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page-template-template-lead-page .modal__close {
    background: 0 0;
    border: 0
}

.page-template-template-lead-page .modal__header .modal__close:before {
    content: "\2715"
}

.page-template-template-lead-page .modal__content {
    margin-top: 36px;
    margin-bottom: 36px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8)
}

.page-template-template-lead-page .modal__content ul {
    list-style: disc;
    margin: 0 0 20px 20px
}

.page-template-template-lead-page .modal__content li+li {
    margin-top: 8px
}

.page-template-template-lead-page .modal__content p {
    margin: 0 0 20px 0;
    padding: 0
}

.page-template-template-lead-page .modal {
    display: none
}

.page-template-template-lead-page .modal.is-open {
    display: block
}


.page-template-template-lead-page .after-footer {
    text-align: center;
    padding: 19px;
    background: #2e3237;
    color: #fff;
}

.page-template-template-lead-page .after-footer .lists li {
    font-size: 1rem; /* 16px */
}

.page-template-template-lead-page .after-footer .lists a {
    color: #ffffff;

}
.page-template-template-lead-page .after-footer .lists li {

    padding: 0 10px;
}
.page-template-template-lead-page .after-footer .lists li:not(:first-child):before {

    background: #fff;

}

/* #TABS */

.tabs__content {
    display: none;
}

.tabs__content.active {
    display: block;
}

.tabs__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.tabs--product-reviews .tabs__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    border-top: 3px solid transparent;
    padding: 25px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
}

.tabs--product-reviews .tabs__nav-item.active {
    background-color: #fff;
}

.tabs--product-reviews .tabs__nav-item.bgp.active {
    border-color: #e44e88;
    color: #e44e88;
}

.tabs--product-reviews .tabs__nav-item.fbc.active {
    border-color: #6f3596;
    color: #6f3596;
}

.tabs--product-reviews .tabs__nav-item.wholesleep.active {
    border-color: #6e2881;
    color: #6e2881;
}
.tabs--product-reviews .tabs__nav-item.serenicalm.active {
    border-color: #123B92;
    color: #123B92;
}
.tabs--product-reviews .tabs__nav-item.bgp:hover {
    border-color: #e44e88;
}
.tabs--product-reviews .tabs__nav-item.fbc:hover {
    border-color: #6f3596;
}
.tabs--product-reviews .tabs__nav-item.wholesleep:hover {
    border-color: #6e2881;
}
.tabs--product-reviews .tabs__nav-item.serenicalm:hover {
    border-color: #123B92;
}
/* #ABOUT WHOLE BETTY */

.page-template-template-about img.about-logos {
    max-width: 385px;
    width: 100%;
}

.img-about-border-pink {
    border-radius: 50%;
    border: 5px solid #e44e88;
}

/* #WHOLE REVIEWS */

.page-template-template-product-reviews .img-about-border-pink {
    width: 260px;
    height: 260px;
    display: block;
}

.leave-review .wrap {
    max-width: 810px;
}

.product-reviews__quote {
    position: relative;
    padding-left: 25px;
}

.product-reviews__quote::before {
    content: url('../images/quote.svg');
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
    opacity: .2;
    z-index: 0;
}

.product-reviews__quote.quote--purple:before {
    content: url('../images/quote-purple.svg');
}
.product-reviews__quote.quote--blue:before {
    content: url('../images/quote-blue.svg');
}
.widget-podcast {
    padding-top: 100px;
    padding-bottom: 20px;
}

.widget-podcast__ask {
    background: url('../images/grundge-bg-sm.jpg') no-repeat center bottom/cover;
}

.widget-podcast__ask:hover,
.widget-podcast__ask:focus { text-decoration: none; }

.widget-podcast__avatar {
    max-width: 150px;
    -webkit-box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 0 10px 0 rgba(0, 0, 0, 0.4);
}

.widget-podcast__ask-now {
    background-color: #e44e88;
    -webkit-box-shadow: 0 -10px 0 0 rgba(228, 78, 136, 0.1);
    box-shadow: 0 -10px 0 0 rgba(228, 78, 136, 0.1);
    padding-top: 40px;
    padding-bottom: 15px;
}

.widget-podcast__questionmark {
    margin-top: -70px;
    margin-bottom: 10px;
}

.sidebar .widget-podcast__ask img { width: auto; }

.widget-podcast__show-more {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #e44d88;
    color: #fff;
    font-size: 24px;
    line-height: 1.7;
    margin-bottom: -50px;
    cursor: pointer;
}

.widget-podcast__show-more.open i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.widget-podcast__about-content {
    -webkit-transition: max-height .6s ease-in-out;
    -o-transition: max-height .6s ease-in-out;
    transition: max-height .6s ease-in-out;
    overflow: hidden;
    max-height: 47px;
}

.widget-podcast__about-content p {
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-animation: .5s closeWidget .3s linear forwards;
    animation: .5s closeWidget .3s linear forwards;
}


.widget-podcast__about-content.open {
    max-height: 350px;
}

.widget-podcast__about-content.open p {
    -webkit-animation: openWidget .3s linear forwards;
    animation: openWidget .3s linear forwards;
}


@-webkit-keyframes openWidget {
    from { -webkit-line-clamp: 2; }
    to   { -webkit-line-clamp: initial; }
}

@keyframes openWidget {
    from { -webkit-line-clamp: 2; }
    to   { -webkit-line-clamp: initial; }
}

@-webkit-keyframes closeWidget {
    from { -webkit-line-clamp: initial; }
    to   { -webkit-line-clamp: 2; }
}

@keyframes closeWidget {
    from { -webkit-line-clamp: initial; }
    to   { -webkit-line-clamp: 2; }
}

/* #ALL BANNERS LIST */

/* .page-template-template-all-banners .cta,
.page-template-template-all-banners .bg--cta {
    margin-bottom: 20px;
} */

/* purple-checkmark */

.purple-checkmark > li {
    position: relative;
    padding-left: 55px;
}

.purple-checkmark > li::before {
    content: '';
    position: absolute;
    background-image: url('../images/purple-checkmark.svg');
    background-repeat: no-repeat;
    width: 33px;
    height: 23px;
    left: 0;
    top: 0;
}

.flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; }

.about-hero-img {
    margin-left: -120px;
    max-width: 120%;
    width: 120%;
}

.list li {
    position: relative;
    padding-left: 40px;
}
.list li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top:  5px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.list.checkmark--up li::before { top: -2px; }
.list--checkmark li::before { background-image: url('../images/checkmark-pink.png'); }

.box-page {
    position: relative;
    background-color: #e7ebee;
    padding: 50px 30px;
}
.box-page::before,
.box-page::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
}
.box-page::before {
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #c9d1d7;
    -webkit-transform: rotate(-140deg);
    -ms-transform: rotate(-140deg);
    transform: rotate(-140deg);
    right: 10px;
    bottom: 2px;
}
.box-page::after {
    border-top:    20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right:  20px solid #fff;
    -webkit-transform: rotate(222deg);
    -ms-transform: rotate(222deg);
    transform: rotate(222deg);
    bottom: -13px;
    right: -4px;
}
/* #MALL */

.mall-top    {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: top;
    border-bottom: 2px solid #fff;
}
.mall-left   {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    grid-area: left;
    border-right: 2px solid #fff;
}
.mall-right  {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 5;
    grid-area: right;
    border-left: 2px solid #fff;
}
.mall-bottom {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    grid-area: bottom;
    border-top: 2px solid #fff;
}

.mall-outer {
    position: relative;
    height: 650px;
}

.mall-inner {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 0 auto;
    grid-template:
            'left top right'
            'left inner right'
            'left bottom right';
    grid-area: inner;
    -ms-grid-columns: 66px 0 1fr 0 66px;
    grid-template-columns: 66px 1fr 66px;
    grid-template-rows: 64px 1fr 64px;
    grid-gap: 0;
}

.mall-inner--gray  { background-color: #e6eaec; }
.mall-inner--white { background-color: #fff; }

.mall-inner--border {
    border-left:   2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right:  2px solid #fff;
}

.mall-inner--middle {
    height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mall-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.mall-group .mall-btn {
    position: relative;
    border-left: 2px solid #fff;
}
.mall-group .mall-btn:first-child { border-left: none; }

.mall-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 5px 10px;
    font-size: 23px;
    line-height: 1;
}
.mall-btn:focus,
.mall-btn:hover { text-decoration: none; }

.mall-btn--sm { font-size: 20px; }

.mall-left,
.mall-right { display: -ms-grid; display: grid; }

.mall-left .mall-rotate,
.mall-right .mall-rotate { text-align: center; }

.mall-left .mall-rotate  { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.mall-right .mall-rotate { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.mall-right.no-border { border: none; }

.mall-width .mall-rotate     { width: 550px; }
.mall-width--sm .mall-rotate { width: 490px; }
.mall-width--xs .mall-rotate { width: 260px; }

.mall-btn--gray {
    background-color: #e6eaec;
    color: #000;
}
.mall-btn--gray:hover { background-color: #d1d1d1; }

.mall-btn--pink {
    background-color: #e44e88;
    color: #fff;
}
.mall-btn--pink:hover { background-color: #ed7aa8; }

.mall-arrow { position: relative; }

.mall-arrow::before {
    content: '';
    width:  0;
    height: 0;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mall-arrow--left::before {
    border-top:    13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right:  13px solid #e44e88;
    left: -13px;
}
.mall-arrow--left:hover::before { border-right-color: #ed7aa8; }

.mall-arrow--right::before {
    border-top:    13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left:   13px solid #e44e88;
    right: -13px;
}
.mall-arrow--right:hover::before { border-left-color: #ed7aa8; }

.mall-arrow--up::before {
    border-left:   13px solid transparent;
    border-right:  13px solid transparent;
    border-bottom: 13px solid #e44e88;
    top: -13px;
}
.mall-arrow--up:hover::before { border-bottom-color: #ed7aa8; }

.mall-arrow--down::before {
    border-left:  13px solid transparent;
    border-right: 13px solid transparent;
    border-top:   13px solid #e44e88;
    bottom: -13px;
}
.mall-arrow--down:hover::before { border-top-color: #ed7aa8; }

.mall-arrow--left::before,
.mall-arrow--right::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mall-arrow--up::before,
.mall-arrow--down::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mall-btn.no-hover:hover {
    background-color: #e44e88;
}
.mall-btn.no-hover:hover::before { border-right-color: #e44e88; }

.mall-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width:  75px;
    height: 75px;
    border-radius: 50px;
    background-color: #23b8be;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.1;
    padding: 10px;
    position: absolute;
    right: 15%;
    top: -7px;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    z-index: 9;
}

.mall-btn--height { height: 62px; }

.mall-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
    line-height: 1;
    color: #000;
}
.mall-title:focus,
.mall-title:hover { text-decoration: none; }

.mall-title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left:   0;
    width: 0;
    height: 3px;
    background-color: #e44e88;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mall-title:hover::before { width: 90%; }

.mall-info {
    display: inline-block;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width:  15px;
    height: 15px;
    border-radius: 50px;
    background-color: #fff;
    margin-left: 15px;
}
.mall-info::after {
    content: '\f129';
    font-family: FontAwesome;
    font-size: 10px;
    line-height: 1;
    color: #e44e88;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.mall-info--pink { background: #e44e88; }
.mall-info--pink::after { color: #fff; }

/*fff banner*/

.form-fff {
    max-width: 555px;
}

.img--betty-flexing {
    position: absolute;
    bottom: -50px;
    left: 0;
}

.input-field { position: relative; }

.input-field input { transition: all .3s ease-in-out; }

input.parsley-error { border-color: #e44e88; }

.parsley-errors-list {
    position: absolute;
    bottom: -14px;
}

.parsley-errors-list li {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0;
    color: #e44e88;
}

/*step box*/

.dashed-line {
    position: relative;
}

.dashed-line::before {
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 120px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #a7a6b3), color-stop(60%, transparent));
    background-image: -o-linear-gradient(left, #a7a6b3 60%, transparent 60%);
    background-image: linear-gradient(to right, #a7a6b3 60%, transparent 60%);
    background-size: 8px;
}

.dashed-box {
    position: relative;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    border: 2px solid transparent;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #fff;
}

.dashed-box p { font-size: 24px; }

.dashed-box::before {
    content: '';
    position: absolute;
    top:    -2px;
    right:  -2px;
    bottom: -2px;
    left:   -2px;
    z-index: -1;
    background-image: -o-repeating-linear-gradient(315deg, transparent 0 4px, #DD5287 4px 10px);
    background-image: repeating-linear-gradient(135deg, transparent 0 4px, #DD5287 4px 10px);
    border-radius: 5px;
}


.step-box__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 245px;
}

.step-box__image img {
    display: block;
    background-color: #fff;
}

.step-box__title {
    font-size: 20px;
    font-family: "Lato", "Trebuchet MS", sans-serif;
    font-weight: 700;
}

.step-box__content {
    position: relative;
    padding-top: 30px;
}

.step-box-counter { counter-reset: step-box; }

.step-box__content::before,
.step-box__content::after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.step-box__content::before {
    content: '';
    display: block;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #e6eaed;
}

.step-box__content::after {
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: counter(step-box);
    counter-increment: step-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:  35px;
    height: 35px;
    border-radius: 50px;
    background-color: #3e3c55;
    color: #fff;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 20px;
}

/*confirm mail*/

.programs_categories-lg.bg--darker {
    background: url('../images/bg-darker-triangle.png') no-repeat center bottom/cover;
    margin-bottom: -20px;
}
.programs_categories-lg .wrap--padding-sm {
    padding-top: 50px;
    padding-bottom: 80px;
}


/*fff banner*/

.fff-banner .wrap--padding { padding-top: 0; }

.fff-banner__header {
    background-color: #e44e88;
    padding: 30px 15px;
    margin-bottom: 25px;
    border-bottom-left-radius:  3px;
    border-bottom-right-radius: 3px;
}

.fff-banner__header h2 { color: #fff; }

.fff-banner__header .txt--pink { color: #302e34; }

.form-fff {
    background: url('../images/form-bg-dark.jpg') no-repeat center/cover;
    margin: 0 auto 20px;
    padding: 20px 55px;
    max-width: 100%;
    width: 100%;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dashed-box {
        border: 2px dashed #DD5287;
    }
    .dashed-box::before { display: none; }
}

/* #MEDIA QUERIES */
@media only screen and (max-height: 900px) {

    .faqs__categories { top: 105px; }

    .faqs__category {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

@media only screen and (max-height: 920px) {

    #full-screen-search {
        background-size: 380px;
    }

}

@media only screen and (max-width: 1520px) {

    .about-welcome {
        background-position-x: 0;
    }

}

@media only screen and (max-width: 1330px) {

    .podcast-players {
        background: -o-linear-gradient(left, #302e35 calc(50% - 366px), #f2f3f4 calc(50% - 366px));
        background: linear-gradient(to right, #302e35 calc(50% - 366px), #f2f3f4 calc(50% - 366px));
    }

    .podcast-players:after { left: calc(50% - 367px); }

    .podcast-players h4 { margin-right: 15px; }

    .podcast-players h4 .fa-angle-right:first-of-type { margin-left: 10px; }

    .about-me__img { max-width: 100%; }

}

@media only screen and (max-width: 1300px) {

    .cta.cta--betty-food-bg .wrap:before {
        display: none;
    }

}

@media only screen and (max-width: 1280px) {

    .content,
    .site-header .widget-area {
        width: 100%;
    }

    .about-welcome {
        background-position-x: -2%;
    }

}

@media only screen and (max-width: 1250px) {

    .owl-carousel--programs .owl-nav [class*=owl-] {
        top: calc(100% - 8px);
    }

    .owl-carousel--programs .owl-next {
        right: calc(50% - 40px);
    }

    .owl-carousel--programs .owl-prev {
        left: calc(50% - 40px);
    }

    .cta.cta--betty-bg .wrap:before {
        display: none;
    }

    .cta.cta--betty-bg:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: url("../images/cta-betty-body-bg.png");
        width: 150px;
        background-size: 100%;
        background-position: top center;
        height: 100%;
    }

    .cta.cta--food-bg .wrap:before {
        display: none;
    }

    .cta.cta--food-bg:before {
        content: '';
        position: absolute;
        right: 0;
        height: 100%;
        width: 250px;
        background: url("../images/cta-food-bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 110px center;
    }

}

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

    .page-template-template-lead-page .page-title {
        font-size: 3.5625rem; /* 57px */
    }
    .page-template-template-lead-page .page-title+.section-title {
        font-size: 6rem; /* 96px */
        text-transform: none;
    }

    .page-template-template-lead-page.new-years-lead-page .page-title+.section-title {
        font-size: 3.125rem; /* 50px */
    }

    .page-template-template-lead-page .page-title+.section-title+.section-subtitle {
        font-size: 5.6875rem; /* 91px */
        margin-bottom: 32px;
        line-height: 1
    }
    .page-template-template-lead-page form .section-title {
        font-size: 3.125rem; /* 50px */
    }

}

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

    .cta--404.cta--widget-bg-left {
        padding-left: 15%;
    }

    .cta--404.cta--widget-bg-right {
        padding-right: 15%;
    }

    .page-template-template-lead-page input[type=email],
    .page-template-template-lead-page input[type=text] {
        font-size: 1.125rem; /* 18px */
        height: 70px;
        padding: 0 32px
    }

    .page-template-template-lead-page .page .main .main-content {
        margin-left: auto;
        margin-right: 10%
    }

}

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

    .main-blog-cateogiries [class*='col-'] {
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    }

    .menu-overlay.menu-triggered {
        display: none;
    }

    .menu-primary .sub-menu {
        top: 100%;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        width: 255px;
        background: #fff;
        border-top: 0;
        border-radius: 3px;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
    }

    .menu-primary .sub-menu::before {
        content: '';
        position: absolute;
        top: -25px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        width:  0;
        height: 0;
        border-left:   25px solid transparent;
        border-right:  25px solid transparent;
        border-bottom: 25px solid #fff;
        -webkit-filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.05));
        filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.05));
    }

    .menu-primary .sub-menu .sub-menu {
        right: inherit;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .menu-primary .sub-menu .sub-menu::before { display: none; }

    .menu-primary .sub-menu .menu-item {
        display: block;
        margin-bottom: 0;
    }

    .menu-primary .sub-menu .menu-item:last-child {
        margin-bottom: 0;
    }

    .menu-primary .sub-menu .menu-item a {
        font-size: 1.125rem; /* 18px */
        border: 0;
        padding: 10px;
        width: 100%;
    }

    .menu-primary .sub-menu .menu-item-has-children:after {
        content: '\f054';
        position: absolute;
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 0.75rem; /* 12px */
        top: 50%;
        right: 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .menu-primary .sub-menu .menu-item-has-children:hover:after { color: #fff; }
    .menu-primary .sub-menu .menu-item:hover>a {
        background: #e54e89;
        color: #fff;
    }


    .site-header .nav-primary .menu-item-has-children > a::after {
        content: '\f107';
        font-family: FontAwesome;
        margin-left: 5px;
    }
    .site-header .nav-primary .sub-menu .menu-item-has-children > a::after { display: none; }

    .about-welcome .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%;
    }

    .about-welcome .offset-lg-5 {
        margin-left: auto
    }

    .content-sidebar .sidebar .widget_nav_menu {
        display: none;
    }

    .programs-card--carousel:hover {
        -webkit-transform: perspective(1px) scale(1.05);
        transform: perspective(1px) scale(1.05);
    }

}

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

    .page-template-template-lead-page input[type=submit] {
        padding: 25px 0
    }
    .page-template-template-lead-page .page .main::after {
        display: none
    }
    .page-template-template-lead-page .page .main .main-content {
        margin-left: 45%;
        margin-right: unset
    }
    .page-template-template-lead-page form {
        margin-top: 0
    }

}

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

    .call_to_action {
        min-height: 125px;
    }

}

@media screen and (min-width: 992px) and (max-width: 1070px), screen and (min-width: 576px) and (max-width: 900px), screen and (max-width: 455px) {

    .whole-products__links [class^='col'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .whole-products__links [class^='col']:not(:last-child) {
        margin-bottom: 10px;
    }

}

@media screen and (min-width: 768px) and (max-width: 920px) {



    .icon-before--md-40:before {
        top: -10px;
        width: 40px;
        height: 40px;
    }

    .icon-before--md-40 {
        padding-left: 45px;
    }

    .icon-before--md-40.txt--lg {
        font-size: 1.125rem; /* 18px */
    }
}

@media only screen and (max-width: 1270px) {

    .bg--eating-quiz { background-position: -270px; }

    .about-hero-img {
        margin-left: 0;
        max-width: 100%;
        width: initial;
    }

    .call_to_action_13  .heading {
        font-size: 40px;
    }

    .call_to_action_13  .subheading {
        font-size: 29px;
    }


    .call_to_action_14  .cta--text {
        font-size: 43px;
    }

    .call_to_action_16 .cta--text {
        margin-right: 14px;
        margin-left:  14px;
    }

    .call_to_action_17 .heading { font-size: 43px; }

    .call_to_action_17 .subheading { font-size: 24.5px; }

}

@media only screen and (min-width: 992px ) and (max-width: 1200px) {

    .call_to_action_13  .heading {
        font-size: 26px;
    }

    .call_to_action_13  .subheading {
        font-size: 19px;
    }

    .single-podcast-links__img {
        max-width: 180px;
        margin-bottom: -80px;
    }

    .call_to_action_24 .cta--btn a,
    .call_to_action_25 .cta--btn a,
    .call_to_action_26 .cta--btn a,
    .call_to_action_27 .cta--btn a,
    .call_to_action_28 .cta--btn a,
    .call_to_action_29 .cta--btn a,
    .call_to_action_30 .cta--btn a,
    .call_to_action_31 .cta--btn a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .call_to_action_25 .heading { font-size: 43px; }
    .call_to_action_25 .subheading { font-size: 29px; }

    .call_to_action_24 .heading { font-size: 40px; }
    .call_to_action_24 .subheading { font-size: 26px; }

    .call_to_action_27 .heading { font-size: 30px; }
    .call_to_action_27 .subheading { font-size: 55px; }

    .call_to_action_27 .cta-img {
        width: 540px;
        background-size: contain;
    }

    .call_to_action_29 .heading { font-size: 60px; }
    .call_to_action_29 .subheading { font-size: 20px; }

    .call_to_action_30 .heading { font-size: 50px; }
    .call_to_action_30 .subheading { font-size: 27px; }



}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .page-template-template-success-stories .success-stories--repeater .row [class*='col-']:nth-child(3) { display: none; }
}

@media only screen and (max-width: 1200px) {

    .mall-btn--sm {
        font-size: 18px;
    }

    .take-the-challenge .wrap {
        padding-left: 300px;
    }

    .podcast {
        position: relative;
        padding-left: 25%;
    }

    .podcast h2 { margin-bottom: 30px; }

    .podcast__img {
        position: absolute;
        margin: 0;
        bottom: 0;
        left: 10px;
    }

    .as-seen-on { padding: 20px 0; }

    .panel__title { font-size: 33px; }
    .panel__content { font-size: 18px; }

    .txt--lg-pink { color: #e54e89; }

    .about-welcome {
        background-position-y: 50%;
    }

    .page-template-template-contact main {
        background-size: 50%;
    }

    .whole-products__img {
        max-width: 280px;
    }

    .tabs--product-reviews .tabs__nav-item {
        font-size: 1.175rem; /* 22px */
    }

    .tabs--product-reviews .tabs__nav-item::before {
        -webkit-transform: translateY(-50%) scale(0.85);
        -ms-transform: translateY(-50%) scale(0.85);
        transform: translateY(-50%) scale(0.85);
    }

    .call_to_action_14  .cta--text {
        font-size: 35px;
    }

    .call_to_action_16 .cta--text {
        font-size: 50px;
    }

    .call_to_action_17 .heading {
        font-size: 35px;
    }

    .call_to_action_17 .subheading {
        font-size: 20px;
    }

    .call_to_action_18 .heading { font-size: 58px; }

    .call_to_action_18 .subheading { font-size: 29.5px; }

    .call_to_action_19 .heading { font-size: 49px; }

    .call_to_action_19 .subheading { font-size: 26.4px; }


    .podcast-players .wrap {display: block; }

    .podcast-players:after { display: none; }

    .podcast-players {
        background: -o-linear-gradient(top, #302e35 70px, #f2f3f4 70px);
        background: linear-gradient(to bottom, #302e35 70px, #f2f3f4 70px)
    }

    .podcast-players h4 {
        margin-bottom: 30px;
        text-align: center;
        display: block !important;
    }

    .podcast-players h4 .fa-angle-right { display: none; }

    .btn--style-xl { font-size: 25px; }
}

@media only screen and (max-width: 1080px) {

    .panel--flip { height: 450px; }

    .site-footer ul {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    .site-footer .copyright li:nth-child(4)::before { display: none; }

    .h1--lg { font-size: 60px; }
    .h1--xl { font-size: 80px; }
    .h1--xxl { font-size: 95px; }

    .home-hero .txt--24 { font-size: 22px; }

    .site-header .nav-primary a {
        padding-left:  9px;
        padding-right: 9px;
    }

    .site-header .nav-primary .custom-search a {
        padding-right: 0;
    }

    .genesis-nav-menu a,
    .genesis-nav-menu>.first>a,
    .genesis-nav-menu>.last>a {
        padding-left: 12px;
        padding-right: 12px;
    }

    .sidebar-page--flex .entry-title, .page-template-default .entry-title {
        font-size: 2.5rem; /* 40px */
    }

    .coming-soon-desktop {
        margin-top: -150px;
    }

    .programs__wrap--meal .programs-card__title {
        padding-right: 0;
        padding-left: 0;
    }

    .product_section__card p {
        text-transform: capitalize;
    }

    .call_to_action_14  .cta--text {
        font-size: 28px;
    }

    .call_to_action_16 .cta--text {
        font-size: 43px;
    }

    .call_to_action_17 .heading {
        font-size: 28px;
    }

    .call_to_action_17 .subheading {
        font-size: 16px;
    }

    .call_to_action_18 .heading { font-size: 44px; }

    .call_to_action_18 .subheading { font-size: 22.5px; }

    .call_to_action_19 .heading { font-size: 35px; }

    .call_to_action_19 .subheading { font-size: 19px; }

}

@media only screen and (max-width: 1020px) {

    .panel__link--arrow-white::after,
    .panel__link--arrow-white:hover::after,
    .panel__link--arrow-white:focus::after { right: 10px; }

    .content,
    .site-header .widget-area {
        width: 100%;
    }

    .sidebar-primary,
    .title-area {
        width: 100%;
    }

    .sidebar-primary .widget {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media only screen and (max-width: 991px) {

    .fff-banner__header {
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 0;
    }

    .form-fff { border-radius: 5px; }

    .fff-banner__img img { border-radius: 5px; }

    .img--betty-flexing {
        position: relative;
        bottom: inherit;
        left: 0;
        max-width: 200px;
        margin-left: -15px;
        margin-right: 30px;
    }

    .fff-banner .wrap--padding {
        padding-top: 0;
        padding-bottom: 45px;
    }

    .bg--fff { background: none; }

    .px--md-20 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .tabs__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .as-seen-on img { max-width: 80px; }

    .bg--eating-quiz { background-position: -330px; }

    .mall-wrapper {
        height: 1110px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
    }
    .mall {
        width: 1110px;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .mall-left .mall-rotate { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

    .mall-rotate--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .mall-title {
        width: 100px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mall-title:hover::before { display: none; }

    .mall-title .mall-info {
        margin-left: 0;
        margin-top: 10px;
    }

    .mall-title--mobile {
        position: absolute;
        top: 160px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 290px;
        left: -115px;
    }

    .mall-notice {
        right: 45px;
        bottom: 0;
        top: inherit;
        -webkit-transform: rotate(105deg);
        -ms-transform: rotate(105deg);
        transform: rotate(105deg);
    }

    .mall-inner--border {
        border-top: 2px solid #fff;
    }

    .bg--start-here { background-position: bottom, center; }

    .take-the-challenge .wrap {
        padding-left: 270px;
    }

    .challenge-img {
        max-width: 300px;
        bottom: 0;
    }

    h2.h2--lgx { font-size: 50px; }

    .free-img {
        max-width: 80px;
        -webkit-transform: translateY(21px);
        -ms-transform: translateY(21px);
        transform: translateY(21px);
    }

    .programs_categories .wrap--padding {
        padding-top: 30px;
        padding-bottom: 1px;
    }

    .btn--style-xl {
        font-size: 31px;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .bg--collection {
        min-height: inherit;
        padding-top: 30px;
    }
    .bg--collection .h2--xl { font-size: 50px; }
    .txt--28 { font-size: 26px; }

    .bg--about-mob {
        background: url('../images/home-about-mob.png') no-repeat right top/contain;
        padding-right: 150px;
        min-height: 150px;
    }

    .pt--md-0 { padding-top: 0; }

    .podcast { padding-left: 30%; }

    .podcast h2 { font-size: 48px; }

    .panel { max-width: 380px; }

    .panel__link--arrow-white::after,
    .panel__link--arrow-white:hover::after,
    .panel__link--arrow-white:focus::after { right: 20px; }

    .h1--lg { font-size: 54px; }
    .h1--xl { font-size: 74px; }
    .h1--xxl { font-size: 88px; }

    .bg--hero { background-position: 55% center; }

    .call_to_action_27 .heading,
    .call_to_action_27 .subheading {
        color: #e54e89;
        font-size: 40px;
    }
    .call_to_action_27 .text { font-size: 55px; }

    .call_to_action_31 { padding-top: 20px; }
    .call_to_action_31 .text {
        margin-bottom: 15px;
        font-size: 29px;
    }

    .call

    .call_to_action_29 .subheading {
        margin-left: 0;
    }

    .success-stories__title {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .supplements-thank-you h2 {
        font-size: 60px;
    }
    .site-header.sticky+* {
        margin-top: 70px;
    }

    .site-header ul.genesis-nav-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .site-header ul.genesis-nav-menu .custom-search {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .site-header>.wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .menu-toggle,
    .sub-menu-toggle {
        display: block;
    }

    .nav-primary:not(.menu-toggle) {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        height: calc(100vh - 100px);
        overflow-y: auto;
        width: 80%;
        max-width: 350px;
        z-index: 50;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: transform 300ms ease-in-out;
        -webkit-transition: -webkit-transform 300ms ease-in-out;
        transition: -webkit-transform 300ms ease-in-out;
        -o-transition: transform 300ms ease-in-out;
        transition: transform 300ms ease-in-out;
        transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    }

    .site-header.sticky .nav-primary:not(.menu-toggle) {
        height: calc(100vh - 70px);
    }

    .sidebar-content .nav-primary:not(.menu-toggle) {
        height: calc(100vh - 177px);
    }

    .sidebar-content .site-header.sticky .nav-primary:not(.menu-toggle) {
        height: calc(100vh - 130px);
    }

    .nav-primary.triggered {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .genesis-nav-menu .sub-menu {
        display: none;
        width: 100%;
        position: relative;
        opacity: 1;
        left: 0;
        z-index: 10;
    }

    .genesis-nav-menu .sub-menu { padding-bottom: 10px; }

    .genesis-nav-menu .sub-menu .sub-menu {
        margin: 0;
    }

    .genesis-nav-menu .sub-menu .sub-menu a {
        padding-left: 50px;
        font-size: 16px;
    }

    .site-header .nav-primary a {
        padding: 20px;
    }

    .nav-secondary .sub-menu {
        position: absolute;
        max-width: 100%;
    }

    .genesis-nav-menu .sub-menu a,
    .genesis-nav-menu .menu-item {
        width: 100%;
    }

    .menu-secondary>.menu-item:first-child {
        width: 100%;
    }

    .menu-secondary>.menu-item:not(:first-child) {
        width: 33.33%;
    }

    .genesis-nav-menu:not(.menu-secondary) .menu-item:not(:first-child):before {
        display: none;
    }

    .nav-primary .sub-menu a {
        border: 0;
    }

    .nav-primary .menu-item {
        display: block;
    }

    .menu-primary>.menu-item {
        border-top: 1px solid #eee;
    }

    .menu-primary .sub-menu a {
        padding: 10px 20px 10px 30px;
        font-size: 18px;
    }

    .menu-secondary .sub-menu a {
        padding: 3px 10px;
    }

    .home .badge {
        display: none;
    }

    .hero__image:not(.hero__image--podcast) {
        background-position: center;
    }

    .cta.cta--widget-bg-visible .wrap:before {
        display: block;
    }

    .cta__lower {
        background-position-x: 0;
    }

    .search-section {
        background-position-x: calc(100% + 100px);
    }

    .about-welcome {
        background-position: center calc(100% + 40px);
        background-size: 50%;
        padding-bottom: 45%;
        padding-top: 40px;
    }

    .page-template-template-flexible .text-only--section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .page-template-template-programs .testimonials {
        padding: 40px 0;
    }

    .cta-free-mobile {
        display: inline;
        max-width: 80px;
        -webkit-transform: translate(10px, 10px);
        -ms-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
    }

    .cta-free-desktop {
        display: none;
    }

    .cta-img--fruit {
        width: 180px;
        height: 93px;
    }
    .cta--text h2 {
        font-size: 2.25rem; /* 36px */
    }
    .cta--text p {
        font-size: 0.875rem; /* 14px */
        letter-spacing: 5px;
    }
    .cta--btn a {
        font-size: 1.375rem; /* 22px */
        padding: 10px 30px;
    }

    .start-here-header {
        padding: 50px 0;
    }

    .start-here-header__search,
    .start-here-header__video {
        width: 100%;
    }

    .start-here-header__search {
        padding-right: 0;
    }

    .start-here-header__video {
        margin-bottom: 30px;
    }

    .page-template-default .content-sidebar-wrap.d-flex,
    .single-post .content-sidebar-wrap.d-flex,
    .single-podcast .content-sidebar-wrap.d-flex,
    .sidebar-page--flex .content-sidebar-wrap.d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sidebar-primary {
        margin: 20px auto 0;
        padding-left: 0;
    }

    .page-template-template-contact .site-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sidebar-content .sidebar,
    .content-sidebar .sidebar .widget_nav_menu {
        position: fixed;
        z-index: 60;
        margin: 0;
        padding: 0;
        max-width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .sidebar-content .sidebar .widget,
    .content-sidebar .sidebar .widget_nav_menu {
        margin-bottom: 0;
        max-width: 100%;
    }

    .menu-categories-menu-container {
        display: block;
        top: inherit;
    }

    .sidebar-content .sidebar .menu-categories-menu-container,
    .content-sidebar .sidebar .widget_nav_menu .menu-categories-menu-container {
        position: fixed;
        right: 0;
        bottom: 60px;
        height: calc(100vh - 60px);
        overflow: auto;
        width: 260px;
        background: #f5f6f7;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    .sidebar-content .sidebar .menu-categories-menu-container.activated,
    .content-sidebar .sidebar .widget_nav_menu .menu-categories-menu-container.activated {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    body.category,
    body.single-post,
    body.single-podcast {
        padding-bottom: 60px;
    }

    .page-template-template-blog .widget-title,
    .category .widget-title,
    .search .widget-title,
    .content-sidebar .sidebar .widget_nav_menu .widget-title {
        background: #323232;
    }

    .content-sidebar .sidebar .widget_nav_menu .widget-title {
        font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
        font-size: 1.25rem; /* 20px */
        font-weight: 500;
        color: #fff;
        background: #323232;
        text-transform: uppercase;
        padding: 15px 20px;
        margin-bottom: 0;
    }

    .explore-my-blog__card-wrapper {
        max-width: 100%;
    }

    .blog-categories-title {
        font-size: 1.3125rem; /* 21px */
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 10px;
        letter-spacing: -0.5px;
    }

    .page-template-template-blog .site-inner,
    .page-template-template-popular-posts .site-inner,
    .category .site-inner,
    .search .site-inner {
        background: #f5f6f7;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .page-template-template-popular-posts .site-inner .content-sidebar-wrap,
    .category .site-inner .content-sidebar-wrap,
    .search .site-inner .content-sidebar-wrap {
        padding-right: 15px;
        padding-left: 15px;
        background: #fff
    }

    .page-template-template-blog main.content {
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .page-template-template-blog .site-inner .content-sidebar-wrap .pagination,
    .page-template-template-popular-posts .site-inner .content-sidebar-wrap .pagination,
    .category .site-inner .content-sidebar-wrap .pagination,
    .search .site-inner .content-sidebar-wrap .pagination {
        margin-top: 10px;
    }

    .tax-podcast_categories .site-inner,
    .page-template-template-see-all-podcast .site-inner {
        background: #fff;
    }

    .tax-podcast_categories .site-inner .content-sidebar-wrap,
    .page-template-template-see-all-podcast .site-inner .content-sidebar-wrap {
        padding-right: 0;
        padding-left: 0;
    }

    .hero-text-podcast h1 {
        font-size: 3.125rem; /* 50px */
    }

    .hero-text-podcast .fs--26 {
        font-size: 1.375rem; /* 22px */
    }

    html #wpadminbar { z-index: 50; }

    .single main,
    .sidebar-page--flex main {
        max-width: 100%;
    }

    .supplement-box h2 {
        font-size: 2.375rem; /* 38px */
        max-width: 100%;
    }

    .txt--lg {
        font-size: 1.1875rem; /* 19px */
    }

    .supplements-thank-you {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .supplements-thank-you:after {
        background-position-x: calc(50% + 200px);
    }

    .page-template-template-product-reviews .img-about-border-pink {
        width: 220px;
        height: 220px;
    }

    .whole-products__img {
        max-width: 240px;
    }

    .tabs--product-reviews .tabs__nav-item {
        font-size: 1.125rem; /* 18px */
        padding: 20px 10px;
    }

    .tabs--product-reviews .tabs__nav-item::before {
        left: 25px;
    }

    .bg--cta.call_to_action_callogen .cta--btn {
        margin-left: 70px;
    }

    .bg--cta.call_to_action_callogen_1 {
        background-position: calc(50% + 290px) center, calc(100% + 30px) center, center;
    }

    .bg--cta.call_to_action_callogen_2 {
        background-position: calc(50% + 290px) center, center;
        background-size: 160px, cover;
    }

    .faqs {
        padding-top: 50px;
    }

    /* .faqs__section { margin-bottom: 50px; } */

    .faqs__categories {
        top: 90px;
        max-height: calc(100vh - 100px);
    }

    .product_section__card p {
        font-size: 1.125rem; /* 18px */
        text-transform: uppercase;
        padding-top:    15px;
        padding-bottom: 15px;
    }

    .product_section__card .product_section__img {
        border-width: 4px;
    }

    .cta-img--wholesleep-2bot {
        width: 220px;
    }

    .call_to_action_11, .call_to_action_32 {
        padding: 30px 0;
        overflow: hidden;
        z-index: 0;
    }

    .call_to_action_11 .cta-img {
        position: absolute;
        left: 40%;
        z-index: -1;
        width: 310px;
    }

    .call_to_action_32 .cta-img {
        position: absolute;
        right: 0;
        top: -30px;
        bottom: 0;
        height: auto;
        left: auto;
        background-position: 30px calc(100% + 45px), right calc(50% + 19px);
    }
    .call_to_action_32 .cta--text{
        text-align: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .call_to_action_32 .cta--btn { margin-left: 0; }

    .bg--cta.call_to_action_33{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .call_to_action_33 .cta-img {
        width: 250px;
        height: 130px;
        background-size: contain;
    }
    .call_to_action_34 .cta-img {
        width: 300px;
        height: 130px;
        background-size: contain;
        background-position: center bottom;
    }

    /* .call_to_action_14 {
        padding-top: 30px;
        padding-bottom: 30px;
    } */

    .call_to_action_16 {
        padding-top: 30px;
        padding-bottom: 30px;
        overflow: hidden;
    }

    .call_to_action_16 .cta--text {
        margin-bottom: 30px;
    }

    .call_to_action_16 .cta--text,
    .call_to_action_16 .cta--btn {
        padding-left: 100px;
        text-align: center;
    }

    .call_to_action_16 .cta-img {
        background-image: url('../images/betty-2-circles-vertical.png');
        position: absolute;
        left: 15px;
        width: 105px;
        height: 190px;
    }

    .call_to_action_column_lg { padding-top: 30px; }

    .call_to_action_column_lg .wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

    .call_to_action_column_lg .cta--text { margin-bottom: 30px; }

    .call_to_action_column_lg .cta--btn { margin-bottom: 30px; }

    .call_to_action_14 .cta-img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

    .call_to_action_14 .cta--text {
        font-size: 42px;
    }

    .call_to_action_16 .cta--text {
        font-size: 56px;
    }

    .call_to_action_12 .cta--btn a,
    .call_to_action_13 .cta--btn a,
    .call_to_action_14 .cta--btn a,
    .call_to_action_15 .cta--btn a,
    .call_to_action_16 .cta--btn a,
    .call_to_action_17 .cta--btn a,
    .call_to_action_18 .cta--btn a,
    .call_to_action_19 .cta--btn a,
    .call_to_action_20 .cta--btn a,
    .call_to_action_21 .cta--btn a {
        padding-left:  46px;
        padding-right: 46px;
        font-size: 22px;
    }

    .call_to_action_17 .heading {
        font-size: 44px;
    }

    .call_to_action_17 .subheading {
        font-size: 25px;
    }

    .call_to_action_18,
    .call_to_action_19 { padding-bottom: 130px; }

    .call_to_action_18 .heading,
    .call_to_action_19 .heading {
        font-size: 58px;
    }

    .call_to_action_18 .subheading,
    .call_to_action_19 .subheading {
        font-size: 29.5px;
    }

    .call_to_action_18 .cta-img,
    .call_to_action_19 .cta-img {
        position: absolute;
        bottom: 0;
    }

    .call_to_action_28 .cta--btn { margin-bottom: 0; }

    .fixed-header-offset-padd {
        padding-top: 90px;
        margin-top: -90px;
    }

    .category .site-inner .content-sidebar-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }

    .category main {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .podcast-widget-wrap .sidebar-primary { padding-right: 0; }

    .podcast-widget-wrap {
        padding-bottom: 30px;
    }

    .bg--contact {
        background: #fff url(../images/betty-contact.jpg) no-repeat -100px top /cover;
    }

    .faq-links-wrapper {
        padding: 40px;
        background: #fff;
    }

    .contact__form {
        padding: 40px 15px;
        background-color: #F7F6F6;
    }
    .file_upload-wrap .nf-field-element {
        text-align: center;
        margin-bottom: 10px;
    }

    .box-about img { max-width: 300px; }
    .box-about:nth-child(1) { padding-left: 350px; }
    .box-about:nth-child(1) img { left: 20px; }
    .box-about:nth-child(2) { padding-right: 350px; }
    .box-about:nth-child(2) img { right: 20px; }

    .start-here-category [class*='col']:nth-child(1),
    .start-here-category [class*='col']:nth-child(2) {
        display: block;
        margin-bottom: 30px;
    }
    .start-here-category [class*='col']:nth-child(3)::before { display: none; }

}

@media only screen and (max-width: 920px) {

    .bg--eating-quiz { background-position: -400px; }

    svg.serenicalm-text-1 {
        width: 220px;
    }
    .cta-img--serenicalm-2bot-2 {
        background-image: url(../images/serenicalm-2bottles-2.png), url(../images/serenicalm-banner-text.png);
        background-position: right top, left calc(50% + 0px);
        width: 425px;
        height: 130px;
    }

    .testimonials .owl-prev {
        left: -35px;
    }

    .testimonials .owl-next {
        right: -35px;
    }

    .btn--start-here {
        margin-left: 10px;
    }

    .btn--start-here:before {
        display: none;
    }

    .call_to_action_12 .cta-img {
        width: 220px;
        background-size: 100%;
    }


    .call_to_action_15 .cta--text {
        font-size: 30px;
    }
}

@media only screen and (max-width: 820px) {

    .cta__lower--food {
        background-position-x: -80px;
    }

    .coming-soon-desktop {
        margin-top: -100px;
    }

    .call_to_action_20 .heading,
    .call_to_action_21 .heading {
        font-size: 40px;
    }

    .call_to_action_20 .subheading,
    .call_to_action_21 .subheading {
        font-size: 44px;
    }

    .call_to_action_20 .heading-number,
    .call_to_action_21 .heading-number { font-size: 90px; }

}

@media only screen and (max-width: 850px)  {
    svg.serenicalm-text-1 {
        width: 220px;
    }
    svg.serenicalm-text {
        width: 300px;
    }
    .call_to_action_23 .cta-img {
        width: 340px;
        background-image: url(../images/serenicalm-2bottles-2-tablet-new.png);
        background-size: contain;
        background-position: right bottom, left calc(50% + 0px);
        height: 97px;
    }
    /*.call_to_action_23 .cta--btn {*/
    /*    margin-right: auto;*/
    /*}*/
}

@media only screen and (max-width: 767px) {

    .dashed-line::before { display: none; }

    .form-fff {
        background-image: url('../images/form-bg-2.jpg');
        padding-left: 15px;
        padding-right: 15px;
    }

    .step-box {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

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

    .bg--cta.call_to_action_34 {
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    .call_to_action_34 .cta-img {
        background-image: url(../images/vanilla-two-mob.png);
        width: 50%;
        height: 210px;
        z-index: -1;
        right: -100px;
        bottom: 0;
    }

    .call_to_action_33 .cta--text {
        text-align: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .call_to_action_33 .cta--btn { margin-left: 0; }

    .call_to_action_33 .cta-img {
        right: 0;
        background-image: url(../images/vanilla-one-mob.png);
        background-position: 130%;
        width: 370px;
        height: 210px;
    }

    .tabs__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tabs__col:last-child img { top: -13px!important; }

    .pillar-line-wrapper [class*='col-']:nth-child(2)::before { right: 15px; }
    .pillar-line-wrapper [class*='col-']:nth-child(3)::before { left: 15px; }


    .home-hero img {
        margin-left: -15px;
        margin-right: -15px;
        max-width: calc(100% + 30px);
    }

    .bg--hero { background: url('../images/hero-snow-mob.jpg') no-repeat -20px 310px/cover }

    .home-hero { background-image: none!important; }

    .bg--hero::before {
        background-position: center top;
        background-size: contain;
    }
    .bg--hero::after { display: none; }

    .as-seen-on .wrap { max-width: 700px; }
    .as-seen-on img {
        max-width: 100%;
        margin: 10px;
    }

    .pt--sm-20 { padding-top: 20px; }
    .pt--sm-0 { padding-top: 0; }
    .pb--sm-20 { padding-bottom: 20px; }

    .bg--workout-quiz { background-position: left; }
    .bg--eating-quiz { background-position: right; }
    .ty-quiz .wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ty-quiz h1 { text-align: center; }

    .ty-quiz .txt--18 {
        padding-right: 0;
    }

    .ty-quiz .txt--24 { text-align: center; }

    h2.h2--xxl { font-size: 75px; }

    .site-footer { padding: 40px 0 20px; }

    .site-footer .row:first-child [class*='col'] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .site-footer .copyright {
        position: relative;
        padding-top: 0;
    }

    .site-footer .copyright::before,
    .site-footer .row:first-child [class*='col']::before {
        content: '';
        position: relative;
        max-width: 300px;
        width: 100%;
        height: 2px;
        margin: 25px auto;
        left: inherit;
        top: inherit;
        display: block;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        background-color: #595959;
    }

    h2.h2--lgx { font-size: 40px; }

    .free-img {
        max-width: 70px;
    }

    .box-about {
        padding: 20px 15px 20px;
        margin: 0 10px 40px;
    }
    .box-about img,
    .box-about:nth-child(1) img,
    .box-about:nth-child(2) img {
        max-width: calc(100% + 20px);
        top: inherit;
        left: inherit;
        right: inherit;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        position: relative;
        margin-bottom: 30px;
    }
    .box-about:nth-child(1) { padding-left: 15px; }
    .box-about:nth-child(2) { padding-right: 15px; }

    .pull-sm-none {
        display: block;
        max-width: 100%;
        margin: 20px auto 30px;
        float: none;
    }

    .social-media__item { text-align: center; }
    .social-media__icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .podcast { padding-left: 230px; }

    .podcast h2 { max-width: 320px; }

    .podcast__img { left: 0; }

    .as-seen-on { padding: 10px 0; }

    .mb-sm--30 { margin-bottom: 30px; }
    .mt-sm--30 { margin-top: 30px; }


    .call_to_action_29 .cta-img {
        background-image: url(../images/lioness-banner-2-mob.png);
    }

    .call_to_action_28 .subheading { text-align: left; }

    .search-form-input-category { padding: 20px 50px; }

    .blog-category-menu__btn {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .search-icon-category { top: 25px; }

    .faqs__category--parent .faqs__category--children {
        border: none;
        border-left: 5px solid #e44d88;
    }
    .faqs__category.has-children::before,
    .faqs__category.has-children::after {
        background-color: #e44d88;
    }
    .faqs__category.has-children:hover::before,
    .faqs__category.has-children:hover::after {
        background-color: #fff;
    }
    .faqs__category.active.has-children::before,
    .faqs__category.active.has-children::after {
        background-color: #fff;
    }
    .faqs__category--parent {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 0;
    }

    .faqs__category {
        background: transparent;
        color: #323232;
        font-weight: 700;
        font-size: 1rem; /* 16px */
        padding-top: 12px;
        padding-bottom: 12px;
        margin-bottom: 0;
    }

    .faqs__category:last-child { border-bottom: 0; }

    .mb--40 { margin-bottom: 20px; }
    .mb--md-40 { margin-bottom: 40px; }
    .mb--100 { margin-bottom: 70px; }

    .pb--60 { padding-bottom: 40px }
    .pt--60 { padding-top: 40px }
    .pt--70 { padding-top: 40px; }
    .pt--80 { padding-top: 40px }
    .pb--80 { padding-bottom: 40px; }

    .btn.pb--15 { padding-bottom: 10px; }
    .btn.pt--15 { padding-top: 10px; }
    .btn.pb--20 { padding-bottom: 10px; }
    .btn.pt--20 { padding-top: 10px; }

    .header-bar-top { padding: 10px 0; }

    .image-text-style-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-bar-left,
    .menu-before-header-container a {
        font-size: 0.8125rem; /* 13px */
    }

    .header-bar-left .btn {
        font-size: 0.8125rem; /* 13px */
        padding-top: 5.5px;
        padding-bottom: 5.5px;
        width: 100px;
    }

    .image_rotator .wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .hero__image {
        height: 250px;
        background-size: contain;
    }

    .cta__lower {
        background-size: 260px;
        background-position-y: bottom;
        background-position-x: 0;
        padding: 30px 0 80px;
    }

    .bg--cta {
        padding: 30px 0;
        z-index: 1;
    }

    .bg--cta.call_to_action_1 {
        overflow-x: hidden;
    }

    .bg--cta.call_to_action_2 {
        background-color: #eeefec;
        background-image: url('../images/green-splash.png');
        background-position: right bottom;
        background-size: auto;
    }

    .cta-img { position: absolute; }

    .bg--cta.call_to_action_1 .cta-img {
        right: -65px;
        bottom: 0;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        z-index: -1;
    }

    .bg--cta.call_to_action_2 .cta-img {
        bottom: 0;
        left: -65px;
        z-index: -1;
    }

    .cta--text {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .cta--text strong {
        font-weight: 400;
    }

    .call_to_action_callogen .cta--text strong {
        font-weight: 700;
    }

    .cta--text h2 { font-size: 3rem; } /* 48px */

    .cta--text p {
        font-size: 1.125rem; /* 18px */
        letter-spacing: 7px;
    }

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

    .call_to_action_10 .cta--text,
    .call_to_action_11 .cta--text,
    .call_to_action_22 .cta--text,
    .call_to_action_23 .cta--text
    {
        text-align: left;
    }

    .call_to_action_10 .cta--btn,
    .call_to_action_11 .cta--btn,
    .call_to_action_22 .cta--btn,
    .call_to_action_23 .cta--btn
    {
        margin-left: 0;
    }

    .cta-img--wholesleep-2bot{
        right: 5%;
        bottom: 0;
        width: 290px;
        height: 100%;
    }
    .cta-img--serenicalm-2bot,  .cta-img--serenicalm-2bot-2 {
        right: 0%;
        bottom: 0;
        width: 150px;
        height: 100%;
    }

    .call_to_action_11 .cta-img {
        right: 0;
        top: -30px;
        bottom: 0;
        height: auto;
        left: auto;
        background-position: -40px calc(100% + 45px), left calc(50% + 19px);
    }
    .call_to_action_23 .cta-img {
        background-image: url(../images/serenicalm-2bottles-2-text-mob.png);
        right: 0;
        top: 0px;
        bottom: 0;
        height: auto;

    }
    .call_to_action_23 .cta-img {
        width: 307px;
    }
    .call_to_action_23 .cta--btn {
        position: relative;
        top: 13px;
    }
    .programs-card--carousel { min-height: 225px; }

    .testimonials,
    .page-template-template-workout-plans .testimonials { padding-top: 50px; }

    .social-media_section { padding: 30px 0; }

    .social-media_section a { font-size: 3.125rem; } /* 50px */

    .search-section {
        background-image: none;
        padding: 40px 0 95px;
    }

    .search-field {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .search-button {
        max-width: 100%;
        padding: 15px;
        position: relative;
    }

    .search-section .search-button:after {
        content: '';
        position: absolute;
        bottom: -165%;
        right: -40px;
        width: 172px;
        height: 173px;
        background: url('../images/search-bg-mobile.png') no-repeat top center;
        background-size: 100%;
        pointer-events: none;
    }

    .page-template-template-home .testimonials {
        /*margin-bottom: -500px;*/
    }

    .success-stories--repeater {
        padding: 50px 0 30px;
    }

    .success-stories--gallery {
        padding: 50px 0;
    }

    .programs-card:not(.programs-card--single) {
        margin-bottom: 20px;
    }

    .programs-card--single {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .programs-card--single .programs-card__img {
        width: 100%;
    }

    .page-template-template-flexible .text-only--section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* .page-template-template-blog main,
    .category main,
    .search main {
        padding: 0 30px;
    } */

    .cta__lower h2 {
        font-size: 2.1875rem; /* 35px */
    }

    .cta__lower--body {
        background-size: 200px;
        padding-bottom: 30px;
    }

    .cta__lower .free-text {
        width: 55px;
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    .cta img {
        max-height: 50px;
    }

    /* .cta p {
        font-size: 0.9375rem;
        max-width: 82%;
        margin: auto;
    } */

    .page-template-template-programs .masonry--gallery {
        padding: 40px 0;
    }

    .page-template-template-contact .entry-content p:first-child {
        margin-bottom: 50px;
        max-width: 60%;
    }

    .page-template-template-contact .site-inner {
        padding: 0;
        margin: 0;
    }

    .page-template-template-contact main {
        padding-left: 30px;
        padding-right: 30px;
    }

    .social-media_section {
        padding: 0;
    }

    .cta-free-mobile,
    .call_to_action_sidebar .cta .cta-free-mobile {
        width: 60px;
    }

    .cta.cta--betty-food-bg .wrap:before {
        display: block;
        left: -60px;
        background-position-y: bottom;
        top: auto;
        bottom: -5px
    }

    .start-here-header p {
        margin-bottom: 15px;
    }

    #full-screen-search {
        background-size: 300px;
    }

    #full-screen-search .btn {
        max-width: 100%;
    }

    #full-screen-search .search-field {
        margin-bottom: 20px;
    }

    .cta--404 .btn {
        margin-top: 20px;
    }

    .free-course-podcast__content form { -ms-flex-wrap: wrap; flex-wrap: wrap }

    .free-course-podcast__content form button {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: 100%;
    }

    .free-course-podcast__input-wrapper { margin-bottom: 10px; }

    .free-course-podcast__input-wrapper-email { margin-right: 0; }

    /* .image_rotator_podcast { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } */

    /* .hero-text-podcast { text-align: center; } */

    .hero__image--podcast {
        background-size: contain;
        background-position: top center;
        height: auto;
    }

    .hero__image--podcast:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60%;
        background: -o-linear-gradient(bottom, rgba(235, 233, 229, 0.95) 30%, transparent);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(235, 233, 229, 0.95)), to(transparent));
        background: linear-gradient(to top, rgba(235, 233, 229, 0.95) 30%, transparent);
    }

    .coming-soon-desktop {
        display: none;
    }

    .coming-soon-mobile {
        display: block;
    }

    .fancybox-stage .fancybox-close-small {
        right: 0;
    }

    .fancybox-content .programs-card__content_title {
        font-size: 2.375rem; /* 38px */
    }

    .fancybox-content .programs-card__content_subtitle {
        font-size: 1.25rem; /* 20px */
    }

    .bg-gray-shades {
        padding-top: 30px;
        text-align: center;
    }

    .supplement-box form {
        max-width: 400px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .input--group {
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

    .input--group:last-child {
        margin-bottom: 0;
    }

    .btn--custom {
        max-width: 100%;
    }

    .supplements-thank-you h2 {
        font-size: 55px;
    }

    .unicorn-seal {
        padding: 15px 20px;
    }

    .img-about-border-pink {
        max-width: 220px;
    }

    .page-template-template-product-reviews .img-about-border-pink {
        width: 160px;
        height: 160px;
        margin: 0 auto;
    }

    .whole-products__img {
        max-width: 200px;
    }

    .tabs--product-reviews .tabs__nav-item::before {
        left: 15px;
        -webkit-transform: translateY(-50%) scale(0.60);
        -ms-transform: translateY(-50%) scale(0.60);
        transform: translateY(-50%) scale(0.60);
    }

    .bg--cta.call_to_action_callogen_1 {
        background-position: calc(100% + 30px) calc(100% + 35px), calc(100% + 10px) bottom, center;
    }

    .bg--cta.call_to_action_callogen .cta--text {
        text-align: left;
    }

    .bg--cta.call_to_action_callogen .cta--btn {
        margin-left: 0;
    }

    .bg--cta.call_to_action_callogen_2 {
        background-position: calc(50% + 150px) calc(100% + 25px), center;
        background-size: 200px, cover;
    }


    .faqs__mobile-nav {
        background: #323232;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px 20px;
        z-index: 60;
    }

    /* .faqs__section { margin-bottom: 40px; } */

    .faqs__mobile-toggle span:last-child { margin-bottom: 0; }

    .faqs__categories {
        position: fixed;
        right: 0;
        bottom: 60px;
        top: 0;
        padding: 0;
        overflow: auto;
        width: 310px;
        max-height: none;
        background: #f5f6f7;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        z-index: 60;
    }

    .faqs__categories.activated {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .card-content__category { font-size: 0.6875rem; } /* 11px */

    .bg--cta.bg--grundge {
        background-image: url('../images/gray-grunge-bg-mobile.jpg');
    }

    .call_to_action_12 { overflow: hidden; }

    .call_to_action_12 .cta--text,
    .call_to_action_12 .cta--btn {
        position: relative;
        right: -50px;
    }

    .call_to_action_12 .cta-img {
        background-image: url('../images/betty-3-circles-vertical.png');
        background-size: auto;
        width: 75px;
        height: 200px;
    }

    .call_to_action_column_lg { padding-bottom: 160px; }

    .call_to_action_column_lg .cta--btn { margin-bottom: 0; }

    .call_to_action_column_lg .cta-img {
        bottom: 0;
    }

    .call_to_action_15 { padding-bottom: 0; }

    .call_to_action_15 .cta-img {
        position: static;
        width: 332px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background-position-y: 20px;
    }

    .call_to_action_17 { padding-bottom: 30px; }

    .call_to_action_17 .cta-img {
        position: static;
    }

    .call_to_action_14 .cta--text {
        font-size: 36px;
    }

    .call_to_action_15 .cta--text {
        font-size: 36px;
    }

    .call_to_action_16 .cta--text {
        padding-right: 20px;
    }

    .call_to_action_17 .heading {
        font-size: 35px;
    }

    .call_to_action_17 .subheading {
        font-size: 20px;
    }

    .call_to_action_20,
    .call_to_action_21 { padding-bottom: 150px; }

    .call_to_action_20 .heading,
    .call_to_action_21 .heading {
        font-size: 48px;
    }

    .call_to_action_20 .subheading,
    .call_to_action_21 .subheading {
        font-size: 54px;
    }

    .call_to_action_20 .heading-number,
    .call_to_action_21 .heading-number { font-size: 105px; }

    .call_to_action_20 .cta-img,
    .call_to_action_21 .cta-img {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .image_rotator_podcast {
        background-position: calc(50% + 250px) calc(100% + 110px), center;
        min-width: 300px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .hero-text-podcast h1 {
        font-size: 2.0625rem;
    }

    .coming-soon-section {
        background-image: url('../images/waves.png');
        background-position: center calc(100% + 50px);
    }

    .page-template-template-podcast .site-inner { margin-top: 0; }

    .single-podcast-links__img {
        max-width: 160px;
        margin-bottom: -75px;
    }

    .podcast-about__info {
        padding: 20px;
    }

    .supplements-thank-you:after {
        background-position-x: calc(50% + 150px);
    }

    .tabs--product-reviews .tabs__nav-item {
        margin-top:    0;
        margin-bottom: 0;
        padding-left: 50px;
    }

    .tabs--product-reviews .tabs__nav-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 25px 10px;
    }

    .tabs--product-reviews .tabs__nav-item img {
        position: absolute;
        top: -28px;
        left: -10px;
        -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
        margin-bottom: 0;
    }

    .tabs--product-reviews .tabs__nav-item .whole-sleep-img {
        left: -53px;
    }

    .call_to_action_27 { padding-bottom: 20px; }
    .call_to_action_31 .cta-img,
    .call_to_action_27 .cta-img { position: relative; }

    .call_to_action_31 { padding-bottom: 0; }


    .call_to_action_28 { padding-bottom: 130px; }

    .call_to_action_29 .cta-img {
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: inherit;
        background-size: contain;
        background-position: right;
        z-index: -1;
    }

}

@media only screen and (max-width: 680px) {

    .mall { width: 990px; }

    .mall-wrapper { height: 990px; }

    .mall-inner {
        -ms-grid-columns: 50px 0 1fr 0 48px;
        grid-template-columns: 50px 1fr 48px;
        -ms-grid-rows: 48px 0 1fr 0 50px;
        grid-template-rows: 48px 1fr 50px;
    }

    .mall-inner > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(7) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(8) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }
    .mall-btn { font-size: 20px; }

    .mall-btn--sm { font-size: 17px; }

    .mall-title--mobile {
        top: 140px;
        left: -125px;
    }

    .panel__link--arrow-white::after,
    .panel__link--arrow-white:hover::after,
    .panel__link--arrow-white:focus::after { right: 10px; }

    .panel__btn { text-transform: capitalize; }

    .panel__title { font-size: 29px; }
    .panel__content { font-size: 17px; }

    .header-bar-left {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
    }

    .header-bar-right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
    }

    .explore-my-blog h2 {
        margin-bottom: 20px;
    }

    .menu-before-header-coniner li:not(:last-child) {
        display: none;
    }

    .masonry-item {
        width: 100%;
    }

    .cta .btn {
        margin-left: 0;
    }

    .entry-image-link {
        display: block;
        margin: 0 auto 10px;
    }

    .entry-image-link img {
        margin: 0 auto;
        float: none;
    }

    .sidebar-page--flex .entry-title, .page-template-default .entry-title {
        font-size: 2.1875rem; /* 35px */
    }

    .tabs--product-reviews .tabs__nav-item::before {
        left: -5px;
    }

}

@media only screen and (max-width: 620px) {

    .as-seen-on img { margin: 5px; }

    .menu-secondary>.menu-item:not(:first-child) {
        width: 50%;
    }
    .single .entry-content img.alignright, .single .entry-content img.alignleft, .single .entry-content .wp-caption.alignright, .single .entry-content .wp-caption.alignleft  {
        float: none;
        text-align: center;
        clear: both;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
        padding: 0!important;
    }

    .cta-img--wholesleep-2bot {
        width: 210px;
        background-position: center bottom, right -10px;
    }

}

@media only screen and (max-width: 575px) {

    .fff-banner__header {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .fff-banner .list { margin-bottom: 10px; }

    .fff-banner .list li { padding-left: 35px; }

    .fff-banner .list li::before {
        top: 0;
        width: 25px;
        height: 25px;
    }

    .fff-banner h2 { font-size: 34px; }

    .fff-banner .h2--sm { font-size: 28px; }

    .fff-banner .txt--20 { font-size: 20px; }

    .fff-banner .txt--xs-18 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .form-fff .h4--lg { font-size: 24px; }

    .img-free--white { max-width: 80px; }

    .img--betty-flexing {
        max-width: 130px;
        margin-right: 10px;
        margin-left: -20px;
    }

    .programs_categories-lg.bg--darker {
        background-image: url('../images/bg-darker.jpg');
        margin-bottom: 0;
    }
    .programs_categories-lg .wrap--padding-sm {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .dashed-box { padding: 20px; }
    .dashed-box p { font-size: 20px; }

    .btn--xs-full { max-width: 100%; }

    .call_to_action_34 .cta--btn { margin-left: 0; }

    .call_to_action_34 .cta-img { width: 70%; }

    .pillar-img {
        padding-left:  0;
        padding-right: 0;
    }

    /*.pillar-line-wrapper [class*='col-']::before {*/
    /*    height: inherit;*/
    /*    width: 2px;*/
    /*    top:    0;*/
    /*    bottom: 0;*/
    /*    left: 50%;*/
    /*    transform: translateX(-50%);*/
    /*    right: inherit;*/
    /*}*/

    .bg--hero {
        background: url(../images/hero-snow-mob.jpg) no-repeat -20px 170px/cover;
    }

    .as-seen-on img:first-child { max-width: 44px; }

    .as-seen-on img {
        width: inherit;
        max-width: 19%;
        margin: 5px 2px;
    }

    .panel--flip {
        height: 420px;
    }

    .site-footer .btn--pink-md,
    .btn--style {
        font-size: 22px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .header-bar-top .wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

    .header-bar-top {
        padding: 7px 0;
    }
    .member-login a { font-size: 12px; }

    .header-bar-left .btn {
        padding-top: 2px;
        padding-bottom: 2px;
        width: 100px;
        font-size: 13px;
    }

    .about-me__text p {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 25px;
    }

    .mall-inner {
        -ms-grid-columns: 40px 0 1fr 0 40px;
        grid-template-columns: 40px 1fr 40px;
        -ms-grid-rows: 45px 0 1fr 0 45px;
        grid-template-rows: 45px 1fr 45px;
    }

    .mall-inner > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(7) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(8) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }

    .mall-wrapper { height: 830px; }
    .mall { width: 830px; }

    .mall-title--mobile {
        top: 110px;
        left: -130px;
    }

    .mall-btn { font-size: 15px; }

    .mall-title {
        width: 70px;
        font-size: 18px;
    }
    .mall-notice {
        right: -15px;
        bottom: -40px;
    }

    .mall-inner--middle { height: 70px; }


    h2.h2--xxl { font-size: 65px; }


    .about-accordion .accordion-panel__content p,
    .about-accordion .accordion-panel__content li,
    .txt--20 { font-size: 17px; }

    .menu-before-header-container a { border-left: none; }

    .site-footer .btn--pink-md,
    .site-footer .search-form { max-width: 300px; }

    .site-footer ul li:nth-child(1),
    .site-footer ul li:nth-child(2),
    .site-footer ul li:nth-child(3) {
        display: block;
    }
    .site-footer ul li:nth-child(2)::before { display: none; }

    .site-footer .copyright li { margin-bottom: 15px; }

    .wrap--padding-lg {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .wrap--padding-lg.pt--md-0 { padding-top: 0; }

    .about-welcome-hero h1 {  font-size: 40px; }

    section.pt--40,
    h2.pt--40 { padding-top: 20px; }

    .arrow-down--lg::after {
        border-left-width:  35px;
        border-right-width: 35px;
        border-top-width:   35px;
    }

    .take-the-challenge .wrap {
        padding: 30px 30px 30px 150px;
    }

    .challenge-img { max-width: 200px; }

    h2.h2--lgx { font-size: 26px; }

    .free-img {
        max-width: 45px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: -10px;
    }

    .about-accordion .accordion { padding: 15px 60px 20px 20px; }

    .about-accordion .accordion::before {
        top: 12px;
        right: 5px;
    }

    .about-accordion .accordion-panel__content { padding: 20px; }

    .box-page { padding: 20px 30px 30px; }

    .programs_categories .wrap--padding { padding-bottom: 10px; }

    .accordion-icons .social-media_section a { margin-right: 20px; }

    .btn--style-xl {
        display: block;
        max-width: 270px;
        font-size: 25px;
        padding: 20px 10px;
        margin: 0 auto 20px;
    }

    .bg--collection { background: url('../images/collection-bg-mob.jpg') no-repeat center/cover; }
    .txt--28 { font-size: 22px; }

    .bg--collection [class*='col'] { padding-left: 40px; }

    .social-media__content { font-size: 20px; }

    .podcast h2 { font-size: 45px; }
    .podcast__btn { margin-bottom: 25px; }

    .panel__link--arrow-white::after,
    .panel__link--arrow-white:hover::after,
    .panel__link--arrow-white:focus::after { right: 20px; }

    .panel__btn { text-transform: uppercase; }

    .panel__title { font-size: 34px; }
    .panel__content { font-size: 19px; }

    .h1--lg {
        font-size: 40px;
        line-height: 1.4;
    }
    .h1--xl,
    .h1--xxl { font-size: 49px; }

    .home-hero .line-under::after { left: -100px; }

    .page-template-template-blog .main-blog-cateogiries .card-content .card-content__title { font-size: 24px; }

    .call_to_action_24,
    .call_to_action_25,
    .call_to_action_26,
    .call_to_action_27,
    .call_to_action_30,
    .call_to_action_31 {
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .call_to_action_24 .wrap,
    .call_to_action_25 .wrap,
    .call_to_action_26 .wrap,
    .call_to_action_27 .wrap,
    .call_to_action_30 .wrap,
    .call_to_action_31 .wrap {
        padding-left: 5px;
        padding-right: 5px;
    }

    .call_to_action_24 { padding-bottom: 150px; }
    .call_to_action_25 { padding-bottom: 130px; }
    .call_to_action_26 { padding-bottom: 140px; }

    .call_to_action_27 .cta-img,
    .call_to_action_30 .cta-img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-size: contain;
        background-position: center bottom;
    }

    .call_to_action_27 .cta-img {
        height: 120px;
        margin-bottom: 20px;
    }
    .call_to_action_29 .heading { font-size: 58px; }
    .call_to_action_29 .subheading {
        width: 270px;
        text-align: left;
    }

    .call_to_action_27 .heading,
    .call_to_action_27 .subheading { font-size: 30px; }
    .call_to_action_27 .text { font-size: 41px; }


    .call_to_action_30 .heading,
    .call_to_action_31 .heading { font-size: 48px; }
    .call_to_action_31 .text,
    .call_to_action_30 .subheading { font-size: 26px; }

    .call_to_action_31 .text { margin-bottom: 0; }

    .call_to_action_30 .cta--text,
    .call_to_action_31 .cta--text {
        margin-bottom: 5px!important;
    }
    .call_to_action_31,
    .call_to_action_30 { padding-top: 5px; }

    .call_to_action_31 .cta-img {
        width: 100%;
        height: 100px;
        margin-right: 0;
        margin-left: 0;
        background-position: center;
    }

    .call_to_action_32 .cta--btn a,
    .call_to_action_33 .cta--btn a,
    .call_to_action_34 .cta--btn a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .call_to_action_32 .cta-img {
        right: -90px;
        background-position: 0 calc(100% + 20px), left calc(50% + 20px);
        background-size: 100px, auto;
    }
    .call_to_action_33 { overflow: hidden; }
    .call_to_action_33 .cta-img {
        right: -20px;
        background-position: right;
        width: 50%;
        height: 210px;
    }
    .call_to_action_33 .cta--text img,
    .call_to_action_34 .cta--text img { max-width: 50%; }

    .search-form-input-category {
        padding: 20px 10px 20px 40px;
        font-size: 19px;
    }
    .search-icon-category {
        top: 24px;
        font-size: 20px;
    }

    .mt-xs--0 { margin-top: 0; }

    .mb--xs-30 { margin-bottom: 30px; }

    .pt--xs-20 { padding-top: 20px; }
    .pt--xs-0 { padding-top: 0; }
    .pb--xs-20 { padding-bottom: 20px; }

    .btn--lg {
        font-size: 1.25rem; /* 20px */
    }

    .cta .btn {
        font-size: 1.25rem; /* 20px */
    }

    /* .mb--110 {
        margin-bottom: 50px;
    } */

    .pb--60 {
        padding-bottom: 30px
    }

    .pt--60 {
        padding-top: 30px
    }

    .pt--70 {
        padding-top: 30px;
    }

    .pt--80 {
        padding-top: 30px
    }

    .pb--80 {
        padding-bottom: 30px;
    }

    h2,
    .box-quiz h2 {
        font-size: 2rem; /* 32px */
    }

    .social-counter-wrapper:after {
        height: 50%;
        width: 1px;
    }

    .social-counter-wrapper i {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .cta__lower {
        background-size: 220px;
    }

    .cta__lower.cta__lower--body {
        background-size: 180px;
    }

    .cta__lower .btn {
        max-width: 250px;
    }

    .cta--text h2 {
        font-size: 1.9375rem; /* 31px */
    }

    .call_to_action_callogen_1 .cta--text h2 {
        font-size: 9.8vw;
    }

    .call_to_action_callogen_1 .cta--text p {
        text-align: center;
    }

    .cta--text p {
        font-size: 0.875rem; /* 14px */
        letter-spacing: 3px;
    }

    .social-media_section a {
        font-size: 2.5rem; /* 40px */
    }

    .programs-card:last-child {
        margin-bottom: 0;
    }

    .success-stories__button {
        width: 80%;
    }

    .contact__sub-title p { margin-bottom: 0; }

    .cta .btn {
        max-width: 205px;
    }

    .social-media-links {
        padding: 40px 0;
    }

    /* .programs-card__title {
        font-size: 2rem;
    } */

    .programs-card__content-wrap p {
        font-size: 0.875rem; /* 14px */
    }

    .success-stories__title .fs--19 {
        font-size: 1rem; /* 16px */
    }

    .submit-popup {
        background-image: none;
    }

    .submit-popup .submit-popup__content {
        max-width: 100%;
    }

    .submit-popup .submit-popup__sub-header {
        max-width: 100%;
    }

    .start-here-header {
        padding: 40px 0;
    }

    /* .page-template-template-blog .content .row.mb--110 {
        margin-bottom: 0;
    } */

    .page-template-template-blog .card-content, .category .card-content, .search .card-content {
        padding-bottom: 15px;
    }

    .sidebar-content .explore-my-blog__card-wrapper {
        margin-bottom: 18px;
    }

    .prev-next-podcast__thumb { width: 100%; }

    .ask-question-podcast__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 5px;
        background-image: url('../images/ask-question-bg-mobile.jpg');
        text-align: center;
        padding-right: 45px;
    }

    .ask-question-podcast__content img {
        max-width: 65px;
    }

    .ask-question-podcast__content::after {
        right: 5px;
        font-size: 80px;
    }

    .entry-content .ask-question-podcast__content h3 {
        margin-right: 0;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .podcast-players__icons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .podcast-players__icons > a {
        margin-bottom: 15px;
        width: 50%;
        text-align: center;
    }

    .single main, .page-template-default main, .sidebar-page--flex main {
        padding-right: 15px;
        padding-left: 15px;
    }

    .icon-before {
        width: 100%;
        margin-bottom: 40px;
    }

    .icon-before:before {
        left: auto;
        margin-left: -60px;
    }

    .flex-xs-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .berry-thank-you-col {
        padding-right: 15px;
        text-align: center;
    }

    .supplements-thank-you {
        padding-top: 40px;
        padding-bottom: 320px;
    }

    .supplements-thank-you:after {
        background-position-x: center;
        background-position-y: bottom;
        height: 50%;
    }

    .unicorn-seal img {
        float: left;
        margin-right: 15px;
        max-width: 65px;
    }

    .tabs--product-reviews .tabs__nav-item {
        width: 100%;
        display: block;
    }

    .tabs--product-reviews .tabs__nav-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .bg--cta.call_to_action_callogen_1 {
        background-position: calc(50% + 30px) calc(100% + 35px), calc(100% + 10px) bottom, center;
        background-size: 130px, 250px, cover;
    }

    .call_to_action_callogen .cta--text p {
        letter-spacing: 0.58em;
        font-size: 0.75rem; /* 12px */
    }

    .bg--cta.call_to_action_callogen_2 {
        background-position: calc(100% + 10px) calc(100% - 5px), center;
        background-size: 180px, cover;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        font-size: 2.5rem; /* 40px */
    }

    .owl-carousel--programs .owl-nav [class*=owl-] {
        top: calc(100% - 20px);
    }

    /*.page-template-template-home .testimonials {*/
    /*    margin-bottom: -530px;*/
    /*}*/

    .accordion--nutrition { padding: 15px; }

    .accordion--nutrition::before {
        font-size: 1.125rem;
    }

    .nutrition__item {
        padding: 15px 8px;
    }

    /*testimonials*/
    .testimonial {
        max-width: 450px;
        margin-left:  auto;
        margin-right: auto;
    }
    .testimonial__header::after  { top: 12px; }



    .call_to_action_10 .cta--text,
    .call_to_action_22 .cta--text {

        margin-bottom: 35px;
    }

    .call_to_action_23 .cta--text {
        margin-bottom: 50px;
    }
    svg.wholesleep-text,  svg.wholesleep-text-1 {
        width: 185px;
    }
    svg.serenicalm-text {
        width: 160px;
    }
    svg.serenicalm-text-1 {
        width: 130px;
    }


    .call_to_action_column_lg { overflow: hidden; }

    .call_to_action_13 {
        padding-top: 15px;
        padding-bottom: 90px;
    }

    .call_to_action_13 .cta-img {
        width: 300px;
        height: 75px;
        background-size: 100%;
    }

    .call_to_action_column_lg .cta--text { margin-bottom: 20px; }


    .call_to_action_13  .heading {
        font-size: 30px;
    }

    .call_to_action_13  .subheading {
        font-size: 23px;
    }

    .call_to_action_14 .cta--text {
        font-size: 24px;
    }

    .call_to_action_15 { padding-top: 20px; }

    .call_to_action_15 .cta--text {
        font-size: 28px;
    }

    .call_to_action_16 .cta--text {
        padding-right: 0;
    }

    .call_to_action_16 .heading {
        font-size: 35px;
    }

    .call_to_action_17 .heading {
        font-size: 22px;
    }

    .call_to_action_17 .subheading {
        font-size: 14px;
    }

    .call_to_action_14 {
        padding-top: 15px;
        padding-bottom: 110px;
    }

    .call_to_action_14 .cta-img,
    .call_to_action_15 .cta-img {
        width: 260px;
        height: 110px;
        background-size: 240px;
        background-position: center bottom;
    }

    .call_to_action_14 .cta-img,
    .call_to_action_15 .cta-img,
    .call_to_action_17 .cta-img {
        background-image: url('../images/bettyrocker_0758-mobile.png');
        background-position: center;
    }

    .call_to_action_16 .cta--text {
        margin-bottom: 15px;
        line-height: 1;
    }

    .call_to_action_16 .cta--btn { margin-bottom: 15px; }

    .call_to_action_16 {
        padding-top:    15px;
        padding-bottom: 15px;
    }

    .call_to_action_17 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .call_to_action_17 .cta-img {
        margin-bottom: 0;
    }

    .call_to_action_17 .cta--text {
        margin-bottom: -10px;
    }

    .call_to_action_18,
    .call_to_action_19 {
        padding-top: 5px;
        padding-bottom: 85px;
    }

    .call_to_action_19 {padding-bottom: 90px;}

    .call_to_action_18 .cta--text,
    .call_to_action_19 .cta--text { margin-bottom: 10px; }

    .call_to_action_18 .heading,
    .call_to_action_19 .heading {
        font-size: 44px;
    }

    .call_to_action_18 .subheading,
    .call_to_action_19 .subheading {
        font-size: 24px;
    }

    .call_to_action_18 .cta-img,
    .call_to_action_19 .cta-img {
        width: 245px;
        background-size: 100%;
        background-position: center bottom;
    }

    .call_to_action_19 .cta-img { width: 286px; }

    .call_to_action_20,
    .call_to_action_21 {
        padding-top: 10px;
        padding-bottom: 110px;
    }

    .call_to_action_20 .cta--text,
    .call_to_action_21 .cta--text { margin-bottom: 10px; }

    .call_to_action_20 .heading,
    .call_to_action_21 .heading {
        font-size: 32px;
    }

    .call_to_action_20 .subheading,
    .call_to_action_21 .subheading {
        font-size: 35px;
    }

    .call_to_action_20 .heading-number,
    .call_to_action_21 .heading-number { font-size: 70px; }

    .call_to_action_20 .cta-img,
    .call_to_action_21 .cta-img {
        width: 200px;
        background-size: 100%;
        background-position: center bottom;
    }

    [class^='col'] .nutrition__item {
        border-right: 0;
        border-bottom: 1px solid rgba(201, 201, 201, 0.5);
    }

    .col-12 .nutrition__item { border-bottom: 0; }

    .image_rotator_podcast {
        background-image: url('../images/betty-podcast-headphones.png'), url('../images/podcast-hero-bg-mob.jpg');
        background-position: calc(50% + 130px) calc(100% + 60px), center;
        background-size: 171px, cover;
    }

    .coming-soon-section {
        background-position: center calc(100% + 30px);
        background-size: 600px;
    }

    .podcasts-icons__wrap {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }


    .call_to_action_24 { padding-bottom: 80px; }
    .call_to_action_24 .cta-img {
        background-image: url(../images/bfs-banner-1-mob.png);
        background-position: calc(50% - 40px);
        width: 100%;
        height: 119px;
    }

    .call_to_action_25 { padding-bottom: 90px; }
    .call_to_action_25 .cta-img {
        background-image: url(../images/bfs-banner-2-mob.png);
        background-position: bottom;
    }
    .call_to_action_26 { padding-bottom: 90px; }
    .call_to_action_26 .cta-img {
        background-image: url('../images/30dch-banner-1-mob.png');
        background-position: bottom;
    }

    .call_to_action_24 .cta--btn a,
    .call_to_action_25 .cta--btn a,
    .call_to_action_26 .cta--btn a,
    .call_to_action_27 .cta--btn a,
    .call_to_action_28 .cta--btn a,
    .call_to_action_29 .cta--btn a,
    .call_to_action_30 .cta--btn a,
    .call_to_action_31 .cta--btn a {
        padding: 15px 40px;
        font-size: 23px;
        line-height: 1;
    }

    .call_to_action_27 .cta-img {
        background-image: url(../images/30dch-banner-2-mob.png);
        height: 110px;
        margin-bottom: -10px;
        margin-top: -10px;
        background-position: center;
    }
    .call_to_action_30 { padding-bottom: 100px; }
    .call_to_action_30 .cta-img {
        background-image: url(../images/7dmp-banner-1-mob.png);
        width: 100%;
        height: 130px;
        background-position: calc(50% - 20px);
    }

    .call_to_action_27 .cta-img {
        height: 90px;
        margin-bottom: -5px;
        margin-top: -5px;
    }

    .call_to_action_24 .heading,
    .call_to_action_25 .heading { font-size: 37px; }
    .call_to_action_24 .subheading,
    .call_to_action_25 .subheading { font-size: 25px; }

    .call_to_action_26 .heading { font-size: 25px; }
    .call_to_action_26 .subheading { font-size: 34px; }

    .call_to_action_26 .cta--text { margin-bottom: 10px; }

    .call_to_action_25 .cta-img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-size: contain;
        background-position: center bottom;
    }
    .call_to_action_27 { padding-bottom: 10px; }blog-category-menu
                                                .call_to_action_27 .heading,
                                                .call_to_action_27 .subheading {
                                                    font-size: 23px;
                                                }
    .call_to_action_27 .text { font-size: 32px; }
    .call_to_action_27 .cta--text {
        margin-bottom: 13px;
    }

    .call_to_action_28 .heading { font-size: 46px; }
    .call_to_action_28 { padding-bottom: 90px; }
    .call_to_action_28 .cta-img {
        width: 220px;
        background-size: contain;
        height: 90px;
    }

    .call_to_action_29 .bg--cta { padding: 25px 0; }

}

@media only screen and (max-width: 520px) {
    .h1--xl,
    .h1--xxl { font-size: 45px; }

    .podcast h2 { font-size: 38px; }
}

@media only screen and (max-width: 480px) {

    .img-free--white {
        max-width: 60px;
    }


    .fff-banner .h2--sm {
        font-size: 26px;
    }

    .home-hero .txt--24 {
        font-size: 18px;
        line-height: 1.3;
    }

    .mall-inner {
        -ms-grid-columns: 38px 0 1fr 0 38px;
        grid-template-columns: 38px 1fr 38px;
        -ms-grid-rows: 40px 0 1fr 0 40px;
        grid-template-rows: 40px 1fr 40px;
    }

    .mall-inner > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(7) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(8) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }
    .mall-title--mobile { top: 100px; }

    .mall-notice { bottom: -60px; }

    h2.h2--xxl { font-size: 50px; }
    .txt--xs-24 { font-size: 24px; }

    .btn--xxs-full { max-width: 100%; }

    .podcast { padding-left: 180px; }
    .podcast h2 { font-size: 37px; }

    .podcast__img { max-width: 200px; }

    .podcast__btn {
        max-width: 210px;
        font-size: 22px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .h1--lg,
    .h1--xl,
    .h1--xxl {
        font-size: 36px;
        line-height: 1;
    }
    .home-hero .line-under::after { left: -80px; }

    .supplements-thank-you {
        padding-top: 40px;
        padding-bottom: 380px;
    }

    .hero__image {
        background-size: cover;
    }

    .social-media_section a {
        font-size: 2rem; /* 32px */
    }

    .cta__lower {
        background-position-x: -45px;
    }

    .search-section {
        padding-top: 20px;
    }

    .bg-devider:before,
    .bg-devider:after {
        height: 30px;
        width: 2px;
    }

    /* .hero-text-podcast h1 {
        font-size: 2.6875rem;
    } */

    .hero-text-podcast .fs--26 {
        font-size: 1.5rem; /* 24px */
    }

    .hero__image--podcast { background-size: cover; }


    .bg--cta.call_to_action_callogen_2 {
        background-size: 130px, cover;
    }

    .accordion-panel--nutrition [class*="col-"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .accordion-panel--nutrition [class*="col-"] .nutrition__item { border-right: 0; }

    .call_to_action_11 .cta-img {
        right: -110px;
        background-position: 0 calc(100% + 20px), left calc(50% + 20px);
        background-size: 100px, auto;
    }
    .call_to_action_32 .cta-img {
        right: -130px;
    }

}

@media only screen and (max-width: 420px) {

    .fff-banner h2 {
        font-size: 31px;
        margin-bottom: 10px;
    }

    .fff-banner .h2--sm {
        font-size: 24px;
        margin-bottom: 0;
    }

    .pillar-img { max-width: 70%; }

    .ty-quiz h1 { font-size: 55px; }
    .ty-quiz .txt--24 {
        font-size: 22px;
    }

    .mall-wrapper { height: 790px; }
    .mall { width: 790px; }

    .mall-inner {
        -ms-grid-columns: 35px 0 1fr 0 35px;
        grid-template-columns: 35px 1fr 35px;
        -ms-grid-rows: 35px 0 1fr 0 35px;
        grid-template-rows: 35px 1fr 35px;
    }

    .mall-inner > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(7) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(8) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }
    .mall-title--mobile { top: 100px; }


    .start-here-pillar {
        font-size: 25px;
        min-height: 70px;
    }

    .start-here-category__item {
        font-size: 23px;
    }

    .site-footer .copyright li, .site-footer .copyright a {
        font-size: 15px;
        padding: 0 5px;
    }

    .site-footer .copyright li::before {
        content: '';
        width: 1px;
        height: 16px;
    }

    .about-welcome-hero h1 {  font-size: 30px; }

    .box-about img, .box-about:nth-child(1) img, .box-about:nth-child(2) img {
        max-width: calc(100% + 100px);
        width: calc(100% + 50px);
        margin-right: -30px;
        margin-left: -30px;
    }

    .accordion-icons .social-media_section a:last-child { margin-right: 0; }
    .accordion-icons .social-media_section a {
        width: 50px;
        height: 50px;
        font-size: 32px;
    }

    .podcast { padding-left: 150px; }
    .podcast h2 { font-size: 35px; }

    .podcast__img { max-width: 170px; }

    .h1--lg,
    .h1--xl,
    .h1--xxl { font-size: 34px; }

    .bg--contact {
        background: #fff url(../images/betty-contact.jpg) no-repeat -100px top /cover;
    }

    .call_to_action_32 .cta-img {
        right: -190px;
    }

    .pb--xs-30 { padding-bottom: 30px; }
    .pt--xs-30 { padding-top: 30px; }

    .social-counter-wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }
    .supplements-thank-you {
        padding-top: 40px;
        padding-bottom: 400px;
    }

    .success-stories--repeater {
        padding: 40px 0 0;
    }

    .success-stories--gallery {
        padding: 40px 0 30px
    }


    .bg--cta.call_to_action_callogen_1 {
        background-position: calc(100% - 30px) calc(100% + 35px), calc(100% + 10px) bottom, center;
        background-size: 130px, 100px, cover;
    }

    .call_to_action_10 { overflow: hidden; }

    .cta-img--wholesleep-2bot {
        right: 0;
        background-size: 100%, 110px;
        background-position: calc(100% + 45px) bottom, 130% top;
    }

    .call_to_action_16 .cta--text, .call_to_action_16 .cta--btn {
        padding-left: 70px;
    }

}

@media only screen and (max-width: 380px) {

    .call_to_action_34 .cta-img {
        width: 300px;
    }

    .panel--flip {
        height: 410px;
    }

    .home-hero h1 {
        line-height: .8;
        margin-bottom: 30px;
    }

    .h1--lg, .h1--xl, .h1--xxl {
        font-size: 34px;
        line-height: 1;
    }

    .mall-wrapper { height: 730px; }
    .mall { width: 730px; }

    .mall-inner {
        -ms-grid-columns: 30px 0 1fr 0 30px;
        grid-template-columns: 30px 1fr 30px;
        -ms-grid-rows: 30px 0 1fr 0 30px;
        grid-template-rows: 30px 1fr 30px;
    }

    .mall-inner > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(7) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(8) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }

    .mall-btn { font-size: 13px; }

    .mall-title--mobile { top: 70px; }

    .mall-inner--middle {
        height: 50px;
    }
    .mall-title {
        width: 50px;
        font-size: 15px;
    }

    h2.h2--xxl { font-size: 45px; }

    .take-the-challenge .wrap {
        padding-left: 105px;
    }

    .take-the-challenge .btn--style { font-size: 20px; }

    .take-the-challenge .txt--30 {
        font-size: 20px;
        line-height: 1.2;
    }

    .challenge-img { max-width: 150px; }

    h2.h2--lgx { font-size: 26px; }

    .free-img {
        max-width: 45px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: -10px;
    }

    .bg--collection { padding-top: 0; }

    .bg--collection .h2--xl { font-size: 30px; }
    .txt--28 { font-size: 20px; }

    .bg--collection [class*='col'] { padding-left: 20px; }

    .bg--about-mob {
        padding-bottom: 20px;
        padding-top: 30px;
    }

    .social-media__content { font-size: 18px; }

    .podcast { padding-left: 120px; }
    .podcast h2 { font-size: 33px; }

    .podcast__img { max-width: 150px; }

    .panel__link--arrow-white::after,
    .panel__link--arrow-white:hover::after,
    .panel__link--arrow-white:focus::after { right: 10px; }

    .panel__btn { text-transform: capitalize; }

    .panel__title { font-size: 30px; }
    .panel__content { font-size: 17px; }

    .call_to_action_29 .cta-img { background-size: cover; }

    .call_to_action_24 .cta-img {
        background-position: calc(50% - 20px);
    }

    .call_to_action_16 .cta--text {
        font-size: 42px;
    }

    .call_to_action_16 .heading {
        font-size: 26px;
    }

    .call_to_action_16 .cta--btn a {
        padding-right: 30px;
        padding-left: 30px;
    }

    .site-header.sticky+* {
        margin-top: 60px;
    }

    .mb--30 {
        margin-bottom: 20px;
    }

    .nav-primary:not(.menu-toggle) {
        height: calc(100vh - 104px);
    }

    .site-header.sticky .nav-primary:not(.menu-toggle) {
        height: calc(100vh - 60px);
    }

    .sidebar-content .nav-primary:not(.menu-toggle) {
        height: calc(100vh - 164px);
    }

    .sidebar-content .site-header.sticky .nav-primary:not(.menu-toggle) {
        height: calc(100vh - 120px);
    }

    .btn--start-here {
        margin-left: 5px;
    }

    .title-area img {
        max-width: 173px;
    }

    .nav-primary:not(.menu-toggle) {
        top: 100%;
    }
    .header-bar-left .btn {
        width: 90px;
        font-size: 12px;
    }

    .menu-before-header-container a { padding-left: 5px; }

    /* .page-template-template-blog main, .category main, .search main {
        padding: 0 20px;
    } */

    nf-field:nth-child(6) .btn,
    nf-field:nth-child(7) .btn {
        font-size: 0.875rem !important; /* 14px */
    }

    .nf-form-content .field-wrap>div input[type=checkbox],
    .nf-form-content .field-wrap button,
    .nf-form-content .field-wrap input[type=button],
    .nf-form-content .field-wrap input[type=submit] {
        font-size: 1.1875rem; /* 19px */
    }

    #full-screen-search {
        background-size: 200px;
    }

    /* .page-template-template-blog .card-image, .category .card-image, .search .card-image {
        height: 180px;
    } */

    .podcast-players {
        background: -o-linear-gradient(top, #302e35 54px, #f2f3f4 54px);
        background: linear-gradient(to bottom, #302e35 54px, #f2f3f4 54px);
        padding-top: 10px;
    }

    .podcast-players h4 { font-size: 1.375rem; } /* 22px */

    .bg--cta.call_to_action_callogen_1 .cta--text h2 {
        font-size: 2rem; /* 32px */
        text-align: center;
    }

    .call_to_action_12 .cta--text { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

    .call_to_action_24 .heading,
    .call_to_action_25 .heading {
        font-size: 35px;
    }
    .call_to_action_24 .subheading,
    .call_to_action_25 .subheading {
        font-size: 24px;
    }
    .call_to_action_24 {
        padding-bottom: 110px;
    }

    .call_to_action_26 .heading { font-size: 23px; }
    .call_to_action_26 .subheading { font-size: 30px; }

    .call_to_action_27 .heading,
    .call_to_action_27 .subheading {
        font-size: 22px;
    }
    .call_to_action_27 .text {
        font-size: 31px;
    }
    .call_to_action_27 .cta-img {
        height: 80px;
    }

    .call_to_action_28 .heading {
        font-size: 37px;
    }

    .call_to_action_28 .subheading {
        font-size: 18px;
    }

    .call_to_action_30 .heading,
    .call_to_action_31 .heading {
        font-size: 40px;
    }
    .call_to_action_31 .text,
    .call_to_action_30 .subheading {
        font-size: 22px;
    }
    .call_to_action_30 { padding-bottom: 130px; }

    .call_to_action_29 .cta-img { background-position: center; }

    .call_to_action_32 .cta-img {
        right: -220px;
    }
}

@media only screen and (max-width: 370px) {

    .fff-banner .txt--xs-18 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .img-free--white {
        max-width: 50px;
    }

    .fff-banner__header h2 { font-size: 27px; }

    .fff-banner .h2--sm {
        font-size: 21px;
    }

    .home-hero h1 { line-height: .6; }

    .h1--lg, .h1--xl, .h1--xxl {
        font-size: 30px;
        line-height: 1;
    }

    .home-hero .line-under::after {
        left: -70px;
    }
    .home-hero .txt--24 {
        font-size: 17px;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 360px) {

    .fff-banner__header {
        padding-left: 10px;
        padding-right: 10px;
    }

    .form-fff .h4--lg {
        font-size: 21px;
    }

    .img--betty-flexing {
        max-width: 120px;
        margin-right: 5px;
        margin-left: -20px;
    }
    .fff-banner .txt--20 { font-size: 18px; }
    .fff-banner .txt--xs-18 { font-size: 15px; }

}

@media only screen and (max-width: 340px) {

    .home-hero .line-under::after {
        left: -60px;
    }

    .home-hero h1 {
        line-height: .5;
    }

    .h1--lg, .h1--xl, .h1--xxl {
        font-size: 28px;
        line-height: 1;
    }

    .ty-quiz .txt--24 {
        font-size: 20px;
    }

    .mall-inner {
        -ms-grid-columns: 29px 0 1fr 0 29px;
        grid-template-columns: 29px 1fr 29px;
        -ms-grid-rows: 29px 0 1fr 0 29px;
        grid-template-rows: 29px 1fr 29px;
    }

    .mall-inner > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }

    .mall-inner > *:nth-child(7) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .mall-inner > *:nth-child(8) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .mall-inner > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }

    h2.h2--xxl { font-size: 40px; }

    .header-bar-left { font-size: 10px; }
    .podcast h2 { font-size: 33px; }

    .podcast__btn::after { right: 5%; }
}

.sidebar-image-repeater {
    width: 100%;
    max-width: 320px;
    height: auto;
    background-size: cover;
}

/* #LINKS PAGE */

.links-page-wrapper {
    max-width: 630px;
    margin: 0 auto;
    text-align: center;;
}

.links-page-wrapper__top-image {
    width: 100px;
    height: 100px;
    background-image: url('../images/betty-weights.jpg');
    background-position: top center;
    background-size: cover;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 3px solid #fff;
    position: relative;
}

.links-page-wrapper__top-image:before {
    content: '';
    position: absolute;
    background: url('../images/gradient-bg.jpg');
    background-size: cover;
    background-position: center;
    left: -6px;
    top: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    z-index: -1;
}

.links-page-wrapper h2 {
    font-size: 1.25rem; /* 20px */
    text-transform: capitalize;
    font-weight: 700;
    display: inline-block;
    min-width: 215px;
    background: #fff;
}

.links-page-wrapper hr {
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    margin-top: -12px;
    margin-bottom: 42px;
}

.links-page-wrapper .link-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e44e88;
    color: #fff;
    font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif;
    font-size: 1.25rem; /* 20px */
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.links-page-wrapper .link-wrapper:hover {
    background-color: #ed7aa8;
}

.links-page-wrapper .link-image {
    width: 55px;
    height: 55px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px;
    margin-right: 25px;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
}

.links-page .social-media-links {
    max-width: 350px;
    margin: 0 auto;
    background: transparent;
}

.links-page .social-media-links .social-media_section a {
    font-size: 1.5625rem; /* 25px */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.podcast-widget-wrap {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    width:100%;
}