/*
	These are styles for the member area of https://saveinstitute.com/
	Version: 1.0
*/

/**
 * Variable font (modern browsers)
 */
@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/Satoshi-Variable.woff2') format('woff2'),
        url('../fonts/satoshi/Satoshi-Variable.woff') format('woff'),
        url('../fonts/satoshi/Satoshi-Variable.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/satoshi/Satoshi-VariableItalic.woff2') format('woff2'),
        url('../fonts/satoshi/Satoshi-VariableItalic.woff') format('woff'),
        url('../fonts/satoshi/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap;
    font-style: italic;
}

/**
 * Fixed-width (legacy browsers)
 */
@font-face {
    font-family: 'Satoshi-Fallback';
    src: url('../fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/satoshi/Satoshi-Regular.woff') format('woff'),
        url('../fonts/satoshi/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Fallback';
    src: url('../fonts/satoshi/Satoshi-Italic.woff2') format('woff2'),
        url('../fonts/satoshi/Satoshi-Italic.woff') format('woff'),
        url('../fonts/satoshi/Satoshi-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Satoshi-Fallback';
    src: url('../fonts/satoshi/Satoshi-Medium.woff2') format('woff2'),
        url('../fonts/satoshi/Satoshi-Medium.woff') format('woff'),
        url('../fonts/satoshi/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Fallback';
    src: url('../fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/satoshi/Satoshi-Bold.woff') format('woff'),
        url('../fonts/satoshi/Satoshi-Bold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

:root {
    --members-font: 'Satoshi', sans-serif;
    --members-font__fallback: 'Satoshi-Fallback', sans-serif;
    --lms-font: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --members_accent: #4eb9aa;
    --members_accent_hover: #6cdbcb;
    --members_loader_image: var(--members_loader_image);
}

html body {
    font-family: var(--members-font__fallback);
	font-weight: 400;
}

@supports (font-variation-settings: normal) {
    html body {
		font-variant-ligatures: none;
        font-family: var(--members-font);
		font-optical-sizing: auto;
    }
}

::placeholder {
	opacity: .75;
}

/*== Admin Bar Tweaks ==*/
@media all and (min-width: 601px) and (max-width: 768px) {
    .admin-bar .members-header {
        margin-top: 46px;
    }
}

@media all and (max-width: 600px) {
    html body.admin-bar .members-header {
        margin-top: 46px;
    }

    html body.admin-bar.header-on-scroll .members-header {
        margin-top: 0;
    }
}

/*== Sidebar ==*/

html,
html.body {
    height: 100.1% !important;
}

.members-header {
    width: 260px;
    background: var(--members_header_bg, #fff);
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 25;
    font-size: 16px;
    min-height: 730px;
    -webkit-overflow-scrolling: touch;
    box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.members-height-helper {
    height: 100%;
    overflow: hidden;
    position: fixed;
}

.save-logo {
    display: none;
}

.members-menu {
    padding: 24px 20px;
    font-weight: 600;
    max-height: 100%;
    overflow-y: auto;
    position: relative;
}

.members-header.mm-slideout,
.collapse-menu .members-header.mm-slideout {
    top: 0;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

html.mm-right.mm-opening .mm-slideout.members-header {
    pointer-events: none;
}

.lnr-savetrainer {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    width: 25px;
    margin-top: -3px;
    fill: var(--members_accent);
    transition: fill .1s ease-in-out;
}

#members-menu a:hover .lnr-savetrainer {
    fill: #253540;
}

.videos-wrapper {
    position: relative;
	margin-top: 10px;
}

.video-buttons.inner:empty {
    display: none;
}

.profile-menu:before {
    display: block;
    height: 40px;
    width: 100%;
    position: absolute;
    content: "";
    top: -40px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--members_header_bg, #fff) 100%);
    z-index: 20;
}

#members-menu {
    margin-top: 35px;
    margin-left: -20px;
    margin-right: -20px;
    padding-inline: 20px;
}

#members-menu li a {
    display: block;
    padding: 8px 12px;
    border-radius: 10px;
    margin: 0 -12px;
    min-width: calc(100% + 24px);
}

#members-menu a {
    color: var(--members_header_link, #253540);
}

#members-menu a:hover {
    color: var(--members_header_link_hover, #253540);
    background: var(--members_header_link_bg_hover, #eee);
}

#members-menu a:hover .lnr {
    color: #253540;
}

#members-menu .lnr,
.open-accordian .lnr {
    color: var(--members_accent);
    bottom: -3px;
    font-size: 140%;
    line-height: 8px;
    margin-right: 4px;
    position: relative;
    vertical-align: baseline;
    transition: all 0.1s ease-in-out 0s;
}

.profile-menu {
    position: relative;
    bottom: 0;
    width: 100%;
}

.profile-menu-wrap {
    background: var(--members_header_profile_bg, #e0f2ef);
    padding: 30px 20px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* .not-logged .profile-menu-wrap {
    background: #fff;
    height: 0 !important;
    display: none;
} */

.profile-menu-wrap-wrap {
    display: block;
    width: 100%;
}

.members-collapse {
    background: var(--members_header_bg, #fff);
    color: var(--members_header_link, var(--members_accent));
    padding: 10px 20px;
    width: 100%;
    display: block;
    font-weight: 500;
}

.members-collapse:hover {
    color: var(--members_header_link_hover, #282828);
}

.members-collapse span {
    display: block;
}

.members-header .avatar {
    max-width: 50px;
    border-radius: 100%;
    float: left;
    max-width: 100%;
    transition: none !important;
}

.members-collapse em {
    font-style: normal;
}

.members-header .menu-item {
    white-space: nowrap;
}

@media all and (min-width: 769px) {

    .collapse-menu:not(.hover-collapse-menu) .members-header {
        width: 64px;
        transition: width .1s ease;
    }

    .hovering-collapse-menu .members-header {
        width: 260px !important;
    }

    .hovering-collapse-menu .menu-item {
        white-space: nowrap !important;
    }

    .hovering-collapse-menu .members-header,
    .hover-collapse-menu .members-header {
        z-index: 9999;
    }

    .show-on-collapse,
    .collapse-menu:not(.hover-collapse-menu) .hide-on-collapse,
    .collapse-menu:not(.hover-collapse-menu) .members-menu .learndash,
    .collapse-menu:not(.hover-collapse-menu) .toc-title {
        display: none;
    }

    .collapse-menu:not(.hover-collapse-menu) .members-header .members-menu {
        overflow: hidden !important;
    }

    .collapse-menu:not(.hover-collapse-menu) .members-header .menu-item span {
        opacity: 0;
    }

    .members-header .menu-item span {
        transition: opacity .1s ease;
    }

    .collapse-menu:not(.hover-collapse-menu) .show-on-collapse {
        display: inline-block;
    }

    .collapse-menu:not(.hover-collapse-menu) .profile-menu-wrap .avatar {
        max-width: 24px;
    }

    .collapse-menu.hover-collapse-menu .members-collapse.menu-item .collapse-btn-1 {
        display: none !important;
    }

    .collapse-menu.hover-collapse-menu .members-collapse.menu-item .show-on-collapse {
        display: block !important;
        ;
    }

    .collapse-menu .logo {
        height: 29px;
        display: block;
    }

    .new-messages.collapse-menu:not(.hover-collapse-menu) .notifications-item a:after {
        margin-left: -10px;
        margin-top: -2px;
    }

}

.members-header .profile-links {
    float: right;
    width: 155px;
    overflow: hidden;
    line-height: 1.75;
}

.members-header .profile-links a {
    color: var(--members_header_profile_link, #253540);
	font-weight: 500;
}

.members-header .profile-links a:hover {
    color: var(--members_header_profile_link_hover, var(--members_accent));
}

.members-header .profile-links .display-name {
    white-space: nowrap;
    color: #253540;
    font-weight: bold;
}

.display-name {
    text-transform: capitalize;
    color: var(--members_header_link, #253540);
}

.accordian-menu {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 47px -20px 0 -20px;
}

.accordian-menu>a {
    color: #253540;
    display: block;
    width: 100%;
    padding: 13px 20px 13px;
}

.accordian-menu .sub-menu-wrap {
    display: none;
    padding: 0 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.accordian-menu #members-menu {
    margin-top: 0;
}

.collapse-menu .accordian-menu .sub-menu-wrap,
.collapse-menu .accordian-menu {
    background: #fff;
    display: block !important;
    border: none;
}

.collapse-menu .accordian-menu {
    margin-top: 35px;
}

.collapse-menu .accordian-menu>a {
    display: none;
}

.learndash-toc {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 15px;
}

.learndash-toc .topic-notcompleted span,
.learndash-toc .topic-completed span {
    background: none !important;
}

.learndash-toc #lessons_list-si>div.lesson-block>h4 {
    font-size: 16px;
    margin-bottom: 5px;
    padding: 0 20px;
}

.learndash-toc #lessons_list-si>div.lesson-block {
    margin-top: 30px;
}

body .learndash .learndash-toc .lesson-block li {
    margin: 0 0 0;
    padding: 0 0 0;
    border: none;
    line-height: 1;
}

body .learndash .learndash-toc .lesson-block li a,
#course-mobile-menu .lesson-block a {
    color: #253540;
    font-weight: normal;
    padding: 8px 20px 7px;
    display: block;
    font-size: 14px;
}

body .learndash .learndash-toc .lesson-block li a:hover,
body .learndash .learndash-toc .lesson-block li.current-topic a {
    background: #eee;
}

#course-mobile-menu .mm-listview>li>a,
#course-mobile-menu .mm-listview>li>span {
    white-space: normal;
}

.learndash #learndash_course_content-si .learndash-toc li span,
#course-mobile-menu .lesson-block span {
    padding-left: 24px;
    display: inline-block;
    position: relative;
}

#course-mobile-menu .lesson-block span {
    padding-left: 30px;
}

.learndash #learndash_course_content-si .learndash-toc li span:before,
#course-mobile-menu .lesson-block a>span:before {
    font-size: 18px;
    position: absolute;
    left: 0;
    top: -1px;
    height: 25px;
    width: 17px;
}

#course-mobile-menu .lesson-block a#current {
    display: none;
}

.toc-title {
    color: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px;
}

.toc-title h3 {
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold;
}

/*== Inner / Content area ==*/

[data-tooltip] {
    position: relative;
    display: inline-flex;
    justify-content: center;
}

[data-tooltip]::before,
[data-tooltip]::after {
    content: '';
    position: absolute;
    opacity: 0;
    transition: opacity .25s ease;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    opacity: 1;
    display: block;
    position: absolute;
    font-size: 14px;
    color: #fff;
    pointer-events: none;
}

[data-tooltip]:hover::before {
    text-align: center;
    border-radius: 0.2em;
    content: attr(data-tooltip);
    background-color: var(--members_accent);
    padding: 5px 8px;
    bottom: calc(100% + 6px);
    white-space: pre;
    line-height: 1.25;
}

[data-tooltip]:hover::after {
    content: '';
    bottom: calc(100%);
    border-style: solid;
    border-color: transparent;
    border-top-color: transparent;
    border-top-color: var(--members_accent);
    border-width: 0.5em 0.5em 0 0.5em;
}

.members-template .nm-page-wrap-inner {
    padding-left: 260px;
}

.collapse-menu .members-template .nm-page-wrap-inner {
    padding-left: 64px;
}

#comment-image-reloaded-wrapper label {
    font-weight: bold;
    margin-bottom: 5px;
}

#comment-image-reloaded-wrapper p.comment-image-reloaded {
    margin-bottom: 10px;
}

.comment-image-box .comment-image-reloaded {
    display: inline-block;
}

.mfp-close {
    color: #fff !important;
}

.mfp-close:hover {
    background: none !important;
    color: #000 !important;
}

/*== Dashboard Page ==*/

body:not(.has-free-resources) .menu-item-free_resources {
    display: none;
}

.dashboard-inner h4 {
    font-weight: bold;
    margin-bottom: 20px;
}

.dashboard-links,
.dashboard-links h4,
.dashboard-links li {
    text-align: left;
}

.dashboard-links ul {
    margin-top: 20px;
}

.dashboard-links li {
    list-style: none;
    display: inline-block;
    padding-right: 25px;
    min-width: 135px;
    font-weight: bold;
    float: left;
    width: 50%;
}

.new-messages .dashboard-links li.notifications-item a:after {
    margin-left: 7px;
}

.dashboard-links li:nth-child(odd) {
    clear: both;
}

.dashboard-links li:nth-child(even) {
    padding-right: 0;
}

.dashboard-courses .course .thumb {
    padding-right: 0;
}

.dashboard-courses .course .thumb img {
    border-radius: 10px;
}

.course.no-access img {
    opacity: .65;
    filter: grayscale(100%);
    transition: opacity .5s ease, filter .5s ease;
}

.course.no-access .overlay {
    opacity: .95;
    background: rgba(0, 0, 0, .6);
}

.course.no-access img:hover,
.course.no-access .overlay-box:hover img {
    filter: none;
    opacity: .9;
}

.dashboard-courses .course h4 {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: -4px;
}

.dashboard-courses .course .progress p {
    margin-bottom: 0;
    font-size: 16px;
}

.dashboard-courses .course .button {
    margin-top: 15px;
}

.dashboard-courses .course {
    overflow: hidden;
    margin-bottom: 40px;
}

.dashboard-courses .course:last-child {
    margin-bottom: 0;
}

.promo,
.promo.box-gray {
    padding: 0;
    text-align: center;
    font-weight: bold;
}

.promo p {
    padding: 20px;
}

.dashboard-inner .box-gray {
    margin-bottom: 30px !important;
}

.nm-woocommerce-account-login .nm-page-wrap {
    background-color: #fff !important;
}

.nm-myaccount-login-inner {
    z-index: 1;
}

.login .nm-login-form-divider span {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: none;
    margin: 10px 0;
}

#nm-login-wrap>h2 {
    padding-bottom: 30px;
}

.members-content-area .nm-myaccount-login,
.members-content-area .nm-myaccount-lost-reset-password {
    padding: 0 2px 30px 2px;
}

#customer_login .nm-shop-notice,
html body.woocommerce-account.nm-woocommerce-account-login .nm-myaccount-lost-reset-password .nm-shop-notice,
.signout-notice {
    padding-top: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
    text-align: center;
    margin-top: 0;
}

.woocommerce-account .members-content-area .nm-shop-notice {
    padding-top: 0;
    margin-bottom: 20px;
}

.shop_table {
    width: 100%;
}

.shop_table th,
.shop_table td {
    padding: 5px;
    hyphens: auto;
}

.shop_table td.membership-actions {
    hyphens: none;
}

.shop_table th:first-child,
.shop_table td:first-child {
    padding-left: 0;
}


body #commentform {
    margin-bottom: 30px;
    padding: 30px;
}

#commentform .form-submit {
    margin-bottom: 0;
}

.commentlist>li img.avatar {
    position: absolute;
    top: -8px;
    left: 0;
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
}

.comment-inner-wrap {
    position: relative;
}

.member-info-span {
    display: block;
    font-weight: bold;
}

.comment-text a {
  word-break: break-word;
}

/*== Content ==*/

#learndash_lessons a,
#learndash_quizzes a,
.expand_collapse a,
.learndash_topic_dots a,
.learndash_topic_dots a>span,
#learndash_lesson_topics_list span a {
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
}

.members-content {
    position: relative;
	overflow-x: clip;
}

.members-content .members-content-area {
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    clear: both;
}

.members-content:after,
.members-content .members-content-area:after,
.col-xs-12:after {
    content: "";
    display: table;
    clear: both;
}

.entry-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.members-content .entry-content {
    padding-top: 0;
    padding-bottom: 0;
}

.members-content .entry-content.type-video {
    max-width: 100%;
    position: relative;
    z-index: 8;
}

.members-title h2,
.members-title h1 {
    font-weight: bold;
    color: #253540;
    font-size: 30px;
    margin-top: -5px;
}

.members-title {
    margin-bottom: 20px;
}

.members-logo img {
    width: 100%;
    max-width: 670px;
    padding: 0 20px;
}

.members-banner-shadow {
    -webkit-box-shadow: inset 0px 0px 140px 15px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: inset 0px 0px 140px 15px rgba(50, 50, 50, 0.75);
    box-shadow: inset 0px 0px 140px 15px rgba(50, 50, 50, 0.75);
    background: rgba(0, 0, 0, .15);
    width: 100%;
    height: 100%;
}

.members-banner-shadow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 240px;
}

.members-banner {
    position: relative;
    min-height: 240px;
    width: 100%;
    text-align: center;
    background-color: #eee;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.members-banner-short {
    min-height: 100px;
}

.single-workout_preset .members-banner-short,
.single-video .members-banner-short,
.page-template-page-members-savetrainer .members-banner-short,
.post-type-archive-video .members-banner-short {
    height: 7vw;
}

.members-banner-short .course-logo {
    min-height: 80px;
    margin: 10px 10px 10px 30px;
}

.members-banner-short .members-banner-shadow {
    min-height: 100px;
}

.members-banner .course-title h2 {
    margin-bottom: 5px;
}

.members-banner .members-title {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    color: #fff;
    padding: 0 30px;
}

.members-banner .members-title h2,
.members-banner .course-title h2 {
    color: #fff;
    font-size: 30px;
    padding: 0;
    font-weight: bold;
}

.members-banner .hello-title h2 {
    font-size: 36px;
    text-transform: capitalize;
}

.hello-title.hidden {
    animation: none;
    transform: translateY(20px);
    opacity: 0;
}

.hello-title.hello-text.hidden {
    transform: translateY(0);
}

.hello-title {
    transition: opacity 1.25s .1s ease, transform 1.25s .1s ease;
}

.hello-title.hello-text.ready,
.hello-title.ready {
    opacity: 1;
    transform: translateY(0);
}

span.greeting-text {
    text-transform: none !important;
}

.hello-text {
    font-size: 36px;
    line-height: 1.25;
}

@media all and (max-width: 900px) and (min-width: 769px) {
    .hello-text {
        font-size: 28px;
    }
}

.st-members-title-wrap {
    margin-bottom: 26px;
}

.title-with-btn,
.st-members-title-wrap h3 {
    display: flex;
    align-items: center;
    gap: 0 10px;
    flex-wrap: wrap;
}

@media all and (max-width: 468px) {
	.title-with-btn .button,
	.st-members-title-wrap h3 .button {
		font-size: 14px !important;
	}
}

.members-banner .course-help {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.members-banner .course-help a {
    font-size: 12px;
    border-width: 1px;
    line-height: 20px;
}

.course-help-wrap {
    float: right;
    margin-left: 20px;
}

.box-white,
.box-gray {
    background: #F0F0F3;
    border-radius: 10px;
    padding: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    max-width: 100%;
}

.box-white {
	background: #fff;
}

.box-gradient {
    padding: 30px;
    overflow: hidden;
    margin-bottom: 30px !important;
    max-width: 100%;
    color: #fff;
    border-radius: 10px;

    background: #00adef;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00adef 0%, #54bdb5 65%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00adef 0%, #54bdb5 65%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00adef 0%, #54bdb5 65%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adef', endColorstr='#54bdb5', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}


.box-gradient h1,
.box-gradient h2,
.box-gradient h3,
.box-gradient h4 {
    color: #fff;
}

.member-attach .thumb {
    width: 25%;
    float: left;
}

.file-title {
    width: 45%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.file-title a {
    font-size: 22px;
    color: #253540;
}

.file-download {
    width: 30%;
    float: left;
    text-align: right;
}

.vcenter {
    display: table;
    width: 100%;
    height: 100%;
}

.vcenter>div:first-child,
.vcenter .vcenter-wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

button,
.members-content button,
body input[type="button"],
body input[type="submit"],
body .button,
#learndash_next_prev_link .prev-link,
#learndash_next_prev_link .next-link {
    font-weight: bold;
    background-color: var(--members_accent);
    text-transform: none;
    box-shadow: none;
    border: none;
    padding: .6em 1.5em;
    transition: all .3s ease;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;
    text-decoration: none;
    width: auto;
    white-space: normal;

    font-family: var(--members-font__fallback);
}

@supports (font-variation-settings: normal) {

    button,
    .members-content button,
    body input[type="button"],
    body input[type="submit"],
    body .button,
    #learndash_next_prev_link .prev-link,
    #learndash_next_prev_link .next-link {
        font-family: var(--members-font);
    }
}

body .button.button-text {
    background: none;
    color: #253540;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body .button.button-text.trigger-help {
    padding: .5em 1em;
}

@media all and (max-width: 900px) and (min-width: 769px),
all and (max-width: 575px) {
    body .button.button-text.trigger-help {
        margin-bottom: -4px;
    }
}

@media all and (max-width: 400px) {
    body .button.button-text.trigger-help {
        font-size: 1rem;
        margin-bottom: -5px;
    }
}

body .button.button-text:hover {
    background-color: #F0F0F3;
    color: #253540;
}

html body .learndash_mark_complete_button,
#learndash_next_prev_link .prev-link,
#learndash_next_prev_link .next-link {
    font-family: var(--lms-font);
}

.plyr button {
    background: transparent;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    transition: all .3s ease;
}

.plyr .plyr__control--overlaid {
    padding: 20px;
    color: #fff;
    background-color: var(--members_accent);
    border-radius: 100%;
}

button:hover,
.members-content button:hover,
body input[type="button"]:hover,
body input[type="submit"]:hover,
body .button:hover,
#learndash_next_prev_link .prev-link:hover,
#learndash_next_prev_link .next-link:hover {
    background-color: var(--members_accent_hover);
    color: #fff;
}

a.button.cancel {
    background: #ff0000;
}

.overlay-box {
    position: relative;
}

.overlay-wrapper {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}

.overlay-box .overlay {
    opacity: 0;
    background: rgba(0, 0, 0, .65);
    border-radius: 10px;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease-in-out 0s;
    z-index: 3;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
}

.overlay-wrapper-pers .overlay {
    background: rgba(0, 0, 0, .5);
    color: yellow;
    font-size: 18px;
    font-weight: bold;
    opacity: 1;
}

.overlay-wrapper-pers p {
    margin: -50px 0 10px 0;
    padding: 0 10px;
}

a:hover .overlay-wrapper-pers .overlay {
    opacity: 0 !important;
}

.overlay-wrapper-pers .lnr {
    font-size: 64px;
}

.video-post .overlay-hover:hover .overlay-box .overlay,
.video-post.hovered a .overlay-box .overlay,
.si-course-item:hover .overlay-box .overlay,
.video-item a:hover .overlay-box .overlay,
a:hover .overlay-box .overlay {
    opacity: 1;
}

.si-course-item .overlay-box span {
    pointer-events: none;
}

.si-course-item .overlay-box .progress {
    padding: 20px 20px 0;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    max-width: 80%;
}

.si-course-item .overlay-box .progress p {
    margin-bottom: 0;
}

.entry-content {
    font-size: 18px;
    line-height: 1.6;
}

.st-signin {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.course-logo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30%;
    height: 100%;
    text-align: left;
    margin: 30px;
    min-height: 180px;
}

.downloads .file {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.downloads .file:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.downloads .file .button {
    float: right;
    margin-left: 20px;
}

.downloads .file-text {
    color: #253540;
    font-size: 18px;
}

.downloads .file-text:hover {
    color: #000;
}

.queried-filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 10px;
}

.queried-filters .button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/*== Resitrictions ==*/

.wpa-box,
body .woocommerce .wc-memberships-restriction-message,
.wc-memberships-restriction-message,
body div.bbp-template-notice.info,
body div.bbp-template-notice,
.info-notice,
body .aw-referrals-share-container .nm-shop-notice,
.page-template-page-members .members-content-area .col-xs-12>.woocommerce.woocommerce-info {
    color: #253540;
    padding: 15px 50px;
    text-align: center;
    position: relative;
    font-size: 18px;
}

body .aw-referrals-share-container .nm-shop-notice,
.page-template-page-members .members-content-area .col-xs-12>.woocommerce.woocommerce-info {
    margin-bottom: 30px;
}

body .woocommerce .wc-memberships-restriction-message {
    margin: 0 !important;
}

.wpa-box,
body .woocommerce .wc-memberships-restriction-message,
.wc-memberships-restriction-message,
body div.bbp-template-notice.info,
.info-notice,
.page-template-page-members .members-content-area .col-xs-12>.woocommerce.woocommerce-info {
    background: #e0f2ef;
    border: 1px solid #acddd5;
}

body div.bbp-template-notice p {
    font-size: 18px;
    margin: 0 !important;
    padding: 0;
}

.wc-memberships-restriction-message:before,
.info-notice.success:before,
.page-template-page-members .members-content-area .col-xs-12>.woocommerce.woocommerce-info:before {
    position: absolute;
    content: "\e80f";
    left: 20px;
    color: #65b3a6;
    font-family: linearicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
}

.info-notice.success:before {
    content: "\e87f";
}

.wpa-error,
.success2 {
    background-color: #ffe824;
    border-color: #c8b301;
}

.wpa-error a {
    color: #000;
    text-decoration: underline;
}

.info-notice.success2:before {
    color: inherit;
}

.wpa-box.wpa-error+p {
    display: none;
}

.info-notice.success3:before {
	content: '🎉';
}

.woocommerce-notices-wrapper:not(:last-child) {
	margin-bottom: 20px;
}

.woocommerce-notices-wrapper ul:first-child {
	padding-top: 0;
}

.info-notice:has(.dismiss) {
	padding-right: 50px;
}

.info-notice .dismiss {
	position: absolute;
	font-weight: bold !important;
	right: 10px;
	top: 10px;
	width: 32px;
	height: 32px;
	padding: 0;
	display: flex;
	place-content: center;
}

body .info-notice .button.dismiss:hover {
	background:rgba(0,0,0,.125);
}

/*== Courses ==*/

.course-title {
    color: #fff;
    text-align: left;
    padding: 30px;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
}

.course-title h2 {
    color: #fff;
    margin-bottom: 10px;
}

.course-title .button {
    margin-bottom: 10px;
    font-size: 20px;
}

.course-title p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

body dd.course_progress {
    border-radius: 10px;
    height: 15px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
    box-shadow: none;
}

body dd.course_progress div.course_progress_blue {
    background-color: var(--members_accent);
    box-shadow: none;
}

.course-title dd.course_progress {
    margin-left: 0;
}

.course-interior .simplefavorite-button {
    background: none;
    color: var(--members_accent);
    font-style: italic;
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 16px;
    float: right;
    margin: 20px 0 0 5px;
}

.course-interior .simplefavorite-button:after {
    content: " Bookmark this Lesson";
}

.course-interior .simplefavorite-button.active:after {
    content: " Unbookmark this Lesson";
}

/* .course-interior .simplefavorite-button.loading:after {
  content: '';
} */

.course-interior .simplefavorite-button.active {
    color: #253540;
}

.course-interior .simplefavorite-button:hover {
    background: #eee;
    color: #253540;
}

.course-interior .simplefavorite-button.loading {
    background: none;
    color: #253540;
    opacity: .5;
    pointer-events: none;
}

/*== Course Interior ==*/

.members-content .course-interior {
    max-width: 940px;
    margin: 0 auto;
}

h2.withBL,
.course-interior .members-title h2 {
    border-bottom: 3px solid var(--members_accent);
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 40px;
}

h2.withBL {
    margin-bottom: 0;
}

#breadcrumbs {
    padding: 20px 0;
    font-size: 16px;
    vertical-align: middle;
    font-style: italic;
    font-family: 'Merriweather', serif;
    font-weight: 400;
}

.breadcrumb-separator {
    padding: 0 5px 0 0;
}

.learndash_topic_dots {
    display: none;
}

.course-interior .learndash {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.75;
}

.course-interior .learndash ul,
.course-interior .learndash ol {
    margin: 0 0 24px 0;
}

.course-interior .learndash ul li {
    list-style: disc inside;
    margin-left: 20px;
    margin-bottom: 8px;
}

.course-interior .learndash ol li {
    list-style: decimal inside;
    margin-left: 20px;
    margin-bottom: 8px;
}

.course-interior .learndash ul li ul,
.course-interior .learndash ol li ol,
.course-interior .learndash ol li ul,
.course-interior .learndash ul li ol {
    margin: 0 0 0 20px;
}

.course-interior .learndash ul li li,
.course-interior .learndash ol li li {
    margin: 10px 0;
}

.course-interior .learndash ul li p {
    display: inline-block;
}

.course-interior .learndash ul.checkmark li {
    list-style: none;
    vertical-align: middle;
}

.course-interior .learndash ul.checkmark li:before {
    font-family: linearicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e87f";
    font-size: 24px;
    color: #253540;
    margin: 0 8px 0 0;
    vertical-align: text-top;
    line-height: 20px;
}

.course-interior .learndash h1,
.course-interior .learndash h2,
.course-interior .learndash h3,
.course-interior .learndash h4,
.course-interior .learndash h5,
.course-interior .learndash h6 {
    margin-bottom: 24px;
}

.course-interior .learndash blockquote {
    border-left: 3px solid var(--members_accent);
    padding: 10px 20px;
    color: #777;
    margin: 24px -10px;
}

.course-interior .learndash blockquote p {
    color: #777;
    margin: 0 0 24px;
}

.course-interior .learndash blockquote p:last-child {
    margin-bottom: 0;
}

.course-interior .learndash hr {
    border-bottom: 3px solid #eee;
    margin: 24px -10px;
}

.course-interior .learndash abbr[title] {
    border: none;
}

.course-interior .learndash pre {
    margin: 24px -10px;
    border: 3px solid #eee;
    font-size: 14px;
}

.course-interior .learndash a {
    font-weight: 400;
}

#learndash_quizzes,
.course-interior #learndash_quizzes {
    font-family: var(--lms-font);
    box-shadow: none;
    border: none;
    background: #fff;
}

#lessons_list .list-count,
#quiz_list .list-count {
    display: none !important;
}

#quiz_heading,
.course-interior #learndash_quizzes #quiz_heading {
    font-size: 16px;
    font-weight: bold;
}

body #learndash_profile .completed,
body .learndash .completed {
    background-image: url(../learndash/images/completed.png);
}

body #learndash_profile .notcompleted,
body .learndash .notcompleted {
    background-image: url(../learndash/images/notcompleted.png);
}

#learndash_next_prev_link .next-link,
#learndash_next_prev_link #learndash_mark_complete_button,
#learndash_next_prev_link form,
#learndash_next_prev_link .next-link,
#learndash_next_prev_link .learndash_mark_complete_button {
    width: 100%;
}

#learndash_next_prev_link .prev-link {
    width: 48.5%;
    background-color: #aaa;
}

#learndash_next_prev_link .prev-link:hover {
    background-color: #ccc;
}

#learndash_next_prev_link .next-link:nth-child(2),
#learndash_next_prev_link form:nth-child(2) {
    width: 48.5%;
    float: right;
}

#learndash_next_prev_link a,
#learndash_next_prev_link #learndash_mark_complete_button,
#learndash_next_prev_link .prev-link,
#learndash_next_prev_link .next-link,
#learndash_next_prev_link .learndash_mark_complete_button {
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    line-height: 24px !important;
    padding: 13px;
}

#learndash_next_prev_link form {
    display: inline-block;
}


/*== Learn Dash Specific Stuff ==*/

#forum-private .entry-title {
    display: none;
}

body #learndash_next_prev_link {
    margin-bottom: 30px;
    clear: both;
    margin-top: 65px;
}

#learndash_course_content_title,
#learndash_back_to_lesson {
    display: none;
}

#learndash_course_content {
    padding-top: 20px;
}

body #learndash_lesson_topics_list ul>li>span.topic_item:hover body #learndash_lessons h4>a:hover,
body #learndash_quizzes h4>a:hover {
    background-color: #eee;
}

body #learndash_lesson_topics_list ul>li>span.topic_item body #learndash_lessons h4>a,
body #learndash_quizzes h4>a {
    color: #253540;
    font-size: 18px;
    font-family: inherit;
}

#learndash_lesson_topics_list span a,
#learndash_lessons a,
#learndash_profile a,
#learndash_profile a span,
#learndash_quizzes a,
.expand_collapse a,
.learndash_topic_dots a,
.learndash_topic_dots a>span {
    font-family: inherit !important;
}

/* Content Shortcode */

#lessons_list-si>div.lesson-block {
    margin-top: 40px;
}

#lessons_list-si>div.lesson-block>h4,
#learndash_quizzes-si>h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}

#lessons_list-si>div.lesson-block:first-child {
    margin-top: 20px;
}

.topic_item em.button,
body .learndash #quiz_list-si em.button {
    font-style: normal;
    display: inline-block;
    float: right;
    margin-left: 10px;
}

body .learndash .lesson-block li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

body .learndash .lesson-block li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

body .learndash .learndash_topic_dots.type-list a>span,
body .learndash #quiz_list-si a>span {
    width: 100%;
    font-size: 18px;
    color: #253540;
    line-height: 24px;
    background: none;
    position: relative;
    margin: 0;
    padding-left: 30px;
    display: block;
}

body .learndash .learndash_topic_dots.type-list li,
body .learndash #quiz_list-si li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
}

body .learndash .learndash_topic_dots.type-list li:last-child,
body .learndash #quiz_list-si li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

body .learndash .learndash_topic_dots.type-list li:first-child,
body .learndash #quiz_list-si li:first-child {
    margin-top: 10px;
}

body .learndash .learndash_topic_dots.type-list li .button,
body .learndash #quiz_list-si li .button {
    margin-top: -8px;
}

body .learndash #quiz_list-si a {
    background: none;
    padding: 0;
}

body .learndash .learndash_topic_dots.type-list a:hover>span,
body .learndash #quiz_list-si a:hover>span {
    color: #000;
}

.learndash #learndash_course_content-si .topic-notcompleted span:before,
.learndash #learndash_course_content-si .topic-completed span:before,
.learndash #learndash_course_content-si .notcompleted span:before,
.learndash #learndash_course_content-si .completed span:before {
    font-size: 22px;
    position: absolute;
    content: " ";
    background: url('../images/circle.svg') no-repeat center;
    background-size: contain;
    width: 21px;
    height: 24px;
    left: 0;
    color: #253540;
    font-family: linearicons;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
}

.learndash #learndash_course_content-si .topic-completed span:before {
    content: "\e87f";
    color: var(--members_accent);
    background: none;
}

#learndash_course_content-si .topic_item {
    position: relative;
}

#learndash_course_content-si .learndash_topic_dots {
    display: block;
}

.topic-completed .button,
.completed .button {
    opacity: .2;
}

.members-content-area .comment-reply-title {
    display: none;
}

.st-comments #comment {
    border-radius: 10px;
    border: none;
}

.st-comments .comment-form p input#submit {
    margin: 0;
    width: 100%;
}

.members-content-area .commentlist .comment-reply-title small {
    margin-left: auto;
}

.members-content-area .commentlist #respond {
    padding-left: 80px;
    padding-bottom: 20px;
}

.members-content-area .commentlist .comment-reply-title {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.members-content-area .commentlist .comment-reply-title a {
    text-transform: uppercase;
    color: rgba(200, 0, 0, .55);
}

.members-content-area .commentlist>.comment:last-child>.comment-inner-wrap>.comment-text {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.members-content-area .commentlist .comment:last-child .comment-text {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 34px;
}

.members-content-area .commentlist {
    margin-top: 40px;
    clear: both;
}

body .members-content-area .meta time {
    color: #999 !important;
    font-size: 14px;
}

body .members-content-area .meta strong {
    font-weight: bold !important;
}

.audio-bar {
    background: #ebf7e2;
    border-top: 3px solid #a9e47d;
    position: fixed;
    bottom: 0;
    width: 100%;
    width: calc(100% - 300px);
    left: 0;
    height: 30px;
    padding: 15px 20px 20px 280px;
    box-sizing: content-box;
    opacity: 0;


    -webkit-animation: slideIn .5s .25s forwards ease-in-out;
    -moz-animation: slideIn .5s .25s forwards ease-in-out;
    -ms-animation: slideIn .5s .25s forwards ease-in-out;
    -o-animation: slideIn .5s .25s forwards ease-in-out;
    animation: slideIn .5s .25s forwards ease-in-out;
}

.audio-bar .mejs-controls {
    padding-left: 0;
    padding-right: 0;
}

.collapse-menu .members-template .audio-bar {
    padding-left: 84px;
    width: calc(100% - 104px);
}

.audio-bar-helper {
    height: 70px;
    background: #eee;
}

.audio-bar .mejs-container,
.audio-bar .mejs-container .mejs-controls,
.audio-bar .mejs-embed,
.audio-bar .mejs-embed body {
    background: #ebf7e2;
    max-width: 100%;
    min-width: 0 !important;
}

.audio-bar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.audio-bar .mejs-controls .mejs-time-rail .mejs-time-total,
.audio-bar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.audio-bar .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #253540;
}

.audio-bar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.audio-bar .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #253540;
}

.audio-bar .mejs-controls .mejs-time-rail .mejs-time-current,
.audio-bar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #a9e47d;
}

.audio-bar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.audio-bar .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.audio-bar .mejs-controls .mejs-time-rail span,
.audio-bar .mejs-controls .mejs-time-rail a {
    height: 4px;
    outline: none;
}

.audio-bar .mejs-horizontal-volume-current:after,
.audio-bar .mejs-time-handle-content:after {
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background: #a9e47d;
    border-color: #a9e47d;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -6px;
    transition: background .25s ease;
}

.audio-bar .mejs-time-handle-content:after {
    margin-top: -8px;
}

.audio-bar .mejs-horizontal-volume-current:hover:after,
.audio-bar .mejs-controls .mejs-time-rail .mejs-time-current:hover:after {
    background-color: #8fe151;
}

.audio-bar .mejs-time-float-corner {
    display: none;
}

.audio-bar .mejs-container .mejs-controls .mejs-time {
    color: #253540;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 18px;
    pointer-events: none;
    min-width: 80px;
}

.audio-bar .mejs-controls div.mejs-time-rail {
    padding-top: 12px;
    margin: 0;
}

.audio-bar .mejs-volume-button {
    margin-right: 5px;
}

.audio-bar .mejs-controls .mejs-button button {
    background-image: url('../images/controls-dark.svg') !important;
    transition: opacity .25s ease;
}

.audio-bar .mejs-controls .mejs-button.blank-button button {
    background: none !important;
    color: rgba(0, 0, 0, .35);
}

.audio-bar .mejs-controls .mejs-button.blank-button button.mejs-active {
    color: #111;
}

.audio-bar .mejs-controls .mejs-button button:hover {
    opacity: .5;
    background-color: transparent !important;
}

.audio-bar .mejs-controls a.mejs-horizontal-volume-slider {
    margin-top: 2px;
}

.audio-bar .mejs-controls .mejs-time-rail .mejs-time-float {
    border: none;
    background: none;
    opacity: .5;
}

.audio-bar .mejs-container * {
    font-family: Helvetica, Arial, sans-serif !important;
}

#course-mobile-menu .mm-panels,
#course-mobile-menu .mm-panels>.mm-panel {
    background: #fff !important;
    padding: 0;
}

#course-mobile-menu .lesson-block {
    padding: 0 20px 0 20px;
    margin: 0;
}

#course-mobile-menu .lesson-block h4 {
    padding: 0 20px 0 20px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}

#course-mobile-menu .lesson-block a {
    color: #253540 !important;
}

#course-mobile-menu .lesson-block a:hover {
    background: #eee;
}

#course-mobile-menu .mm-panel {
    display: block !important;
}

#course-mobile-menu #mm-1:before {
    display: none !important;
}

/*== Notifications ==*/

.si-messages-heading {
    background-color: #f3f3f3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #253540;
    display: block;
    font-weight: 400;
    margin: 0;
    padding: 1% 2%;
    font-size: 16px;
    font-weight: bold;
}

.si-messages .right {
    max-width: 100px;
    float: right;
    text-align: right;
    margin-left: 20px;
}

.si-messages .notification a,
.si-messages .empty {
    display: block;
    width: 100%;
    padding: 20px 2%;
    border-top: 1px solid #ddd;
    color: #253540;
}

.free-tag,
.new-tag,
.si-messages .notification a:after {
    padding: 3px 7px;
    background: #eb5a46;
    font-size: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    margin-left: 10px;
}

.free-tag {
    background-color: #5cbb5d;
    color: #fff;
}

.si-messages .notification a:after {
    content: "New";
}

.si-messages .notification a.opened,
.si-messages .notification a.viewed {
    opacity: .6;
}

.si-messages .notification a.opened .button,
.si-messages .notification a.viewed .button {
    background: #bbb;
}

.si-messages .notification a.opened:before,
.si-messages .notification a.opened:after,
.si-messages .notification a.viewed:before,
.si-messages .notification a.viewed:after {
    display: none;
}

.si-messages .notification a:hover {
    background: #eee;
}

.si-messages .notification .button {
    font-style: normal;
    font-size: 14px;
    padding: 7px 15px;
}

.members-content-area .message-body {
    display: none;
}

.si-messages .empty {
    color: #999;
    text-align: center;
}

.view-message .title {
    vertical-align: middle;
}

.nm-message .mfp-content {
    background: #fff;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
}

.nm-message .mfp-content .message-body {
    padding: 40px;
}

.nm-message .mfp-content p {
    margin-bottom: 15px;
    margin-top: 15px;
}

.nm-message .mfp-content p:first-child {
    margin-top: 0;
}

.nm-message .mfp-close {
    color: #253540 !important;
}

.new-messages .notifications-item {
    position: relative;
    white-space: nowrap;
}

.new-messages .notifications-item a:after {
    content: "";
    display: inline-block;
    background: #eb5a46;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    margin-left: 10px;
    animation: boxShadowAni 4s 1s forwards ease-out 100;
    position: relative;
}

@keyframes boxShadowAni {
    0% {
        background: #eb5a46;
        box-shadow: 0px 0px 0px 0px rgba(235, 90, 70, .35);
    }

    3% {
        background-color: #e33d24;
    }

    6% {
        box-shadow: 0px 0px 10px 10px rgba(235, 90, 70, .5);
    }

    75% {
        background: #eb5a46;
        box-shadow: 0px 0px 0 0px rgba(235, 90, 70, 0);
    }
}

@-moz-keyframes boxShadowAni {
    0% {
        background: #eb5a46;
        box-shadow: 0px 0px 0px 0px rgba(235, 90, 70, .35);
    }

    3% {
        background-color: #e33d24;
    }

    6% {
        box-shadow: 0px 0px 10px 10px rgba(235, 90, 70, .5);
    }

    75% {
        background: #eb5a46;
        box-shadow: 0px 0px 0 0px rgba(235, 90, 70, 0);
    }
}

@-webkit-keyframes boxShadowAni {
    0% {
        background: #eb5a46;
        box-shadow: 0px 0px 0px 0px rgba(235, 90, 70, .35);
    }

    3% {
        background-color: #e33d24;
    }

    6% {
        box-shadow: 0px 0px 10px 10px rgba(235, 90, 70, .5);
    }

    75% {
        background: #eb5a46;
        box-shadow: 0px 0px 0 0px rgba(235, 90, 70, 0);
    }
}

@-ms-keyframes boxShadowAni {
    0% {
        background: #eb5a46;
        box-shadow: 0px 0px 0px 0px rgba(235, 90, 70, .35);
    }

    3% {
        background-color: #e33d24;
    }

    6% {
        box-shadow: 0px 0px 10px 10px rgba(235, 90, 70, .5);
    }

    75% {
        background: #eb5a46;
        box-shadow: 0px 0px 0 0px rgba(235, 90, 70, 0);
    }
}

@-o-keyframes boxShadowAni {
    0% {
        background: #eb5a46;
        box-shadow: 0px 0px 0px 0px rgba(235, 90, 70, .35);
    }

    3% {
        background-color: #e33d24;
    }

    6% {
        box-shadow: 0px 0px 10px 10px rgba(235, 90, 70, .5);
    }

    75% {
        background: #eb5a46;
        box-shadow: 0px 0px 0 0px rgba(235, 90, 70, 0);
    }
}

/*== Video Template ==*/

.embed-container {
    position: relative;
    aspect-ratio: 16/9;
    max-width: 100%;
    background: #eee;
    /*background: #eee var(--members_loader_image) no-repeat center center;*/
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.embed-container .st-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 0;
	--st-ani_speed: 1s;
}

.embed-container > :first-child {
	z-index: 2;
	position: relative;
}

.type-video>.embed-container {
    overflow: visible;
}

.embed-container-sc {
    border-radius: 10px;
}

.embed-container #video .fp-player {
    background: #333;
}

.embed-container #video.is-splash .fp-player,
.embed-container #video.is-poster .fp-player {
    background: transparent;
}

.embed-container #video.is-splash,
.embed-container #video.is-poster {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

body .flowplayer .fp-color {
    background-color: #2be1d5;
}

.embed-container .player,
body .plyr {
    width: 100%;
    height: 100%;
}

body .plyr__poster {
    background-size: cover;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

body .player,
body .plyr__video-wrapper {
    border-radius: 10px 10px 0 0;
    background-color: transparent;
}

body .plyr__video-wrapper {
    background: white;
}

body .plyr__video-wrapper video {
    position: relative;
    z-index: 1;
}

body .plyr__captions {
    z-index: 2;
}

body .plyr {
    background-color: #fff;
}

.embed-container #video,
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.video-box {
    background: #253540;
    border-radius: 0 0 10px 10px;
    color: #fff;
    padding: 30px 30px 40px;
    margin-bottom: 30px;
    margin-top: -1.25px !important;
    position: relative;
    line-height: 1.45;
}

.entry-content>.video-box:last-child {
    margin-bottom: 30px;
}

.video-box p,
.video-box h1,
.video-box h2,
.video-box h3,
.video-box h4,
.video-box h5,
.video-box h6,
.entry-content .video-box strong {
    color: #fff;
}

.video-box h2 {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 20px;
}

[data-smartvideo="on"] .swarm-fluid {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}

.swarm-iframe,
.smartvideo-player {
    height: 100% !important;
    width: 100% !important;
}

.smartvideo-player .vjs-playback-rate {
    display: none !important;
}

.video-meta li {
    font-weight: bold;
	margin-top: 5px;
	line-height: 1.3;
}

.video-meta li .lnr {
    float: left;
    line-height: 1.15;
    margin-right: 9px;
}

.tags-wrap {
    overflow: hidden;
    display: block;
}

.video-thumbnail {
    padding-bottom: 50%;
    border-radius: 10px 10px 0 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: #fff;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
}

.video-thumbnail:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(45deg, rgba(19, 28, 241, 0.4), rgba(234, 65, 72, 0.4), rgba(0, 0, 0, 0));
}

.video-thumbnail .bg {
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.video-thumbnail h2 {
    color: #fff;
    text-shadow: 5px 0 20px rgba(0, 0, 0, .9);
    line-height: 1.1;
    font-weight: bold;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    padding: 10px 20px;
    z-index: 2;

    font-size: 16px;


    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@supports (container: inline-size) {
	.video-thumbnail h2 {
		font-size: clamp(14px, 7cqi, 28px);
	}
}

.video-thumbnail.video-thumbnail-small {
    border-radius: 10px;
}

.video-thumbnail-small h2 {
    font-size: 18px;
}

.video-meta .lnr-heart-pulse {
    padding-top: 1px;
}

.si-course-item,
.video-post {
    float: left;
	container: video-item / inline-size;
}

.si-course-item img,
.video-post img {
    width: 100%;
    border-radius: 10px;
}

.video-post .video-box {
    margin: 0;
}

.video-post .overlay .lnr {
    font-size: 64px;
}

.video-post img:hover {
    opacity: 1;
}

.hover-right .hover-bub-contents {
    margin-left: -300px;
}

.hover-right .hover-bub-contents::before {
    left: auto;
    right: 20px;
}

.hover-center .hover-bub-contents {
    margin-left: -120px;
}

.hover-center .hover-bub-contents::before {
    left: auto;
    right: 50%;
    margin-right: -20px;
}

.search-title a i {
    color: #253540;
    font-size: 16px;
}

.search-title a:hover {
    text-decoration: line-through;
    color: #253540;
}

.members-content-area .nm-shop-results-bar {
    margin: 10px 0;
    font-size: 14px;
}

.entry-content .videos-row:last-child,
.videos-row,
.entry-content .programs-list,
.programs-list {
    margin-bottom: 15px;
}

.entry-content .videos-row,
.entry-content .programs-list,
.entry-content .programs-list .ld-course-list-items {
    max-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -15px;

    overflow: auto
}

.video-post {
    overflow: auto;
}

.video-post::-webkit-scrollbar,
.entry-content .videos-row::-webkit-scrollbar {
    height: 0;
}

.entry-content .programs-list .ld-course-list-items,
.ld-course-list-content {
    margin: 0;
    width: 100%;
}


.video-post,
.si-course-item {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    padding: 15px;
}

@media all and (max-width: 900px) {

    .video-post,
    .si-course-item {
        padding: 10px;
    }

    .entry-content .videos-row {
        margin: 0 -10px;
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .video-post {
        flex-basis: calc(33.33% - 30px);
    }

    /* IE11 */
}

@media all and (max-width: 1600px) {

    .video-post,
    .si-course-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
	.si-preset-plan_custom {
		flex-grow: 1;
	}
}

@media all and (-ms-high-contrast:none)and (max-width: 1600px) {

    *::-ms-backdrop,
    .video-post {
        flex-basis: calc(50% - 30px);
    }

    /* IE11 */
}

@media all and (max-width: 450px) {

    .video-post,
    .si-course-item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media all and (-ms-high-contrast:none)and (max-width: 450px) {

    *::-ms-backdrop,
    .video-post {
        flex-basis: calc(100% - 30px);
    }

    /* IE11 */
}

body .bg-pink,
body .button.bg-pink,
body .button.bg-pink:hover {
    background-color: #e11c7f;
}

body .bg-blue,
body .button.bg-blue,
body .button.bg-blue:hover {
    background-color: #1aa4e1;
}

body .bg-green {
    background-color: var(--members_accent);
}

body .bg-orange,
body .button.bg-orange,
body .button.bg-orange:hover {
    background-color: #eeae00;
}

body .bg-gray {
    background-color: #bbb;
}

body .button.bg-gray:hover {
    background-color: #1aa4e1;
}

body .button.bg-purple {
    background-color: #9285CA;
}

body .button.bg-purple:hover {
    background-color: #463a80;
}

body .button.my-account-signin {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding-inline: 5px;
	font-size: 16px;	
}
body .mm-listview .button.my-account-signin {
	margin-top: 10px;
	margin-inline: 35px;
}

.profile-menu-wrap:has(.button.my-account-signin) {
	padding-top: 0;
	background: none;
}

body.collapse-menu:not(.hover-collapse-menu) .button.my-account-signin .lnr {
	font-size: 12px;
}

.video-buttons {
    float: right;
    width: 50%;
    text-align: left;
    padding-left: 10px;
}

.video-buttons.inner {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-bottom: 20px;
}

.video-buttons .simplefavorite-button,
.video-buttons .button,
.video-post .simplefavorite-button,
.button.bg-ol-white {
    background: none;
    font-size: 16px;
    border: 2px solid #fff;
    padding: 5px 10px;
}

.video-buttons .simplefavorite-button:hover,
.video-buttons .simplefavorite-button.active,
.video-buttons .button:hover,
.video-buttons .button.active,
.video-post .simplefavorite-button:hover,
.video-post .simplefavorite-button.active,
.touch .button.bg-ol-white:hover,
.touch .button.bg-ol-white:active,
.button.bg-ol-white:hover,
.button.bg-ol-white:active {
    background: #fff;
    color: #253540;
    opacity: 1;
}

.video-buttons .simplefavorite-button:after,
.video-post .simplefavorite-button:after {
    content: " Add to Favorites";
}

.video-buttons .simplefavorite-button.active:after,
.video-post .simplefavorite-button.active:after {
    content: ' Remove from Favorites';
}

.video-post .simplefavorite-button.loading,
.video-buttons .simplefavorite-button.loading {
    opacity: .35 !important;
    pointer-events: none;
}

/* .video-buttons .simplefavorite-button.loading:after,
.video-post .simplefavorite-button.loading:after {
  content: '';
} */

.video-buttons .simplefavorite-button.loading,
.video-post .simplefavorite-button.loading {
    background: #fff;
    color: #253540;
}

.video-buttons .button,
.video-buttons .simplefavorite-button {
    margin: 5px;
}

.video-post .simplefavorite-button {
    margin-top: 10px;
}

.video-post .simplefavorite-button .lnr {
    font-size: 16px;
}

.workout-item .new-tag,
.video-post .free-tag,
.video-post .new-tag {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    font-size: 14px;
    padding-bottom: 2px;
}

.video-post .new-tag+.free-tag {
    right: 65px;
}

.workout-item .new-tag {
	background: rgba(146, 133, 202, .9);
	text-transform: none;
}

@media all and (max-width: 768px) and (min-width: 350px) {
	.workout-item .video-thumbnail .new-tag {
		right: 10px;
		top: 10px;
	}
}

.member-pagination {
    padding-top: 15px;
    text-align: right;
}

.member-pagination.nm-blog-pagination-1 {
    padding: 0 0 10px;
}

.nm-blog-pagination.member-pagination .nm-row {
    max-width: none;
}

.nm-blog-pagination.member-pagination a,
.numbered-page-navigation .page-numbers {
    background: rgb(170, 170, 170);
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: .6em 1.5em;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
}

.nm-blog-pagination.member-pagination a:hover {
    background-color: #ccc;
}

.numbered-page-navigation {
    position: relative;
}

.nm-blog-pagination.member-pagination .numbered-page-navigation a,
.numbered-page-navigation .page-numbers {
    padding: .3em .75em .31em;
    background: rgb(240, 240, 240);
    color: #666;
    font-weight: bold;
}

.nm-blog-pagination.member-pagination .numbered-page-navigation a:hover {
    background: rgb(225, 225, 225);
    color: #253540;
}

/* Member Prev/Next Navigation */
.member-prev-next-nav {
    display: flex;
	flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    margin-top: 15px;
}

.member-prev-next-nav .nav-button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    background-color: var(--members_accent);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: background-color 0.2s ease;
    text-align: center;
}

.member-prev-next-nav .nav-button:hover:not(.disabled) {
    background-color: var(--members_accent_hover);
    color: #fff;
}

.member-prev-next-nav .nav-button.disabled {
    background-color: #ebebeb;
    color: #b8b8b8;
    cursor: not-allowed;
}

.nm-blog-pagination.member-pagination .numbered-page-navigation a.current,
.numbered-page-navigation .page-numbers.current,
.numbered-page-navigation .page-numbers {
    color: #fff;
    background: var(--members_accent);
    margin: 2px 0;
}

.nm-blog-pagination.member-pagination.discussion-navigation .numbered-page-navigation a {
    margin: 2px 3px;
    display: inline-flex;
    width: auto;
}

.nm-blog-pagination.member-pagination.discussion-navigation .numbered-page-navigation a:first-child:last-child {
    display: none;
}

.navi-pages {
    text-transform: uppercase;
    color: #666;
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

@media all and (max-width: 440px) {
    .navi-pages {
        position: relative;
        clear: both;
        display: block;
        transform: none;
        top: 0;
        margin-top: 15px;
    }

    .nm-blog-pagination.member-pagination {
        text-align: left;
    }
}

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

.bio-panel li:not(.open-bio) {
    user-select: none;
}

.bio-panel img,
.overlay-box .bg,
.video-thumbnail .bg {
    transition: all 1.5s cubic-bezier(0, 0, .2, 1);
    will-change: transform;
}

.bio:hover .overlay-box img,
a:hover .overlay-box .bg,
.si-course-item a:hover .video-thumbnail .bg {
    transform: scale3d(1.1, 1.1, 1.1);
}

.si-preset-plan {
    overflow: hidden;
}

.si-preset-plan, .si-preset-plan .overlay-box, .plan-details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.si-preset-plan .plan-details {
    padding: 50px;
    border-radius: 10px;
	position: relative;
	overflow: hidden;
    background: var(--bgcolor, rgb(37, 53, 64));
}

.si-preset-plan .overylay-box {
    overflow: hidden;
}

.si-preset-plan .plan-details .text {
    z-index: 2;
    position: relative;
}

.si-preset-plan .plan-details .text img {
    max-height: 140px;
    width: auto;
    margin: 0 auto 50px;
    display: block;
    border-radius: 0;
}

.si-preset-plan .plan-details img.plan-img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    margin: 0;
    mix-blend-mode: multiply;
    opacity: .5;
    filter: grayscale(100%);
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

.si-preset-plan .plan-details h4 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.si-preset-plan .plan-details p {
    color: #fff;
    line-height: 1.25;
    margin-bottom: 50px;
}

.si-preset-plan_custom {
	text-align: center;
}

.si-preset-plan_custom .plan-details {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #253540;
	transition: background .3s;
}

.si-preset-plan_custom .plan-details .icons-wrap {
	font-size: 64px;
	display: inline-block;
	height: 64px;
	width: 64px;
	line-height: 64px;
	transform: rotate(145deg);
	transition: transform .3s;
}

.si-preset-plan_custom .plan-details p,
.si-preset-plan_custom .plan-details h4 {
	color: #253540;
	margin: 0;
	max-width: 26ch;
	margin: 10px 0;
}

.si-preset-plan_custom .plan-details h4 {
	font-weight: 700;
}

.si-preset-plan_custom:hover .plan-details {
	background: var(--members_accent)
}

.si-preset-plan_custom:hover .plan-details .icons-wrap {
	transform: rotate(220deg);
}

.si-preset-plan_custom .plan-details::after {
	opacity: .5;
}

.si-preset-plan .overlay .lnr {
    font-size: inherit;
}

.si-preset-plan .plan-details:after {
    content: "";
    background: var(--bgcolor, rgb(37, 53, 64));
    background: linear-gradient(0deg, var(--bgcolor, rgb(37, 53, 64)) 25%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    pointer-events: none;
    left: 0;
}

.si-preset-plan.si-course-item .overlay-box span.add-to-plan {
    pointer-events: auto;
}

.si-preset-plan .video-meta {
    color: #fff;
}

@media all and (max-width: 1040px) {
	.si-preset-plan .plan-details {
		padding: 40px;
	}
	.si-preset-plan .plan-details p {
		margin-bottom: 20px;
	}
    .si-preset-plan .plan-details .text img {
		margin: 0 auto 20px;
    }
}

@media all and (max-width: 900px) and (min-width: 451px), (max-width: 300px) {
	.si-preset-plan .button-hide-for-mobile {
		display: none;
	}
}

@media all and (max-width: 900px) {
    .si-preset-plan .plan-details .text img {
        max-height: 20vw;
    }
}
@media all and (max-width: 840px) {
	.si-preset-plan .plan-details {
		padding: 30px;
	}
	.si-preset-plan .plan-details p {
		font-size: 17px;
	}
}
@media all and (max-width: 600px) {
	.si-preset-plan .plan-details h4 {
		font-size: 18px;
	}
	.si-preset-plan .plan-details p {
		font-size: 16px;
	}
}

.single-workout_preset .workout-item {
    pointer-events: none;
}

.single-workout_preset .workout-item .workout-status-overlay,
.single-workout_preset .workout-item .overlay,
.single-workout_preset .workout-item .workout-status,
.single-workout_preset .workout-item .overlay-wrapper-pers {
    display: none !important;
    visibility: hidden !important;
}

.single-workout_preset .workout-item .video-thumbnail { 
	border-radius: 10px 10px 0 0;
}

.filter-panel {
    --gap: 15px;
}

.filter-panel li>a {
	font-weight: 500;
    background: #F0F0F3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    padding: .85em .25em;
    gap: 6px;
    position: relative;
    line-height: 1;
}

.filter-panel li .lnr-chevron-down {
    font-size: 80%;
}

.filter-panel li>a:after {
    background: inherit;
    display: block;
    content: "";
    height: 60px;
    width: 100%;
    position: absolute;
    top: 100%;
    margin-top: -5px;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity .1s .2s ease;
}

.filter-panel li>a:hover {
    color: #9285CA;
}

.filter-panel li>a .lnr-chevron-down {
    transition: transform .2s ease-in-out;
}

.filter-panel li.active>a .lnr-chevron-down {
    transform: rotate(180deg);
}

.filter-panel li.active>a:after {
    opacity: 1;
    transition: opacity .1s ease;
}

.filter-panel .open-bio {
    margin: 0;
    background: #F0F0F3;
    padding: 30px;
    border-radius: 10px;
}

.filter-content {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.filter-content label {
    user-select: none;
    color: var(--st_theme_dark);
    font-weight: 500;
    text-align: center;
    line-height: 1.2;
    padding: 16px 20px;
    width: calc(20% - 12px);
    flex-basis: calc(20% - 12px);
    background: #fff;
    border-radius: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .25s ease;
}

@media all and (max-width: 1200px) {
    .filter-content label {
        width: calc(25% - 12px);
        flex-basis: calc(25% - 12px);
    }
}

@media all and (max-width: 1000px) {
    .filter-content {
        gap: 15px;
    }

    .filter-content label {
        font-size: 1rem;
        width: calc(25% - 12px);
        flex-basis: calc(25% - 12px);
    }
}

@media all and (max-width: 900px) and (min-width: 769px) {
    .filter-content label {
        width: calc(33.33% - 11.5px);
        flex-basis: calc(33.33% - 11.5px);
    }
}

@media all and (max-width: 600px) {
	.filter-content label {
		container: filter-content / inline-size;
	}
    .filter-content label .label-text {
        font-size: .75rem;
		font-size: clamp(13px, 25cqi, .9rem);
    }

    .planbuilder-footer .button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .filter-panel .open-bio {
        padding: 20px;
    }
}

@media all and (max-width: 468px) {
    .filter-content {
        gap: 10px;
    }

    .filter-content label {
        flex-basis: calc(33.33% - 7px);
        padding: 10px 20px;
    }
}

@media all and (max-width: 350px) {
    .filter-content {
        gap: 10px;
    }

    .filter-content label {
        flex-basis: calc(50% - 7px);
        padding: 10px 20px;
    }
}


.filter-content label .si-icon {
	display: block;
    width: 50%;
    height: 50%;
    object-fit: contain;
    opacity: 1 ! important;
    transition: none !important;
}

.filter-content label .si-icon svg,
.filter-content label .si-icon img {
	display: block;
    object-fit: contain;
	width: 100%;
	height: 100%;
}

.filter-content label:hover {
    color: var(--st_theme_dark);
    background: var(--st_theme_light);
}

.filter-content label:has(input:checked) {
    background: var(--st_theme_dark);
    color: #fff;
}

.filter-content label:has(input:checked) .si-icon:has(img) {
    filter: invert(1) brightness(2);
}

.filter-content label input {
    position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0);
	clip-path: inset(50%); border: 0;
	white-space: nowrap;
}

.filter-content .label-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.filter-content .label-text:has(img) {
    justify-content: center;
}

.filter-content .label-text img {
    width: 36px;
    height: 36px;
    object-fit: conver;
    border-radius: 100%;
    display: block;
    margin-top: -5px;
    margin-bottom: -5px;
}

/*== Page / Course Menu ==*/

body .members-page-menu {
    width: 100%;
    background: #e0f2ef;
    padding-left: 30px;
    font-size: 18px;
    position: absolute;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0);
}

body .members-page-menu-helper.stuck,
body .members-page-menu.stuck {
    z-index: 9;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: calc(100% - 260px);
}

body .woocommerce .members-page-menu-helper.stuck,
body .woocommerce .members-page-menu.stuck {
    right: auto;
}

body .members-page-menu.stuck {
    box-shadow: inset 10px 0 10px -12px rgba(0, 0, 20, .14);
}

body .members-page-menu-helper {
    box-shadow: 5px 0 5px 0 rgba(0, 0, 20, 0);
    transition: box-shadow .45s ease;
}

body .members-page-menu-helper.stuck {
    box-shadow: 5px 0 5px 0 rgba(0, 0, 20, .1);
}

body .members-page-menu-helper.stuck:after {
    z-index: 10;
}

body.collapse-menu .members-page-menu-helper.stuck,
body.collapse-menu .members-page-menu.stuck {
    max-width: calc(100% - 64px);
}

@media all and (max-width: 768px) {

    body .woocommerce .members-page-menu-helper.stuck,
    body .woocommerce .members-page-menu.stuck,
    body.collapse-menu .members-page-menu-helper.stuck,
    body.collapse-menu .members-page-menu.stuck,
    body .members-page-menu-helper.stuck,
    body .members-page-menu.stuck {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        top: 50px !important;
        right: 0 !important;
        z-index: 999 !important;
    }

    body .members-page-menu.stuck {
        box-shadow: none;
    }
}

body .members-page-menu-helper:after {
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    content: "";
    right: 0;
    pointer-events: none;
    background: url(../images/bg-scroll2.png) repeat-y right;
    z-index: 9;
    top: 0;
    pointer-events: none;
}

body .members-page-menu-helper {
    position: relative;
    pointer-events: none;
    min-height: 48px;
    margin-left: -5px;
    margin-right: -5px;
}

body .members-page-menu ul {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    position: relative;
    margin-right: 20px;
}

body .woocommerce-MyAccount-navigation,
.woocommerce .members-page-menu-helper {
    margin: 0 -30px;
    width: calc(100% + 60px);
}

body .members-page-menu li,
body .woocommerce-MyAccount-navigation ul li {
    display: inline-block;
    float: none;
    font-weight: 500;
    margin: 0 15px;
}

body .members-page-menu li a,
body .woocommerce-MyAccount-navigation ul li a {
    color: #253540;
    margin: 0;
    padding: 15px 0 10px;
    font-size: 18px;
    border-style: solid;
    border-color: transparent;
    border-width: 0 0 3px 0;
    display: block;
    line-height: 1.4;
}


body.woocommerce-members_area.page-id-8 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--members-area a,
body .woocommerce-MyAccount-navigation ul li.is-active a,
body .members-page-menu li.is-active a,
.members-custom-menu .current_page_item a {
    color: var(--members_accent);
    border-color: var(--members_accent);
    border-style: solid;
    border-width: 0 0 3px 0;
}

body.woocommerce-members_area.page-id-8 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--members-area a,
body .woocommerce-MyAccount-navigation ul li.is-active a,
body .members-page-menu li.is-active a,
.members-custom-menu .current_page_item a {
    color: var(--members_accent);
    border-color: var(--members_accent);
    border-style: solid;
    border-width: 0 0 3px 0;
    position: relative;
}

body.woocommerce-members_area.page-id-8 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--members-area a:after,
body .woocommerce-MyAccount-navigation ul li.is-active a:after,
body .members-page-menu li.is-active a:after,
.members-custom-menu .current_page_item a:after {
    content: "";
    display: block;
    height: 6px;
    background-color: var(--members_accent);
    width: 100%;
    position: absolute;
    bottom: -6px;
}

body .members-page-menu li:first-child,
body .woocommerce-MyAccount-navigation ul li:first-child {
    margin-left: 0;
}

body .members-page-menu li a:hover,
body .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--members_accent);
}

body .woocommerce-MyAccount-content {
    padding: 30px 0;
    margin: 0;
    width: 100%;
    overflow: visible;
}

body .my_account_memberships .membership-actions>.view {
    display: none;
}


/*== PlanBuilder ==*/

.members-video-area .course-help {
    margin-left: 20px;
    float: right;
    position: relative;
    z-index: 8;
}

.buttonform h4:first-child {
    margin-top: 0;
}

.buttonform h4 {
    font-weight: bold;
    margin: 50px 0 20px;
    clear: both;
}

.buttonform h4 em {
    font-style: italic;
    font-weight: normal;
}

.planbuilder-footer {
    clear: both;
    margin-top: 50px;
}

.planbuilder-footer .button {
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.buttonform .submit {
    clear: both;
    font-size: 20px;
}

.listtitle {
    display: block;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 3px solid var(--members_accent);
    padding-bottom: 10px;
}

.next-workout,
.workout-item {
	container: video-item / inline-size;
}

.workout-item a {
    display: block;
    position: relative;
    color: #253540;
}

@supports (container: inline-size) {
	.workout-item a,
	.video-meta li {
		font-size: clamp(14px, 5cqi, 19px);
	}
}

.workout-item .video-box {
    background-color: #9285ca;
    margin-bottom: 0;
    padding: 20px;
}

.workout-item .video-thumbnail {
    border-radius: 0;
}

.workout-dayoftheweek {
    border-radius: 10px 10px 0 0;
    background-color: #9285ca;
    display: block;
    width: 100%;
    padding: 15px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 115%;
    position: relative;
    height: 60px;
}

.workout-item .overlay-box .button {
    margin: 10px;
    pointer-events: none;
}

.workout-item .overlay-box .button:hover {
    opacity: 1 !important;
}

.workout-status,
.workout-status-overlay {
	border-radius: 10px 10px 0 0;
}

.workout-status {
    pointer-events: none;
    background: #bbb;
    color: #fff;
    padding: 15px 15px;
    font-weight: bold;
    font-size: 14px;
	display: flex;
	align-items: center;
	text-wrap: balance;
	line-height: 1.25;
}

.workout-status-overlay {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
    transition: opacity .2s ease;
}

.workout-completed .workout-status {
    background-color: #ffd200;
    color: #111;
}

.workout-item.workout-completed:not(:hover) .overlay-box .overlay {
    opacity: .5;
}

.workout-item.workout-completed:not(:hover) .overlay-box .overlay .vcenter-wrap {
    opacity: 0;
}

.workout-item:hover .workout-status-overlay {
    opacity: 0;
}

.current-settings {
	z-index: 2;
	position: relative;
    padding-bottom: 10px;
	display: block;
}

.current-settings .button:hover,
.current-settings .button {
    font-size: 14px;
    margin: 0;
	margin-right: 10px;
	margin-bottom: 10px;
    cursor: default;
    background: #f0f0f3;
    color: #2e3b65;
}

.current-trainers {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
	font-weight: 700;
}

.current-trainers img {
	border-radius: 10px;
	max-width: clamp(64px, 15vw, 128px);
}

.current-trainers .trainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}

.box-gray .current-settings .button {
	background: #fff;
}

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

html body .button.bg-orange2:hover, 
html body .button.bg-orange2 {
    background: #f98079;
}

body .button-full-width {
	width: 100%;
	text-align: center;
	  justify-content: center;
}

.si-plan-overview {
}

.si-plan-overview .image {
	outline: 10px solid #F0F0F3;
	background: var(--bgcolor);
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
}

.si-plan-overview .image-wrap {
	float: right;
	position: relative;
	width: calc(30% + 20px);
	min-width: 140px;
	max-width: 320px;
	height: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	aspect-ratio: 1/.9;
	border-left: 20px solid #F0F0F3;
	border-bottom: 20px solid #F0F0F3;
	z-index: 0;
}

.si-plan-overview .image img {
	position: relative;
	z-index: 1;
	display: block;
}

.si-plan-overview .image .plan-img {
	position: absolute;
	top: 0;
	display: block;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
    mix-blend-mode: multiply;
    opacity: .35;
    filter: grayscale(100%);
}

@media all and (max-width: 960px) {
	.si-plan-overview .image-wrap {
		border: none;
		box-shadow: none;
		width: 100%;
		aspect-ratio: auto;
		float: none;
		margin: 0 0 20px 0;
		max-width: 100%;
		min-width: 0;
	}
	.si-plan-overview .image-wrap .image {
		padding: 20px 15px;
	}
	.si-plan-overview .image > img.wp-post-image {
		max-width: 100%;
		width: 164px;
		max-height: 100px;
		object-fit:contain;
	}
}

@media all and (max-width: 1600px) and (min-width: 1301px) {
    .large-block-grid-5 .workout-item .video-box {
        font-size: 80%;
    }

    .workout-item .video-thumbnail {
        padding-bottom: 60%;
    }
}

@media all and (max-width: 1600px) and (min-width: 1201px) {
    .large-block-grid-4 .workout-item .video-box {
        font-size: 88%;
    }
}

@media all and (max-width: 1300px) and (min-width: 1020px) {
    .large-block-grid-5>li.workout-item {
        width: 33.33%;
    }

    .large-block-grid-5 .workout-item .video-box {
        font-size: 100%;
    }

    .workout-item .video-thumbnail {
        padding-bottom: 60%;
    }
}

@media all and (max-width: 1200px) and (min-width: 1020px) {
    .large-block-grid-4 .workout-item .video-box {
        font-size: 100%;
    }

    .large-block-grid-4>li.workout-item {
        width: 50%;
    }
}

@media all and (min-width: 1020px) {
    .large-block-grid-5 .video-thumbnail-small,
    .large-block-grid-4 .video-thumbnail-small {
        padding-bottom: 75%;
    }

    .video-thumbnail-small {
        padding-bottom: 65%;
    }
}

@media all and (max-width: 768px) {
    .listtitle {
        margin-top: 20px;
    }
}


/*== Shepher Tutorial ==*/

body .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
    background: #e11c7f;
    font-family: var(--members-font);
    font-weight: bold;
    text-transform: none;
    letter-spacing: normal;
    font-size: 16px;
    padding: .6em 2em;
}

body .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button:hover {
    opacity: 0.82;
}

body .shepherd-element.shepherd-theme-arrows .shepherd-content {
    width: 400px;
    max-width: 100%;
    font-size: 18px;
}

body .shepherd-element.shepherd-theme-arrows.shepherd-step {
    margin: 5px 0;
}

body .shepherd-element.shepherd-theme-arrows.shepherd-step.shepherd-target-attached-right,
body .shepherd-element.shepherd-theme-arrows.shepherd-step.shepherd-target-attached-left {
    margin: 0 5px;
}

body.shepherd-active .shepherd-element.shepherd-theme-arrows.shepherd-step.shepherd-open .shepherd-content {
    -webkit-animation: popIn .3s;
    -moz-animation: popIn .3s;
    -ms-animation: popIn .3s;
    -o-animation: popIn .3s;
    animation: popIn .3s;
}

body .shepherd-element.shepherd-theme-arrows .shepherd-content header h3 {
    font-weight: bold;
}

.mfp-bg:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: .9;
    z-index: 22;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
}

.mfp-content {
    border-radius: 5px;
    overflow: hidden;
}

.nm-healthdisclaimer.nm-mfp-fade-in.mfp-bg,
.nm-healthdisclaimer.nm-mfp-zoom-in.mfp-bg {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.mfp-ready .mfp-content {
    -webkit-animation: popIn .3s;
    -moz-animation: popIn .3s;
    -ms-animation: popIn .3s;
    -o-animation: popIn .3s;
    animation: popIn .3s;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));

    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.mfp-bg,
body.shepherd-active .tut-overlay {
    background: #00adef;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00adef 0%, #54bdb5 65%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00adef 0%, #54bdb5 65%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00adef 0%, #54bdb5 65%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adef', endColorstr='#54bdb5', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mfp-heading {
    background: #ddd;
    padding: 23px 40px 20px 40px;
    font-weight: bold;
    color: #253540;
    margin: -40px -40px 20px -40px;
}

#health-disclaimer .mfp-text {
    max-height: calc(100vh - 230px);
    height: 280px;
    overflow: auto;
}

.nm-mfp-fade-in.mfp-bg.mfp-ready,
.nm-mfp-zoom-in.mfp-bg.mfp-ready {
    opacity: .7;
}

.nm-mfp-fade-in.mfp-bg.mfp-ready.mfp-removing,
.nm-mfp-zoom-in.mfp-bg.mfp-ready-removing {
    opacity: 0;
}

body.shepherd-active .tut-overlay {
    opacity: .35;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-animation: fadeIn .5s;
    -moz-animation: fadeIn .5s;
    -ms-animation: fadeIn .5s;
    -o-animation: fadeIn .5s;
    animation: fadeIn .5s;
}

.shepherd-active .members-template .members-header,
.shepherd-active .members-template .nm-page-wrap-inner {
    z-index: 0 !important;
    pointer-events: none;
    opacity: .5;
    transition: opacity .5s ease;
}

.shepherd-active .members-template .audio-bar {
    transition: opacity .5s ease;
    opacity: 0 !important;
    animation: none !important;
}

.shepherd-active .audio-bar-helper {
    display: none !important;
}

.shepherd-active .members-template .shepherd-enabled,
/* Dashboard */
body[data-shepherd-step="collapse"].shepherd-active .members-template .shepherd-target,
body[data-shepherd-step="myaccount"].shepherd-active .members-template .shepherd-target,
/* Course */
body[data-shepherd-step="courseprogress"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="search"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="bookmarks"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="discussion"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="downloads"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="showmainmenu"].shepherd-active .members-template .members-header,
body[data-shepherd-step="easycourseaccess"].shepherd-active .members-template .members-header,
body[data-shepherd-step="coursecontents"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="startlesson"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="bookmarkprogress"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="completeandcontinue"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="listen"].shepherd-active .members-template .nm-page-wrap-inner,
/* Save Trainer */
body[data-shepherd-step="st_mainmenu"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="st_workoutfinder"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="st_browserworkouts"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="st_beginworkout"].shepherd-active .members-template .nm-page-wrap-inner,
body[data-shepherd-step="st_addtofave"].shepherd-active .members-template .nm-page-wrap-inner {
    z-index: 2 !important;
    opacity: 1;
}

body[data-shepherd-step="listen"].shepherd-active .members-template .nm-page-wrap-inner .audio-bar {
    opacity: 1 !important;
}

/* Failsafe*/
.shepherd-active .nm-page-wrap-inner .members-content,
.shepherd-active .nm-page-wrap-inner .members-content-area {
    background: #fff;
}

.mm-opened .shepherd-active #mobile-menu,
.mm-opened .shepherd-active #mm-blocker {
    pointer-events: none;
}

.shepherd-step {
    z-index: 99;
}

/* Pinned Arrow Fix for mobile */
body[data-shepherd-step="coursecontents"].shepherd-active .shepherd-element.shepherd-theme-arrows.shepherd-pinned-left .shepherd-content::before {
    left: 10%;
    bottom: 100%;
    border-bottom-color: #eee;
}

body[data-shepherd-step="downloads"].shepherd-active .shepherd-element.shepherd-theme-arrows.shepherd-pinned-left .shepherd-content::before {
    left: 40%;
    bottom: 100%;
    border-bottom-color: #eee;
}

body[data-shepherd-step="bookmarks"].shepherd-active .shepherd-element.shepherd-theme-arrows.shepherd-pinned-right {
    left: 0 !important;
    right: auto !important;
}

body[data-shepherd-step="bookmarks"].shepherd-active .shepherd-element.shepherd-theme-arrows.shepherd-pinned-right .shepherd-content::before {
    left: 65%;
    bottom: 100%;
    border-bottom-color: #eee;
}

body[data-shepherd-step="discussion"].shepherd-active .shepherd-element.shepherd-theme-arrows.shepherd-pinned-right .shepherd-content::before {
    left: 50%;
    bottom: 100%;
    border-bottom-color: #eee;
}

/* Mobile Fix */
@media all and (max-width: 768px) {
    /* html.js, body.shepherd-active .mm-page {
    height: 100% !important;
  }

  body.shepherd-active {
    overflow: hidden;
    height: 100%;
  }

  body.shepherd-active .members-template {
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  } */
}

/* Loading Overlay */
.loading-overlay {
    opacity: 0;
    left: -20000px;
    pointer-events: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transition: opacity .4s 1s ease, left 0s 1.4s linear;


    padding: 30px;
    overflow: hidden;
    max-width: 100%;
    color: #fff;
	background: linear-gradient(135deg, #28E6D2ee 0%,#9285caee 76%);
}

.loading-overlay.active {
    pointer-events: auto;
    left: 0;
    opacity: 1;
    transition: opacity .4s ease;
}

.loading-overlay .st-animation {
    color: #e11c7f;
    position: absolute;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.st-animation svg {
	aspect-ratio: 1/1;
	padding: clamp(12px, 1vw, 32px);
	width: clamp(96px, 8vw, 256px);
	height: clamp(96px, 8vw, 256px);
}

.loading-text {
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    top: 45%;
    margin-top: clamp(48px, 4vw, 128px);
    font-size: clamp(24px, 2.25vw, 48px);
    line-height: 1.25;
}

.animated .dotsel:after {
    position: absolute;
    content: "...";
    animation: dotsel 1.5s linear 125;
}

@media all and (max-width: 768px) {

    .loading-text {
        margin-top: 48px;
        font-size: 24px;
    }
}

@keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(.95);
    }

    70% {
        transform: scale(1.03);
    }

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

@-moz-keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(.95);
    }

    70% {
        transform: scale(1.03);
    }

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

@-webkit-keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(.95);
    }

    70% {
        transform: scale(1.03);
    }

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

@-ms-keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(.95);
    }

    70% {
        transform: scale(1.03);
    }

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

@-o-keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(.95);
    }

    70% {
        transform: scale(1.03);
    }

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

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: .35;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: .35;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: .35;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: .35;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: .35;
    }
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(0, 150px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-moz-keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(0, 150px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-webkit-keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(0, 150px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-ms-keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(0, 150px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-o-keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(0, 150px);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@-moz-keyframes rotate {
    0% {
        opacity: .45;
        transform: rotate(-180deg);
        filter: hue-rotate(-80deg);
    }

    50% {
        opacity: .85;
        transform: rotate(0deg) scale(1.2);
    }

    75% {
        filter: hue-rotate(0);
    }

    100% {
        opacity: .45;
        transform: rotate(179deg);
        filter: hue-rotate(-80deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        opacity: .45;
        transform: rotate(-180deg);
        filter: hue-rotate(-80deg);
    }

    50% {
        opacity: .85;
        transform: rotate(0deg) scale(1.2);
    }

    75% {
        filter: hue-rotate(0);
    }

    100% {
        opacity: .45;
        transform: rotate(179deg);
        filter: hue-rotate(-80deg);
    }
}

@-ms-keyframes rotate {
    0% {
        opacity: .45;
        transform: rotate(-180deg);
        filter: hue-rotate(-80deg);
    }

    50% {
        opacity: .85;
        transform: rotate(0deg) scale(1.2);
    }

    75% {
        filter: hue-rotate(0);
    }

    100% {
        opacity: .45;
        transform: rotate(179deg);
        filter: hue-rotate(-80deg);
    }
}

@keyframes rotate {
    0% {
        opacity: .45;
        transform: rotate(-180deg);
        filter: hue-rotate(-80deg);
    }

    50% {
        opacity: .85;
        transform: rotate(0deg) scale(1.2);
    }

    75% {
        filter: hue-rotate(0);
    }

    100% {
        opacity: .45;
        transform: rotate(179deg);
        filter: hue-rotate(-80deg);
    }
}

@keyframes dotsel {
    0% {
        content: "";
    }

    25% {
        content: ".";
    }

    50% {
        content: "..";
    }

    75% {
        content: "...";
    }
}


/*== MISC ==*/

.course-search-results .nm-post-meta {
    display: none;
}

.course-search-form {
    margin-bottom: 30px;
    max-width: 50%;
    max-width: calc(50% - 15px);
}

.search-results .course-search-form {}

.course-search-form #s {
    width: 70%;
    height: 48px;
}

.course-search-form .submit {
    font-size: 18px;
    margin-left: 15px;
    height: 48px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 25%;
    width: calc(30% - 15px);
}

@media all and (min-width: 1600px) {
    .course-search-form {
        max-width: 33%;
        max-width: calc(33% - 15px);
    }
}


@media all and (max-width: 993px) {
    .course-search-form {
        max-width: 100%;
    }
}

@media all and (max-width: 420px) {

    .course-search-form .submit,
    .course-search-form #s {
        width: 100%;
        margin: 5px 0;
    }
}

.st-search-form {
    margin: 20px 0 15px;
    display: flex;
}

.st-search-form:first-child {
    margin-top: 0;
}

.st-search-form #s {
    border-radius: 10px 0 0 10px;
    border: 2px solid var(--members_accent);
    background: url(../images/icons/lnr/magnifier.svg) no-repeat 15px center;
    padding-left: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.st-search-form .submit {
    border-radius: 0 10px 10px 0;
    margin: 0;
}

@media all and (min-width: 461px) {
    .st-search-form .submit .lnr {
        display: none;
    }
}

@media all and (max-width: 460px) {
    .st-search-form #s {
        background: none;
        padding-left: 20px;
        font-size: 16px;
    }

    .st-search-form .submit .label {
        display: none;
    }

    .st-search-form .submit {
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.program-tiles-wrap {
    --gap: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    margin-bottom: var(--gap);
}

.program-tile {
    padding: 30px 60px 40px 25px;
    border-radius: 10px;
	display: block;
    position: relative;
    overflow: hidden;
    transition: background .25s ease;
    font-weight: bold;
    font-size: 1.5rem;
}

.program-tiles-wrap .program-tile {
    width: calc(33.33% - (var(--gap) / 3 + var(--gap) / 3));
	aspect-ratio: unset;
}

a.program-tile,
a.program-tile:hover {
    color: #fff;
    line-height: 1;
}

.program-tile-title {
    position: relative;
    z-index: 2;
}

.program-tile img {
    width: 40%;
    aspect-ratio: 16/12;
    object-fit: cover;
    position: absolute;
    right: -20px;
    bottom: auto;
    top: auto;
    margin-top: 2%;
    transform: rotate(25deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 2px;
    transition: transform .5s ease;
}

.program-tile:after {
    content: "";
    background: linear-gradient(to top, rgba(0, 0, 0, .25), rgba(0, 0, 0, .125)) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    transition: opacity .25s ease;
}

.program-tile:hover:after {
    opacity: 1;
}

.program-tile:hover img {
    transform: rotate(15deg) scale(1.1);
    opacity: 1 !important;
}

@media only screen and (max-width: 900px) {
    .program-tiles-wrap .program-tile {
        width: calc(50% - (var(--gap) / 2));
    }
}

@media only screen and (max-width: 468px) {
    .program-tile {
        padding: 20px 40px 30px 20px;
        font-size: 1.25rem;
    }
}


@media all and (min-width: 1400px) {
    .program-tiles-wrap .program-tile {
        aspect-ratio: 16/4.5;
    }
}

.st-wrap {
    /* max-width: 1200px; */
}

body #invfr_form table.form-table {
    width: 100%;
}

body #invfr_form td input {
    width: 90%;
}

body #invfr_form table.form-table th {
    font-weight: bold;
}

#invfr_form .submit {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    position: relative;
}

#invfr_form .submit input {
    padding: 15px 20px;
    font-size: 19px;
}

#invfr_form .submit img {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    margin-left: 10px;
}

#invfr_form .invfr_add.button,
#invfr_form .invfr_remove.button {
    background: #ccc;
    padding: 3px 9px;
    width: 32px;
    text-align: center;
    height: 32px;
    line-height: 28px;
    display: inline-block;
    font-weight: bold;
    border-radius: 100%;
}

#invfr_form .invfr_add.button {
    background: #1aa4e1;
}

#invfr_form table td {
    vertical-align: middle;
    padding: 5px 0;
}

.members-mobile .mm-panels,
.members-mobile .mm-panels>.mm-panel {
    background: var(--members_header_bg, #fff) !important;
}

.members-mobile .unbold a {
    font-weight: 500 !important;
}

body .members-mobile .mm-listview>li>a,
body .members-mobile .mm-listview>li>span {
    color: var(--members_header_link, #253540) !important;
    vertical-align: middle;
    margin-inline: 15px;
    border-radius: 10px;
}

body .members-mobile .mm-listview>li>a {
	-webkit-tap-highlight-color: var(--members_header_link_bg_hover, #eee) !important;
	-webkit-touch-callout: none;
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
}

body .members-mobile .mm-listview>li>a:hover,
body .members-mobile .mm-listview>li>span:hover {
    background: var(--members_header_link_bg_hover, #eee);
}

body .members-mobile .mm-listview>li>a .lnr,
body .members-mobile .mm-listview>li>span .lnr {
    color: var(--members_accent);
    font-size: 140%;
    line-height: 8px;
    margin-right: 5px;
    position: relative;
    vertical-align: baseline;
    bottom: -4px;
}

@media (hover: none) and (pointer: coarse) {
	body .members-mobile .mm-listview>li>a:hover {
		background: none;
	}
	.toggle-menu:hover {
		opacity: 1 !important;
	}
}

.members-mobile .mm-panels>.mm-panel>.mm-listview:first-child,
.members-mobile .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: 0 !important;
}

.commentlist .comment .entry-content img {
    border-radius: 2px;
    height: auto;
    position: relative;
    top: auto;
    width: auto;
}

.calendar {
    margin-bottom: 30px;
	position: relative;
}

.calendar.loading .fc-toolbar {
    pointer-events: none;
    opacity: .5;
}

.calendar .fc-toolbar {
    transition: opacity .3s;
}

.calendar.loading .st-animation-overlay {
	opacity: 1;
	pointer-events: auto;
}

.calendar.loading .st-animation {
	--st-ani_speed: 1.5s;
}

.calendar:not(.loading) {
	--st-animation: none;
}

.fc-scroller {
    height: auto !important;
    overflow-y: visible !important;
}

.fc-time {
    display: none !important;
}

.downloads {
    margin-bottom: 0;
}

.fc-day-header {
    background: #919bae;
    color: #fff;
    font-weight: bold;
}

.fc-day-number {
    border: 1px solid #ddd;
    border-width: 0 0 1px 1px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
}

.fc-today .fc-day-number {
    background: var(--members_accent);
    color: #fff;
    border-color: var(--members_accent);
}

body .fc-unthemed td.fc-today {
    background: #F0F0F3;
}

body .fc-toolbar.fc-header-toolbar {
	margin-bottom:.5em;
}

body .fc-toolbar .fc-right,
body .fc-toolbar .fc-left {
	padding-top: 10px;
}

body .fc-toolbar .fc-center {
	padding: 10px 10px 0 10px;
}

body .fc-state-default {
    background-image: none;
    box-shadow: none;
}

body .fc-event {
    font-weight: 500;
    background: none;
    border: none;
    color: var(--members_accent);
}

body .fc-event .fc-title:before {
    content: "I did: ";
    color: #253540;
	font-weight: normal;
}

body .fc-event .fc-title {
    font-weight: 600;
}

body .fc-day-grid-event .fc-content {
    white-space: normal;
}

body .fc-day-grid-event .fc-content:before {
    content: "\e87f";
    color: var(--members_accent);
    font-family: linearicons;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
}

body a.fc-event:hover {
    color: #000;
}

body .fc-state-default,
body .fc-button:hover,
body .fc-button.fc-state-active {
    text-shadow: none !important;
    background-color: #919BAE;
    color: #fff;
}

body .fc-left .fc-button,
body .fc-button:hover,
body .fc-button.fc-state-active {
    background-color: var(--members_accent);
}

body .fc-event-dot {
    background: var(--members_accent);
}

.fc-right .fc-button {
    text-transform: capitalize;
}

#add-workout.active {
    cursor: pointer;
    pointer-events: none;
}

.sidebug {
    color: #000;
    font-size: 10px;
    padding: 3px 5px;
    background: rgba(255, 155, 0, .25);
    border: 2px dashed rgba(255, 155, 0, 1);
    position: relative;
    padding-left: 45px;
}

.sidebug:before {
    content: "DEBUG";
    position: absolute;
    top: 0;
    background: rgba(255, 155, 0, 1);
    color: #fff;
    left: 0;
    height: 22px;
    width: 40px;
    line-height: 22px;
    top: 0;
    text-align: center;
    font-weight: bold;
    padding: 0 5px;
}

.members-content {
    -webkit-box-flex: 1;
    flex: 1;
    -ms-flex: none;
}

html,
body,
.members-template,
.members-page-wrap,
.nm-page-wrap-inner {
    min-height: 100vh;
}

.nm-page-wrap-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


/* Chart Stuff */
#charts {
    position: relative;
    margin-bottom: 40px;
}

#charts .tabs {
    margin-top: 25px;
}

#charts .tabs a {
    color: #253540;
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    background: #fff;
    transition: background .25s ease, color .25s ease;
}

#charts .tabs a:hover {
    background: rgba(0, 0, 0, 0.05);
}

#charts .ct-chart {
    background: #F0F0F3 var(--members_loader_image) no-repeat center;
    height: 30vw;
    min-height: 200px;
    max-height: 450px;
    left: 0;
    bottom: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

#charts .ct-chart.current {
    opacity: 1;
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

#charts .tabs .current {
    pointer-events: none;
    border-radius: 10px 10px 0 0;
}

#charts .ct-chart-bar,
#charts .ct-chart-line,
#charts .tabs .current {
    background: #F0F0F3;
    color: #253540;
}

.fc-toolbar h2 {
    color: #253540;
}

#charts .ct-series-a .ct-bar,
#charts .ct-series-a .ct-line,
#charts .ct-series-a .ct-point,
#charts .ct-series-a .ct-slice-donut {
    stroke: var(--members_accent);
}

#charts .ct-series-a .ct-area,
#charts .ct-series-a .ct-slice-donut-solid,
#charts .ct-series-a .ct-slice-pie {
    fill: var(--members_accent);
}

#charts .ct-grid {
    stroke-dasharray: 0;
    opacity: .375;
}

#charts .ct-grid.ct-vertical {
    opacity: .375;
}

#charts .ct-series .ct-point {
    position: relative;
}

#charts .ct-bar {
    stroke-width: 4%;
}

.floating-label,
.form-floating-label {
    font-weight: bold;
    transform: translateX(-6px) translateY(-8px);
}

/* #charts .ct-series .ct-point:last-child {
  filter: none;
  animation: exploding-stroke 2s infinite;
} */

.ct-label.ct-horizontal {
    color: #253540;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    padding: 0 5px;
    margin-top: 10px;
    overflow: hidden;
    display: block !important;
}

/* @-webkit-keyframes exploding-stroke{0%{filter: drop-shadow(0 0 0 var(--members_accent));}100%{filter: drop-shadow(0 0 10px var(--members_accent));}}@-moz-keyframes exploding-stroke{0%{filter: drop-shadow(0 0 0 var(--members_accent));}100%{filter: drop-shadow(0 0 10px var(--members_accent));}}@-ms-keyframes exploding-stroke{0%{filter: drop-shadow(0 0 0 var(--members_accent));}100%{filter: drop-shadow(0 0 10px var(--members_accent));}}@keyframes exploding-stroke{0%{filter: drop-shadow(0 0 0 var(--members_accent));}35%{filter: drop-shadow(0 0 10px var(--members_accent));}} */

.event-removing .fc-widget-content {
    pointer-events: none !important;
}

.fc-list-item,
.fc-day-grid-event {
    transition: opacity .5s ease;
    vertical-align: center;
}

.fc-list-item.removing,
.fc-day-grid-event.removing {
    opacity: .5;
    color: black;
}

.fc-list-item-title:hover .remove-event,
.fc-event-container:hover .remove-event {
    opacity: 1;
    pointer-events: auto;
}

.remove-event {
    margin-bottom: -2px;
    position: relative;
    font-size: 12px;
    background: #eb5a46;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    margin-top: -2px;
    transition: opacity .25s ease, background-color .25s ease;
}

.remove-event span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.remove-event span:after {
    content: "\2716";
    display: block;
}

.remove-event:hover {
    background-color: darkred;
}


@media all and (min-height: 720px) {


    .members-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .members-menu {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

}

/*== Conversations ==*/
.c-message {
    display: flex;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
}

.c-message-new {
    background: #eef7ed;
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 4px;
    border: none;
    animation: fadeIn .25s;
}

.c-message:last-child {
    border-bottom: 0;
}

.c-message-avatar {
    order: 0;
    min-width: 50px;
    margin-right: 20px;
    padding-top: 5px;
}

.c-message-avatar img {
    border-radius: 100%;
}

.c-message-text {
    order: 1;
    max-width: calc(90% - 70px);
}

.c-message-text p:last-child {
    margin: 0;
}

.c-message-text .name {
    font-weight: bold;
    color: #253540;
    font-size: 16px;
}

.c-message-text .name:after {
    content: ": ";
}

/* .c-message[data-from="saveinstitute"] .c-message-avatar {
  order: 2;
  margin-right: 0;
  margin-left: 20px;
}

.c-message[data-from="saveinstitute"] {
  text-align: right;
  justify-content: flex-end;
} */

.conversation-reply .box-gray,
.nm-message .mfp-content .conversation-reply .form-submit {
    margin-bottom: 0;
}

.view-conversation:after {
    display: none !important;
}

a.button.button-new-conversation {
    font-size: 13px;
    padding: 8px 15px 7px;
}

#notifications-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info-message-delivered {
    margin-bottom: 30px;
}

#message-new-conversation .acf-fields>.acf-field {
    padding: 20px 0 0 0;
    border-top: 0;
}

#message-new-conversation .acf-fields>.acf-field:first-child {
    padding: 0 0 0 0;
}

#message-new-conversation .acf-form-submit {
    margin-top: 15px;
}

#message-new-conversation h3 {
    font-weight: bold;
    color: #253540;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: -5px;
}

#message-new-conversation .acf-required {
    display: none;
}

.nm-message .acf-input-wrap {
    overflow: visible;
}

.nm-message .acf-notice {
    padding-top: 7px;
    padding-bottom: 7px;
}

.nm-message .acf-error-message p {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

.nm-message .acf-field .acf-notice.-error {
    border: 1px solid #d12626;
}

#conversations.si-messages .right {
    max-width: 200px;
}

#conversations.si-messages .reply-status {
    margin-right: 10px;
}

.c-message-placeholder {
    display: none !important;
}

.conversation-reply-form {
    position: relative;
}

.reply-loading {
    z-index: 999;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .55) var(--members_loader_image) no-repeat center;
}

/*== Responsive ==*/
@media all and (max-width: 1130px) {

    body .members-page-menu li,
    body .woocommerce-MyAccount-navigation ul li {
        margin: 0 7px;
    }

    body .members-page-menu li a,
    body .woocommerce-MyAccount-navigation ul li a {
        font-size: 15px;
    }

}

@media all and (max-width: 940px) {

    .copy-logo,
    .copy-info {
        float: none;
        height: auto;
        min-height: 0 !important;
        width: 100%;
    }

    .copy-logo {
        margin-bottom: 20px;
    }

    .members-banner-shadow,
    .members-banner {
        min-height: 190px;
    }

    .members-banner-short {
        min-height: 100px;
    }

    .course-title {
        bottom: 25px;
    }

    .course-logo img {
        bottom: 25px;
    }

    .file-title a {
        font-size: 16px;
    }

    .filter-list .hover-bub-contents {
        max-width: 320px;
    }

    .filter-list .hover-right .hover-bub-contents {
        margin-left: -200px;
    }

    .filter-list .hover-bub-contents ul li a {
        font-size: 14px;
        padding: 5px 10px;
        margin: 2px;
    }

    .members-video-area .course-help .button {
        font-size: 14px;
        margin-top: 10px;
    }

    .ct-label.ct-horizontal {
        font-size: 11px;
    }

}

.members-menu .nm-right-menu,
.backtocontents {
    display: none;
}

body .nm-right-menu li a {
	font-size: 15px;
}

@media all and (max-width: 768px) {

    html:after {
        display: none !important;
    }

    body .woocommerce-MyAccount-navigation,
    .woocommerce .members-page-menu-helper {
        width: calc(100% + 10px);
    }

    body .woocommerce .members-page-menu-helper::after {
        margin-right: -30px;
    }

    body .members-page-menu li a,
    body .woocommerce-MyAccount-navigation ul li a {
        font-size: 14px;
    }

    .profile-menu-wrap {
        min-height: 0 !important;
    }

    .members-menu .nm-right-menu {
        display: block;
    }

    .members-menu {
        height: auto !important;
        overflow-y: hidden !important;
    }

    .members-height-helper {
        height: 100%;
        height: calc(100% - 50px);
        position: fixed;
    }

    .entry-content {
        padding-bottom: 20px;
    }

    .members-header,
    .collapse-menu .members-header {
        width: 100%;
        position: fixed;
        height: auto;
        min-height: 0;
        height: 50px;
        line-height: 50px;
        z-index: 10;
    }

    .st-mobile-logo {
        width: 170px;
        margin-top: -5px;
    }

    .nm-page-wrap-inner {
        padding-top: 50px;
    }

    .save-logo {
        display: block;
        width: auto;
    }

    .members-menu {
        height: 50px;
        line-height: 50px;
    }

    .members-header .show-on-collapse,
    .members-header .hide-on-collapse,
    #members-menu,
    .profile-menu,
    .mm-navbar-top-1 {
        display: none !important;
    }

    .members-menu {
        padding: 0 20px;
    }

    body .members-page-menu {
        margin-left: -5px;
        margin-right: -5px;
        padding: 0 20px;
    }

    body .woocommerce-MyAccount-navigation.members-page-menu,
    .woocommerce .members-page-menu-helper {
        margin-left: -20px;
        margin-right: -20px;
    }


    .members-template .nm-page-wrap-inner,
    .collapse-menu .members-template .nm-page-wrap-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .members-content {
        padding-left: 5px;
        padding-right: 5px;
    }

    .members-content .members-content-area {
        padding-top: 20px;
    }

    body .mm-hasnavbar-top-1 .mm-panels,
    body .mm-navbar-top-2 {
        top: -10px;
    }

    .mm-panels .display-name {
        padding: 10px 10px 10px 35px;
        margin-top: 40px;
        font-weight: bold;
        font-size: 16px;
    }

    .members-banner {
        margin-left: -15px;
        margin-right: -15px;
        width: 100%;
        width: calc(100% + 30px);
    }

    .members-menu .accordian-menu,
    .members-menu .toc-title,
    .members-menu .learndash {
        display: none;
    }

    .members-menu .accordian-menu {
        display: none !important;
    }

    .collapse-menu .members-header .menu-item.toggle-course span {
        display: inline;
    }

    #breadcrumbs {
        font-size: 13px;
    }

    .backtocontents {
        display: inline-block;
        font-size: 13px;
        font-style: normal;
    }

    .backtocontents:after {
        content: " - ";
        color: #253540;
        margin: 0 5px;
    }

    .fc-body {
        font-size: 12px;
    }

    .filter-list .hover-bub-contents {
        max-width: 100%;
        width: 100%;
        margin-top: -15px;
    }

    .filter-list .hover-bub:hover .hover-bub-contents {
        left: 0 !important;
        margin-left: 0 !important;
    }

    .filter-list .hover-bub .hover-bub-contents::before {
        display: none !important;
    }

    .audio-bar,
    .collapse-menu .members-template .audio-bar {
        width: calc(100% - 40px);
        padding: 20px;
    }

    .audio-bar .mejs-container .mejs-controls .mejs-time {
        padding-left: 0;
        padding-right: 0;
    }

    .woocommerce-account-my-memberships {
        font-size: 14px;
    }

    .members-video-area .course-help span {
        display: none;
    }

    #charts .ct-chart {
        height: 40vw;
    }

}

@media all and (max-width: 900px) {

	.fc-header-toolbar .fc-center {
        width: 100%;
        float: none !important;
        padding-top: 10px;
    }

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 0 !important;
    }

    .fc .fc-toolbar.fc-header-toolbar>*>* {
        margin-left: .25em;
    }

    .fc-toolbar h2 {
        font-size: 18px;
        font-weight: bold;
    }

    body .fc button {
        font-size: .85em;
    }

    .fc button .fc-icon {
        font-size: 12px;
    }

    .fc td,
    .fc th {
        font-size: 14px;
    }

}


@media all and (max-width: 568px) {

    .fc td,
    .fc th {
        font-size: 12px;
    }

    .members-video-area .embed-container iframe {
        height: calc(100% + 1px);
    }

    .dashboard-inner .col-xs-6 {
        width: 100%;
        margin: 0 0 10px 0;
        clear: both;
        float: none;
    }

    #breadcrumbs,
    .backtocontents {
        font-size: 12px;
    }

    #breadcrumbs {
        padding-top: 0;
        padding-bottom: 10px
    }

    body .woocommerce .wc-memberships-restriction-message,
    .wc-memberships-restriction-message,
    body div.bbp-template-notice.info,
    body div.bbp-template-notice,
    .info-notice,
    body div.bbp-template-notice p {
        font-size: 14px !important;
    }

    body .woocommerce .wc-memberships-restriction-message,
    .wc-memberships-restriction-message,
    body div.bbp-template-notice.info,
    body div.bbp-template-notice,
    .info-notice {
        padding: 10px 32px;
    }

    .wc-memberships-restriction-message::before, 
	.info-notice.success::before, 
	.page-template-page-members .members-content-area .col-xs-12 > .woocommerce.woocommerce-info::before {
		left: 12px;
	}

    body .filters-menu>li>a {
        padding: 10px 0;
    }

    .member-attach .thumb,
    .file-title,
    .file-download {
        width: 100%;
        max-width: 90%;
        float: none;
        text-align: left;
        margin: 10px auto;
    }

    .box-gray {
        padding: 20px;
    }

    .members-title h2,
    .members-title h1 {
        font-size: 22px;
    }

    .members-content h3 {
        font-size: 20px;
    }

    .members-content h4 {
        font-size: 18px;
    }

    body button,
    body input[type="button"],
    body input[type="submit"],
    body .button,
    #learndash_next_prev_link a {
        padding: 0.5em 1.25em;
    }

    body .learndash .learndash_topic_dots.type-list a>span,
    body .learndash #quiz_list-si a>span {
        font-size: 14px;
    }

    .members-banner .course-title h2 {
        font-size: 22px;
    }

    .course-title .button {
        font-size: 14px;
    }

    .course-logo {
        display: none;
    }

    .members-banner {
        height: auto;
        min-height: 200px;
    }

    .members-banner .members-banner-shadow {
        min-height: 200px;
    }

    .members-banner-short {
        min-height: 100px;
    }

    .members-banner-short .members-banner-shadow {
        min-height: 100px;
    }

    .course-title {
        width: 100%;
        float: none;
        position: static;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        padding: 20px 30px;
        height: auto;
    }

    .course-title {
        padding-top: 20px;
    }

    .course-interior .members-title h2 {
        margin-bottom: 10px;
    }

    .video-box .col-xs-6 {
        float: none;
        width: 100%;
        font-size: 16px;
    }

    .video-box .col-xs-6:last-child {
        margin-top: 20px;
    }

    .audio-bar .mejs-container .mejs-controls .mejs-time {
        display: none;
    }

    .mejs-button.blank-button {
        width: 24px;
    }

    .xsmall-block-grid-1>li {
        width: 100% !important;
    }

    .xsmall-block-grid-1>li:nth-of-type(1n) {
        clear: none !important;
    }

    .xsmall-block-grid-1>li:nth-of-type(1n+1) {
        clear: both !important;
    }

    .members-banner .hello-title {
        margin-top: -10px;
    }

    .members-banner .hello-title h2,
    .hello-text {
        font-size: 28px;
    }

    .woocommerce-account-my-memberships {
        width: 100%;
        overflow: auto;
    }

    .woocommerce-account table.my_account_memberships {
        table-layout: auto;
        width: auto;
        font-size: 13px;
    }

    .shop_table th,
    .shop_table td {
        font-size: 12px !important;
    }

    .ct-label.ct-horizontal {
        font-size: 9px;
    }

    #charts .ct-chart {
        height: 50vw;
    }

    #charts .tabs {
        display: flex;
        justify-content: center;
    }

    #charts .tabs a {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    } 

    .nm-message .mfp-content,
    .mfp-content {
        font-size: 16px;
    }

    .nm-message .mfp-content .message-body {
        padding: 30px;
    }

    .mfp-heading {
        font-size: 22px;
        margin: -30px -30px 20px -30px;
        padding: 15px 30px 13px 30px;
        text-align: center;
    }

}

@media all and (max-width: 500px) {
    .course-interior .simplefavorite-button {
        float: none;
        width: auto;
        margin: 0 0 15px;
        font-size: 12px;
        border: 1px solid rgba(78, 185, 170, .25);
        padding-left: 12px;
        padding-right: 12px;
    }

    .course-interior .simplefavorite-button:hover {
        border-color: #eee;
    }

    .course-interior .simplefavorite-button img {
        width: 15px;
    }

    #learndash_next_prev_link a,
    #learndash_next_prev_link #learndash_mark_complete_button,
    #learndash_next_prev_link .prev-link,
    #learndash_next_prev_link .next-link,
    #learndash_next_prev_link .learndash_mark_complete_button {
        font-size: 18px;
    }

    .button.st-signin {
        font-size: 12px;
    }
}

@media all and (max-width: 400px) {

    #learndash_next_prev_link a,
    #learndash_next_prev_link #learndash_mark_complete_button,
    #learndash_next_prev_link .prev-link,
    #learndash_next_prev_link .next-link,
    #learndash_next_prev_link .learndash_mark_complete_button {
        font-size: 16px;
    }

    .members-banner .hello-title {
        margin-top: 0;
    }

    .members-banner .hello-title h2,
    .hello-text {
        font-size: 20px;
    }

    .video-buttons .button,
    .video-buttons .simplefavorite-button {
        margin: 5px 0;
        width: 100%;
        font-size: 14px;
    }

    .video-buttons {
        float: none;
        width: 100%;
        padding: 0 0 10px;
    }

    body .form-row-first,
    body .form-row-last {
        width: 100%;
        clear: both;
        float: none;
    }

    #charts .ct-chart {
        height: 200px;
    }

    #charts .tabs a {
        font-size: 12px;
    }

    .nm-message .mfp-content,
    .mfp-content {
        font-size: 14px;
    }

    .nm-message .mfp-content .message-body {
        padding: 20px;
    }

    .mfp-heading {
        font-size: 20px;
        margin: -20px -20px 15px -20px;
        padding: 15px 20px 13px 20px;
        text-align: center;
    }

    .ct-label.ct-horizontal {
        font-size: 8px;
        line-height: 1;
    }

    .nm-menu-cart-title {
        display: inline !important;
    }

    .button.st-signin {
        font-size: 10px;
    }

}

@media all and (max-width: 290px) {
    .save-logo {
        max-width: 50%;
    }

    .ct-label.ct-horizontal {
        font-size: 6px;
    }
}

body .woocommerce-MyAccount-content .shop_table tr td:first-child {
    padding-right: 10px;
}

.nm-shop-results-bar a {
    color: #41485a;
    border-color: #41485a;
    margin: 1px 0 2px;
}

.nm-shop-results-bar a:hover,
.nm-shop-results-bar a:active,
.nm-shop-results-bar a:focus {
    color: #253540;
    border-color: #253540;
}

.touch .nm-shop-results-bar a:hover {
    text-decoration: none;
    color: #41485a;
    border-color: #41485a;
}

.nm-shop-results-bar a.clearall {
    border: none;
    padding: 7px 10px 5px 10px;
}

.nm-shop-results-bar a.clearall:before {
    content: "";
    display: block;
}

.nm-shop-results-bar a.clearall:hover {
    text-decoration: none;
}

.nm-shop-results-bar a.clearall strong {
    transition: color .25s ease;
}

.nm-shop-results-bar a.clearall:hover strong {
    color: #777;
}

.nm-passwordless-box .mfp-content {
    max-width: 400px;
}

#passwordless-login p {
    margin: 0;
}

.nm-login-popup-wrap#passwordless-login {
    margin: 0;
}

#user_email_username {
    margin-bottom: 10px;
    margin-top: 5px;
}

#wpa-submit {
    width: 100%;
    text-align: center;
}


/* IOS FIXED SIDEBAR FIX ON LANDSCAPE FOR PROGRAM PAGES ONLY */
html.touch {
    -webkit-overflow-scrolling: touch;
}


/* DEBUG */
#qm.qm-show,
#qm.qm-peek,
.no-js #qm,
.nojs #qm {
    z-index: 100;
    position: relative;
}




.single-video #player {
    opacity: 0;
}

.single-video .plyr #player {
    opacity: 1;
}

.plyr:not(.plyr-canplay) {
    pointer-events: none;
    opacity: .5;
}

.plyr {
    transition: opacity .3s ease, box-shadow .3s ease !important;
}

.plyr .plyr__controls,
.plyr .plyr__control {
    opacity: 0;
    transition: opacity .25s ease;
}

.plyr.plyr-canplay .plyr__controls,
.plyr.plyr-canplay .plyr__control {
    opacity: 1;
}

.plyr__chromecast {
    display: flex !important;
    width: 32px;
    display: inline-flex;
    transform: translateY(1px);
    align-items: center;
    --connected-color: #ccffac;
    --disconnected-color: white;
}

.plyr--chromecast__active .plyr__control--overlaid {
    display: none !important;
}

.plyr--chromecast__active .plyr__controls {
    height: 100%;
    margin: 0;
    background: rgba(0, 0, 0, .8);
}

.plyr--chromecast__active .plyr__controls>* {
    display: none;
}

.plyr--chromecast__active .plyr__controls>.plyr__chromecast__item {
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.plyr--chromecast__active .plyr__controls .plyr__chromecast {
    width: 200px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.plyr--chromecast__active .plyr__controls .plyr__chromecast:after {
    content: "Video is being cast to another device.";
    width: 300px;
    max-width: 100%;
    font-size: 16px;
    line-height: 1.25;
    font-weight: bold;
}

.plyr--chromecast__active .plyr__controls .plyr__chromecast:hover {
    background: rgba(43, 224, 214, .75);
}



/*--------------------------------------------------------------
# Signed Out Overlay
--------------------------------------------------------------*/
.st-signedout__wrapper {
	position: relative;
}

.st-signedout {
	position: absolute;
	top: -10px;
	left: -10px;
	height: calc(100% + 20px);
	width: calc(100% + 20px);
	z-index: 9;
	background: rgba(255,255,255,.4);
	padding: 40px 20px;
}

.st-signedout .st-signedout__content {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	position: sticky;
	top: 30px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	margin: 0 auto;
	max-width: 800px;
	border: 2px solid var(--st_theme_accent);
}

@media all and (max-width: 768px) {
	.st-signedout__content {
		top: 70px
	}
}

@media all and (max-width: 600px) {
	.st-signedout__content {
		font-size: 16px;
		padding: 20px;
	}
}

.members-template .nm-page-wrap.members-page-wrap {
	overflow: visible !important;
}

.st-signedout__blur {
	filter: blur(3px);
	pointer-events: none;
}

.form-row .input-text, .form-row select {
	border-radius: 5px;
}

.form-label-floating {
    position: relative;
    margin-bottom: 1.5rem;
}

body .form-label-floating input {
    width: 100%;
    padding: 11px 13px;
}

body .form-label-floating label {
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
    color: #666;
    pointer-events: none;
    transition: 0.2s ease all;
}

/* When focused or not empty */

body .form-label-floating input:not(:placeholder-shown),
body .form-label-floating input:focus {
	padding: 20px 13px 2px 13px;
}

.form-label-floating:has(input:focus) label,
.form-label-floating:has(input:not(:placeholder-shown)) label {
    color: #888;
    top: 26%;
    font-size: 0.75rem;
    padding: 0;
}

.next-workout {
	display: flex;
	gap: 30px;
	clear: both;
	margin-top: 20px;
}

h3:has(.new-tag) {
	gap: 4px 8px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

h3 .new-tag {
	background: #f98079;
	font-size: 12px;
	margin: 0;
}

.next-workout .col-1 {
	width: 35%;
	max-width: 200px;
	min-width: 100px;
}

.next-workout .wp-post-image {
	border-radius: 10px;
	margin-bottom: 10px;
	aspect-ratio: 16/10;
	object-fit: cover;
}

.next-workout .wp-post-image,
.next-workout .button {
	width: 100%;
	display: block;
}

.next-workout .col-1 .button {
	padding-left: 5px;
	padding-right: 5px;
}

.next-workout h4 {
	font-weight: 600;
}

.next-workout h4 a {
	color: inherit;
}

.next-workout .video-meta li {
	font-weight: 400;
	display: flex;
}

.next-workout-min {
	flex-direction: column;
	gap: 5px;
}

.next-workout-min .wp-post-image {
	aspect-ratio: 16/7;
}

.next-workout-min .video-meta{
	margin-bottom: 10px;
}

@media all and (max-width: 600px) {
	.next-workout {
		flex-direction: column;
	}
	
	.next-workout .col-1 {
		width: 100%;
		max-width: none;
		min-width: auto;
		order: 2;
	}

}


.clickable-parent {
	position: relative;
}
.clickable-parent a {
	position: static !important;
}
.clickable-parent a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 9;
}
.clickable-parent .button, button, .clickable-child {
	position: relative;
	z-index: 10;
}






.si_banner-active.si_banner-fixed.si_banner-top #mobile-menu .mm-opened {
	padding-top: var(--si-banner--height, 50px);
}