/*
Theme Name: npcoding
Theme URI: https://www.npcoding.com/he/
Author: the npcoding
Author URI: https://www.npcoding.com/he/
Description: npcoding Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/* Sections
     ========================================================================== */


/**
   * Remove the margin in all browsers.
   */

body {
    margin: 0;
}


/**
   * Render the `main` element consistently in IE.
   */

main {
    display: block;
}


/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/* Grouping content
     ========================================================================== */


/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}


/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/* Text-level semantics
     ========================================================================== */


/**
   * Remove the gray background on active links in IE 10.
   */

a {
    background-color: transparent;
}


/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}


/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
    font-weight: bolder;
}


/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
   * Add the correct font size in all browsers.
   */

small {
    font-size: 80%;
}


/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/* Embedded content
     ========================================================================== */


/**
   * Remove the border on images inside links in IE 10.
   */

img {
    border-style: none;
}


/* Forms
     ========================================================================== */


/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
    /* 1 */
    overflow: visible;
}


/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
    /* 1 */
    text-transform: none;
}


/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}


/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}


/**
   * Correct the padding in Firefox.
   */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}


/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}


/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
    vertical-align: baseline;
}


/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
    overflow: auto;
}


/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}


/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

 ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}


/* Interactive
     ========================================================================== */


/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
    display: block;
}


/*
   * Add the correct display in all browsers.
   */

summary {
    display: list-item;
}


/* Misc
     ========================================================================== */


/**
   * Add the correct display in IE 10+.
   */

template {
    display: none;
}


/**
   * Add the correct display in IE 10.
   */

[hidden] {
    display: none;
}

div,
label,
input,
button,
header,
section,
main,
article,
aside,
footer,
form {
    box-sizing: border-box;
}

:root {
    --title-font-family: 'Cooperative';
    --main-font-family: 'Assistant';
    --header-padding-top: 80px;
    --header-padding-top-mobile: 70px;
}

body {
    font-family: var(--main-font-family);
}

header.main-header {
    position: fixed;
    z-index: 2;
}

body:not(.single-sfwd-lessons.logged-in-header):not(.meditation-category):not(.exercises-category):not(.woocommerce-checkout):not(.exercises_npc-template-default):not(.meditation_npc-template-default):not(.woocommerce-account.logged-in-header) header+div {
    padding-top: var(--header-padding-top);
}

header #logo a {
    display: inline-block;
}

header #logo img {
    width: 100%;
    height: 100%;
}

header {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: grid;
}

header:not(.logged-in-header) {
    padding: 10px 10px 0;
}

header.main-header {
    background-position-y: 100%;
}

header.logged-in-header {
    background-image: url(assets/images/login-header.png);
    position: sticky;
    top: 0;
    z-index: 3;
}

header.main-header ul,
header.logged-in-header ul {
    list-style: none;
    margin: 0;
}

header.main-header ul {
    align-items: center;
    padding: 0;
}

header.logged-in-header ul {
    padding: 3.5vh 0 0;
}

header.logged-in-header ul li a {
    padding: 0 10px;
}

header.logged-in-header ul li:last-child {
    background-color: transparent;
}

header.main-header ul li,
header.main-header ul li a,
header.logged-in-header ul li,
header.logged-in-header ul li a {
    text-decoration: none;
    color: #43778d;
}



header ul li a {
    display: block;
    transition: 0.1s background-color ease-in;
}

@media (min-width: 1001px) {
    header {
        grid-template-columns: minmax(200px, 30%) 1fr;
    }
    header.main-header ul li {
        width: 123px;
    }
}

@media (max-width: 1000px) and (min-width: 769px) {
    header {
        grid-template-columns: minmax(120px, 20%) 1fr;
        gap: 10px;
    }
    header.main-header ul li {
        width: 100px;
    }
}

@media (max-width: 1280px) and (min-width: 769px) {
    header.main-header {
        height: 160px;
    }
    header.main-header #logo img {
        max-width: 170px;
    }
}

@media (min-width: 769px) {
    header {
        height: 190px;
    }
    header .hamburger {
        display: none;
    }
    header {
        background-image: url(assets/images/topbar_bg.png);
    }
    header #logo img {
        max-width: 200px;
    }
    header .top-header-when-menu-opened,
    header .background-menu-mobile-when-menu-opened {
        display: none;
    }
    header.main-header {
        padding: 10px 20px 0 40px;
    }
    header.main-header ul,
    header.logged-in-header ul {
        height: 100%;
        display: flex;
        flex-direction: row;
    }
    header.logged-in-header {
        height: 18vh;
        background-position-y: bottom;
        max-height: 130px;
    }
    header.main-header nav {
        max-width: 920px;
        margin: 0 auto;
        width: 100%;
    }
    header.main-header ul {
        justify-content: space-between;
    }
    header.logged-in-header ul {
        justify-content: space-evenly;
        max-width: 940px;
        margin: 0 auto;
    }
    header.main-header nav {
        max-height: 70px;
    }
    header ul li {
        height: 30px;
        text-align: center;
        line-height: 29px;
        font-size: 19px;
    }
	
    header ul li:not(:last-child) a {
        background-color: #d1e8e3;
    }
    header.main-header ul li:last-child {
        background-color: #f4eb92;
    }
    header.logged-in-header {
        grid-template-columns: minmax(170px, 10%) 1fr;
    }
    header.logged-in-header #logo img {
        max-width: 170px;
    }
    header.logged-in-header #logo {
        padding-top: 1.3vh;
    }
    header.logged-in-header ul li:nth-last-child(2) a {
        background-color: #f3ea8161;
    }
    header.logged-in-header ul li.current-menu-item a {
        background-color: #ffd0c882;
    }
    header ul li a:hover, header.logged-in-header ul li:nth-last-child(2) a:hover, header.main-header ul li.current-menu-item a {
        background-color: #f2dbd7;
    }
    header.logged-in-header ul li:last-child a {
        color: #93b0bc;
        text-decoration: underline;
    }
}

@media (max-width:970px) and (min-width:769px) {
    header.logged-in-header ul li,
    header.logged-in-header ul a {
        font-size: 1.7vmax;
    }
    header.logged-in-header ul li a {
        font-size: 1.6vmax;
        padding: 0 6px;
        width: calc( 100% - 12px);
    }
}

@media (max-width: 768px) {
    header {
        height: 110px;
        grid-template: "hamburger logo";
        justify-content: space-between;
        left: 0;
    }
    header .hamburger {
        margin-top: 4px;
        width: 46px;
        height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: baseline;
        padding: 5px;
        cursor: pointer;
        grid-area: hamburger;
    }
    header .hamburger span {
        width: 100%;
        height: 4px;
        background-color: #86c2b2;
    }
    header #logo {
        grid-area: logo;
    }
    header {
        background-image: url(assets/images/topbar_bg_mobile.png);
    }
    header.logged-in-header {
        padding: 0 20px 0;
    }
    header #logo img {
        max-width: 130px;
    }
    header nav {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        transform: translateY(-101%);
        opacity: 0;
        transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
    }
    body.menu-open header nav {
        transform: translateY(0%);
        opacity: 1;
        z-index: 11;
    }
    header nav .top-header-when-menu-opened,
    header nav ul {
        background-color: #eeeeee;
    }
    header nav .background-menu-mobile-when-menu-opened,
    header nav ul {
        margin-top: -1px !important;
    }
    header nav ul {
        text-align: center;
        font-size: 40px;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
    header nav .background-menu-mobile-when-menu-opened {
        background-image: url(assets/images/topbar_bg_mobile.png);
        padding-top: 23%;
        background-repeat: no-repeat;
        background-size: contain;
    }
    header .top-header-when-menu-opened {
        display: grid;
        grid-template: ". logo-mobile exit-container"/ 100px 1fr 100px;
    }
    header .top-header-when-menu-opened .logo-mobile-when-menu-opened {
        grid-area: logo-mobile;
        text-align: center;
    }
    header .top-header-when-menu-opened .logo-mobile-when-menu-opened img {
        max-width: 150px;
        width: 100%;
        height: 100px;
        object-fit: contain;
    }
    header .top-header-when-menu-opened .exit-container {
        grid-area: exit-container;
        text-align: left;
    }
    header .top-header-when-menu-opened .exit-menu {
        color: #3f768d;
        font-weight: 400;
        font-size: 45px;
        margin: 20px 30px;
        cursor: pointer;
    }
    header ul li a:hover,
    header ul li a:active,
    header ul li.current-menu-item a {
        color: #e6859a;
    }
    header.logged-in-header {
        background-position-x: 100%;
    }
    header.logged-in-header #logo img {
        max-width: 140px;
    }
    header.logged-in-header ul {
        font-size: 30px;
        gap: 45px;
    }
    header.logged-in-header {
        padding: 10px 40px 0;
    }
}


/** POST PAGE **/

#post-page .main-image>img {
    width: 100%;
    object-fit: cover;
}

#post-page .main-image .without-image {
    height: 170px;
}

#post-page article {
    background-color: #f6f1ee;
    text-align: center;
}

#post-page .title-page {
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
}

#post-page .content {
    padding: 0;
    min-height: calc( 100vh - 190px - 60px - 52px);
}

#post-page .title-page,
#post-page .theme-post,
#post-page .theme-post .elementor-widget-text-editor {
    color: #dd705d !important;
}

#post-page .title-page,
#post-page .theme-post {
    font-family: var(--main-font-family);
}

#post-page .theme-post {
    font-size: 16px;
}

#post-page .elementor-widget-text-editor img {
    max-width: 450px;
    max-width: 100%;
}

/** elementor-form **/

.elementor-form .elementor-field-group {
    padding: 0 !important;
}

.elementor-form input[type="text"],
.elementor-form input[type="tel"],
.elementor-form input[type="number"],
.elementor-form textarea,
.elementor-form input[type="email"] {
    border: none !important;
    border-radius: 5px;
    text-align: center;
    color: #6f97a8;
    font-size: 20px;
}

.elementor-form textarea {
    height: 100px;
}

.elementor-form input[type="text"]::placeholder,
.elementor-form input[type="tel"]::placeholder,
.elementor-form input[type="number"]::placeholder,
.elementor-form textarea::placeholder,
.elementor-form input[type="email"]::placeholder {
    color: #567988 !important;
}

.elementor-form textarea::placeholder {
    /* line-height: 80px; */
}

.elementor-form .elementor-field-type-checkbox,
.newsletter-npcoding .custom-checkbox {
    --checkbox-height: 26px;
    position: relative;
    display: flex;
    flex-direction: row;
    height: var(--checkbox-height);
    cursor: pointer;
}

.elementor-form .elementor-field-type-checkbox .elementor-field-subgroup {
    display: inline-block;
    flex-basis: inherit !important;
}

.newsletter-npcoding input[type="checkbox"],
.elementor-form .elementor-field-type-checkbox .elementor-field-subgroup input[type="checkbox"] {
    display: none;
}

.elementor-form .elementor-field-type-checkbox .elementor-field-subgroup label,
.newsletter-npcoding .custom-checkbox .checkmark {
    width: var(--checkbox-height);
    height: var(--checkbox-height);
    border-radius: 8px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.elementor-form .elementor-field-type-checkbox .elementor-field-subgroup input[type="checkbox"]:checked~label::after,
.newsletter-npcoding .custom-checkbox input[type="checkbox"]:checked~.checkmark::after {
    content: '';
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: #000000;
    top: 50%;
    left: 50%;
}

.elementor-form .elementor-field-type-checkbox>label,
.newsletter-npcoding .custom-checkbox .agreement-text {
    padding-right: calc( var(--checkbox-height) + 5px);
    line-height: var(--checkbox-height);
}

.elementor-form .elementor-field-type-checkbox>label {
    color: #699ba7 !important;
}

.elementor-form .elementor-field-type-submit {
    justify-content: center;
}

.elementor-form .elementor-field-type-submit button {
    background-color: #43778d !important;
    color: #bbcdd6 !important;
    flex-basis: inherit !important;
    width: 110px;
    border-radius: 5px;
    font-size: 20px;
    padding: 12px 0;
    cursor: pointer;
}

.elementor-form .elementor-field-type-submit button:hover {
    background-color: #2c5a6e !important;
}


/** end elementor-form **/


/** footer **/

.footer {
    background-color: #f8b3a3;
    /* display: grid; */
    /* grid-template: ". rights_footer text_footer social_footer" / 33% 27% 20% 20%; */
    padding: 0 315px 0 40px;
    font-size: 18px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.footer .group_1 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.footer .rights {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.footer {
    color: #ffffff;
}

.footer .terms-link {
    margin: 0 auto;
}

.footer a {
    color: #9092b6;
    text-decoration: underline;
}

.footer .rights_footer {
    grid-area: rights_footer;
}

.footer .text_footer {
    grid-area: text_footer;
}

.footer .social_footer {
    grid-area: social_footer;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: center;
    justify-content: end;
}

.footer .social_footer a {
    font-size: 30px;
    color: #FFFFFF;
    text-decoration: none;
}


/** end footer **/


/** 404 **/

.container-404 {
    display: grid;
    grid-template-columns: 50% 50%;
}


/** end 404 **/


/** courses-page **/

body.courses-page .learndash-wrapper {
    position: relative;
}

body.courses-page .ld-course-list-items,
body.courses-page .searchform {
    margin-right: auto;
    margin-left: auto;
}

body.courses-page .ld-course-list-items .r-c-1-1 {
    grid-area: r-c-1-1;
}

body.courses-page .ld-course-list-items .r-c-1-2 {
    grid-area: r-c-1-2;
}

body.courses-page .ld-course-list-items .r-c-1-3 {
    grid-area: r-c-1-3;
}

body.courses-page .ld-course-list-items .big-1 {
    grid-area: big-1;
}

body.courses-page .ld-course-list-items .r-c-2-1 {
    grid-area: r-c-2-1;
}

body.courses-page .ld-course-list-items .r-c-2-2 {
    grid-area: r-c-2-2;
}

body.courses-page .ld-course-list-items .r-c-2-3 {
    grid-area: r-c-2-3;
}

body.courses-page .ld-course-list-items .big-2 {
    grid-area: big-2;
}

body.courses-page .ld-course-list-items .r-c-3-1 {
    grid-area: r-c-3-1;
}

body.courses-page .ld-course-list-items .r-c-3-2 {
    grid-area: r-c-3-2;
}

body.courses-page .ld-course-list-items .r-c-3-3 {
    grid-area: r-c-3-3;
}

body.courses-page .green-1 {
    --sub-color: #416359;
    --shadow-color: #416359;
    background-color: #7dac9b;
}

body.courses-page .green-2 {
    --sub-color: #3d665a;
    --shadow-color: #3d665a;
    background-color: #86c1b2;
}

body.courses-page .green-3 {
    --sub-color: #769588;
    --shadow-color: #769588;
    background-color: #d0e4d7;
}

body.courses-page .purple-1 {
    --sub-color: #814eac;
    --shadow-color: #814eac;
    background-color: #bc98d9;
}

body.courses-page .purple-2 {
    --sub-color: #814eac;
    --shadow-color: #814eac;
    background-color: #dab7f6;
}

body.courses-page .purple-3 {
    --sub-color: #4a7060;
    --shadow-color: #4a7060;
    background-color: #a2d998;
}

body.courses-page .yellow-1 {
    --sub-color: #d18409;
    --shadow-color: #f6d7a6;
    background-color: #ffebcf;
}

body.courses-page .pink-1 {
    --sub-color: #e07866;
    --shadow-color: #f1bdb4;
    background-color: #fbdad2;
}

body.courses-page .pink-2 {
    --sub-color: #e69687;
    --shadow-color: #f6d7d1;
    background-color: #fdedea;
}

body.courses-page .turuoise-1 {
    --shadow-color: #548999;
    background-color: #bfe9e0;
}

body.courses-page .ld-course-list-items>div {
    position: relative;
}

body.courses-page .learndash-wrapper.locked::after {
    content: 'בקרוב!';
    color: var(--sub-color);
}

body.courses-page .learndash-wrapper.focus-mode:not(.current-course) {
    overflow: hidden;
}

body.courses-page:not(.admin-bar) .learndash-wrapper.focus-mode::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

body.courses-page .learndash-wrapper.current-course::after {
    content: '';
    background: url(assets/images/current.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -22px;
    left: 50%;
    width: 101px;
    height: 93px;
    transform: translateX(-50%);
    pointer-events: none;
}

body.courses-page .learndash-wrapper.completed::after {
    content: '';
    background: url(assets/images/completed.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -15px;
    left: 50%;
    width: 151px;
    height: 56px;
    transform: translateX(-50%);
    filter: drop-shadow(-2px 1px 1px rgba(0, 0, 0, 0.1));
}

body.courses-page .learndash-wrapper.always-open .always-open-container {
    background: url(assets/images/paperclip.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 100%;
    pointer-events: none;
}

body.courses-page .learndash-wrapper.always-open .always-open-container .always-open-text {
    position: absolute;
    right: 8%;
    text-align: center;
    transform: translate(0%, -50%);
    color: #86c1b2;
    font-family: var(--title-font-family);
    font-size: 22px;
}

body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list {
    margin: 0;
}

body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item {
    border: none;
    border-radius: 0;
    background: none;
}

body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .course-title {
    font-family: var(--title-font-family);
    color: #FFFFFF;
    text-shadow: 2px 2px 0 var(--shadow-color);
    margin: 0;
}

body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .course-subtitle {
    font-family: var(--main-font-family);
    color: var(--sub-color);
    margin: 5px 0 0;
    font-weight: 700;
}

body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
    display: flex;
}


/** end courses-page **/


/** lesson-page **/

#lesson-page .learndash-wrapper .ld-tabs {
    margin: 0;
}

#lesson-page .info-course {
    background-color: #bfe9e0;
    text-align: center;
    border-radius: 30px;
    padding: 20px 10px 30px;
    height: calc( 87vh * 0.9 - 30px );
    overflow: hidden;
    aspect-ratio: 330/542;
    max-width: 100%;
}

#my-account-page .info-my-account {
    background-color: #bfe9e0;
    text-align: center;
    border-radius: 30px;
    padding: 20px 20px 30px;
    overflow: hidden;
    aspect-ratio: 331/488;
    max-width: 100%;
}

#lesson-page .info-course {
    display: flex;
    flex-direction: column;
}

#lesson-page .info-course .title,
#my-account-page .info-my-account .title {
    font-family: var(--title-font-family);
    color: #ffffff;
    text-shadow: 2px 2px 0 #7aa9b1;
    font-size: 45px;
    margin: 0;
}

#lesson-page .info-course .subtitle {
    color: #598c9c;
    margin: 0;
    font-size: 15px;
}

#lesson-page .lessons {
    margin-top: 30px;
    max-height: calc( 100% - 80px);
    overflow-y: auto;
    direction: ltr;
    height: 100%;
}

#lesson-page .lessons::-webkit-scrollbar {
    width: 1em;
}

#lesson-page .lessons::-webkit-scrollbar-track {
    background-color: #d8f1ec;
    border-radius: 5px;
}

#lesson-page .lessons::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 5px;
}

#lesson-page .lessons ul,
#my-account-page .info-my-account ul {
    list-style: none;
    padding: 0 10px 0 0;
    margin: 0;
    direction: rtl;
    display: grid;
    gap: 7px;
}

#lesson-page .lesson,
#lesson-page .quiz {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px 10px;
    min-height: 48px;
    display: grid;
    grid-template-columns: 30px 1fr 30px;
    align-items: center;
}

#my-account-page .info-my-account .woocommerce-MyAccount-navigation-link {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0px 10px;
    min-height: 42px;
    display: grid;
    grid-template-columns: 30px 1fr 30px;
    align-items: center;
}

#lesson-page .quiz {
    text-align: center;
}

#lesson-page .lesson .like,
#my-account-page .info-my-account .like {
    font-size: 20px;
    color: #7dac9b;
    cursor: pointer;
}

#lesson-page .lesson.locked {
    cursor: no-drop;
}

#lesson-page .lesson.locked .status_lesson {
    background: url(assets/images/lock.svg) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

#lesson-page .lesson.learndash-complete .status_lesson {
    background: url(assets/images/checkmark.svg) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

#lesson-page .lesson .ld-lesson-title,
#lesson-page .quiz a {
    color: #93c8ba;
}

#lesson-page .lesson .subtitle-lesson {
    margin: 0;
    color: #588699;
    font-size: 12px;
}

#lesson-page .lesson.ld-is-current-lesson .subtitle-lesson {
    font-weight: 600;
}

#lesson-page .learndash-wrapper .ld-content-actions {
    justify-content: start;
    border: none;
    gap: 10px;
    margin-top: 10px;
}

#lesson-page .video-lesson {
    padding: 10px;
    /* aspect-ratio: 849/470;
    max-height: calc( 87vh * 0.73 ); */
}

#lesson-page .video-lesson>div,
#lesson-page .video-lesson>div>div,
#lesson-page .video-lesson .ld-tabs-content,
#lesson-page .video-lesson .ld-tabs-content>div,
#lesson-page .video-lesson .ld-tabs-content>div>div {
    height: 100%;
}

#lesson-page .video-lesson iframe {
    width: 100%;
}

#lesson-page .files_btn,
#lesson-page .exercise_btn {
    text-align: center;
    line-height: 40px;
    padding: 0 10px;
    cursor: pointer;
}

#lesson-page .files_btn,
#lesson-page .exercise_btn {
    background: #bfe9e0;
    color: #50736a;
    border-radius: 5px;
}

#lesson-page .exercise_btn:hover,
#lesson-page .files_btn:hover {
    background: #daf3ee;
}

#lesson-page .files_btn {
    color: #345a4f;
}

body.logged-in-header.ld-in-focus-mode.admin-bar {
    padding-top: 0;
}

#lesson-page .donwload_files {
    text-align: center;
    padding: 30px 0;
    display: none;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

#lesson-page .donwload_files.show {
    display: flex;
}

#lesson-page .donwload_files a:hover {
    text-decoration: underline;
}


/** end lesson-page **/


/** popup-end-guid **/

.yellow-popup {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.yellow-popup .ratio {
    position: absolute;
    width: 100%;
}

.yellow-popup:not(.terms):not(.preview_course) .ratio {
    max-width: 500px;
}

.yellow-popup .ratio .ratio-page {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}

.yellow-popup .ratio .content {
    position: absolute;
    top: 0;
    display: grid;
    align-content: space-around;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.yellow-popup .ratio .content .titles {
    text-align: center;
}

.yellow-popup .ratio .content .title-yellow-popup,
.yellow-popup-new.preview_course .syllabus_courses-title-new,
.yellow-popup-new .title-yellow-popup {
    font-family: var(--title-font-family);
}

.yellow-popup-new.opps .title-yellow-popup {
    font-size: 70px;
}

.yellow-popup .ratio .content .title-yellow-popup,
.yellow-popup .ratio .content .subtitle-yellow-popup,
.yellow-popup .ratio .content .btn-yellow-popup,
.yellow-popup-new.preview_course .syllabus_courses-title-new,
.yellow-popup-new .title-yellow-popup {
    color: #dd705d;
    margin: 0;
}

.yellow-popup-new.opps .btn-yellow-popup,
.yellow-popup-new.preview_course .syllabus-back-btn,
.yellow-popup-new.double-check .btn-yellow-popup,
.yellow-popup-new.disable-subscription .btn-yellow-popup {
    background-color: #fbd2cb;
    text-align: center;
    border-radius: 7px;
    text-decoration: none;
    color: #dd705d;
    cursor: pointer;
}

.yellow-popup-new.disable-subscription .btn-yellow-popup {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    height: 55px;
}

.yellow-popup-new.opps .btn-yellow-popup {
    padding: 15px;
    font-size: 12px;
}

.yellow-popup-new.preview_course .syllabus-back-btn {
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yellow-popup-new.double-check .btn-yellow-popup,
.yellow-popup-new.disable-subscription .btn-yellow-popup {
    padding: 6px 0;
}

.yellow-popup-new.double-check .content-new .subtitle-yellow-popup,
.yellow-popup-new.disable-subscription .content-new .subtitle-yellow-popup {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}

.yellow-popup .ratio .content .btn-yellow-popup:hover,
.yellow-popup-new.preview_course .syllabus-back-btn:hover,
.yellow-popup-new.opps .btn-yellow-popup:hover,
.yellow-popup-new.double-check .btn-yellow-popup:hover,
.yellow-popup-new.disable-subscription .btn-yellow-popup:hover {
    background-color: #fcc4ba;
}

.yellow-popup .exit,
.yellow-popup-new .exit {
    background-color: #fbd2cb;
    color: #dc3619;
    position: absolute;
    top: 15px;
    left: 10px;
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1;
    text-decoration: none;
}

.yellow-popup .ratio .content .badge {
    margin: 0 auto;
    height: 200px;
}

.yellow-popup-new.terms {
    background-color: #bfe9e0;
}

.yellow-popup-new.terms .container {
    max-width: 700px;
}

.yellow-popup-new.finished .container {
    aspect-ratio: 546/465;
    max-height: 60vh;
}

.yellow-popup-new.terms .container {
    width: 100%;
}

.yellow-popup-new.terms .container .content-new {
    display: grid;
    grid-template-rows: 14% auto minmax(49px,8%);
}

.yellow-popup-new.done_course .container {
    aspect-ratio: 552/471;
    max-height: 68vh;
}

.yellow-popup-new.done_course .content-new .titles-new {
    height: 100%;
}

.yellow-popup-new.done_course .container .content-level-2-new {
    display: grid;
    grid-template-rows: 82% 18%;
    align-items: center;
}

.yellow-popup-new.done_course .container .btn-yellow-popup-new {
    padding: 10px 20px;
}

.yellow-popup-new .content-new .subtitle-yellow-popup-new,
.yellow-popup-new.done_course .container .btn-yellow-popup-new {
    font-size: 12px;
}

.yellow-popup-new .content-new .btn-yellow-popup-new {
    font-size: 12px;
}

.yellow-popup-new.preview_course .content-new .btn-yellow-popup-new,
.yellow-popup-new.preview_course .content-new .subtitle-yellow-popup {
    font-size: 12px;
}

.yellow-popup-new.preview_course .content-new .btn-yellow-popup-new {
    font-size: 12px;
}

.yellow-popup-new.double-check .container,
.yellow-popup-new.disable-subscription .container {
    max-width: 550px;
}

.yellow-popup-new.terms .content .title-yellow-popup,
.yellow-popup-new.preview_course .syllabus_courses-title-new,
.yellow-popup-new .title-yellow-popup {
    text-align: center;
    font-size: 32px;
}

.yellow-popup-new.terms .content-new .terms-text {
    overflow-y: auto;
    direction: ltr;
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 50px;
}

.yellow-popup .content .terms-text::-webkit-scrollbar {
    width: 20px;
}

.yellow-popup-new .syllabus_courses .syllabus_courses_content::-webkit-scrollbar {
    width: 20px;
}

.yellow-popup-new .content-new .terms-text::-webkit-scrollbar {
    width: 20px;
}

.yellow-popup .content .terms-text::-webkit-scrollbar-track,
.yellow-popup-new .syllabus_courses .syllabus_courses_content::-webkit-scrollbar-track,
.yellow-popup-new .content-new .terms-text::-webkit-scrollbar-track {
    background: #ffeee4;
    border-radius: 3px;
}

.yellow-popup .content .terms-text::-webkit-scrollbar-thumb,
.yellow-popup-new .syllabus_courses .syllabus_courses_content::-webkit-scrollbar-thumb,
.yellow-popup-new .content-new .terms-text::-webkit-scrollbar-thumb {
    background: #fad1cd;
    border-radius: 3px;
}

.yellow-popup-new.terms .content-new .terms-text p {
    direction: rtl;
    margin: 0;
    padding: 0 10px;
    color: #dc3619;
    text-align: center;
    font-size: 12px;
}

.yellow-popup-new.terms .btn-yellow-popup {
    justify-self: center;
    max-width: 200px;
    width: 100%;
}

.yellow-popup.preview_course .ratio {
    max-width: 700px;
}

.yellow-popup.preview_course .content {
    padding-top: 40px;
    padding-right: 80px;
    padding-left: 80px;
}

.yellow-popup.preview_course img {
    max-width: 100%;
    max-height: 250px;
    margin: 0 auto;
}

.yellow-popup.preview_course .ratio .content .title-yellow-popup {
    font-size: 35px;
}

.yellow-popup.preview_course .content {
    gap: 20px;
}

.yellow-popup.preview_course .btn-yellow-popup {
    justify-self: center;
    max-width: 200px;
    width: 100%;
}

.yellow-popup.preview_course .click-on-syllabus,
.yellow-popup-new.preview_course .click-on-syllabus {
    text-decoration: underline;
    cursor: pointer;
    color: #dd705d;
    display: inline-flex;
    margin: 0 auto;
    font-size: 12px;
}

.yellow-popup-new.preview_course .syllabus_courses {
    padding: 40px 80px 0;
}

.yellow-popup.preview_course .terms-text {
    overflow-y: auto;
}

.yellow-popup-new.preview_course .syllabus_courses {
    justify-content: center;
    height: 100%;
    overflow: hidden;
}

.yellow-popup-new.preview_course .syllabus_courses_content {
    overflow-y: auto;
    max-height: 92%;
    color: #dd705d;
    font-size: 12px;
}

.yellow-popup-new.preview_course::-webkit-scrollbar-track,
.yellow-popup-new.preview_course .syllabus_courses_content::-webkit-scrollbar-track {
    background-color: #fdece2;
}

.yellow-popup-new.preview_course::-webkit-scrollbar,
.yellow-popup-new.preview_course .syllabus-back-btn::-webkit-scrollbar {
    width: 10px;
}

.yellow-popup-new.preview_course .syllabus-back-btn {
    justify-self: center;
    cursor: pointer;
    color: #dd705d;
    font-size: 12px;
}

.yellow-popup-new.opps .btn-yellow-popup {
    justify-self: center;
    cursor: pointer;
    max-width: 200px;
    justify-self: center;
    width: 100%;
    cursor: pointer;
}

.yellow-popup-new.opps .subtitle-yellow-popup {
    text-align: center;
}

.yellow-popup-new.double-check .content-new,
.yellow-popup-new.disable-subscription .content-new {
    display: grid;
    align-content: center;
    gap: 50px;
    height: 380px;
}

.yellow-popup-new.double-check .actions,
.yellow-popup-new.disable-subscription .actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(50px, 220px));
    justify-content: space-between;
}


/** end popup-end-guid **/


/** searchform **/

form.searchform>div {
    --height: 50px;
    --icon-width: 30px;
    --icon-space-from-start: 20px;
    --input-font-size: 20px;
    position: relative;
    height: var(--height);
    z-index: 2;
}

form.searchform #s {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d8f1ec;
    border-radius: 10px;
    border: none;
    padding: calc( calc( var(--height) - var(--input-font-size)) / 2) calc( var(--icon-width) + var(--icon-space-from-start) + 10px) calc( calc( var(--height) - var(--input-font-size)) / 2) 10px;
    color: #a1beb7;
    font-size: var(--input-font-size);
}

form.searchform #s::placeholder {
    color: #a1beb7;
}

form.searchform #searchsubmit {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: var(--icon-space-from-start);
    transform: translateY(-50%);
    width: var(--icon-width);
    height: var(--icon-width);
    color: transparent;
    background-image: url(assets/images/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    border: none;
}

.searchform {
    position: relative;
}

.searchform>.list-search {
    position: absolute;
    top: calc( 100% - 7px);
    z-index: 1;
    margin: 0;
    padding: 20px;
    background-color: #fffffff9;
    list-style: none;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
}

.searchform>.list-search li {
    width: 100%;
    text-align: center;
    border: 1px solid #416359;
    padding: 20px;
    box-sizing: border-box;
}

.searchform>.list-search li,
.searchform>.list-search li a {
    color: #416359;
}


/** end searchform **/


/** courses-meditation-or-exercises page **/

.courses-meditation-or-exercises {
    --space-list: 15px;
    --max-width: 1100px;
    margin-bottom: 100px;
    max-width: var(--max-width);
    margin: 0 auto 100px;
}

.courses-meditation-or-exercises .title {
    font-family: var(--title-font-family);
    text-align: center;
    margin: 0;
}

.courses-meditation-or-exercises .subtitle {
    text-align: center;
    margin: 0;
}

.courses-meditation-or-exercises .course {
    border-radius: 30px;
    padding: 40px 30px 30px;
    display: grid;
    align-content: space-between;
}

.courses-meditation-or-exercises .course .course-title {
    font-family: var(--title-font-family);
    color: #ffffff;
    max-width: 270px;
}

.courses-meditation-or-exercises .course-title,
.courses-meditation-or-exercises .course-subtitle {
    text-align: center;
}

.courses-meditation-or-exercises .actions {
    --action-space: 10px;
    --action-height: 40px;
    display: flex;
    flex-direction: row;
    gap: var(--action-space);
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
}

.courses-meditation-or-exercises .like,
.courses-meditation-or-exercises .link {
    background-color: #ffffff;
    display: grid;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.courses-meditation-or-exercises .like {
    font-size: 20px;
    width: var(--action-height);
    height: var(--action-height);
    border-radius: 10px;
}

.courses-meditation-or-exercises .link {
    width: calc( 100% - var(--action-height) - var(--action-space));
    border-radius: 8px;
}

.courses-meditation-or-exercises .link {
    height: var(--action-height);
    text-decoration: none;
}

.courses-meditation-or-exercises form.searchform>div {
    width: calc( 100% - 15px);
    margin: 0 auto;
}

.courses-meditation-or-exercises form.searchform {
    max-width: calc( calc( var(--max-width) / 3) - var(--space-list));
}


/** courses-meditation **/

.meditation-category form.searchform #s {
    background-color: #e2eee6;
}

.meditation-category .courses-meditation-or-exercises .title {
    color: #7dac9b;
}

.meditation-category .courses-meditation-or-exercises .subtitle {
    color: #44665d;
    font-size: 16px;
}

.meditation-category .courses-meditation-or-exercises .course {
    background-color: #d0e4d7;
}

.meditation-category .courses-meditation-or-exercises .course .course-title {
    text-shadow: 2px 2px 0 #759487;
}

.meditation-category .courses-meditation-or-exercises .course .course-subtitle {
    color: #406359;
    font-size: 16px;
}

.meditation-category .courses-meditation-or-exercises .course .like {
    color: #84b0a0;
}

.meditation-category .courses-meditation-or-exercises .course .link {
    color: #45675d;
    font-size: 16px;
}


/** end courses-meditation **/


/** exercises-category **/

.exercises-category form.searchform #s {
    background-color: #ffe1b7;
}

.exercises-category form.searchform #s,
.exercises-category form.searchform #s::placeholder {
    color: #f2bc67;
}

.exercises-category .courses-meditation-or-exercises .title {
    color: #e69312;
}

.exercises-category .courses-meditation-or-exercises .subtitle {
    color: #e8a130;
}

.exercises-category .courses-meditation-or-exercises .course {
    background-color: #ffce88;
    height: 300px;
}

.exercises-category .courses-meditation-or-exercises .course .course-title {
    text-shadow: 2px 2px 0 #f0a639;
}

.exercises-category .courses-meditation-or-exercises .course .course-subtitle {
    color: #b5730b;
}

.exercises-category .courses-meditation-or-exercises .course .like {
    color: #cc9a35;
}

.exercises-category .courses-meditation-or-exercises .course .link {
    color: #e99f2c;
}


/** end exercises-category **/


/** end courses-meditation-or-exercises page **/


/** meditation-category **/

#single-meditation-category {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#single-meditation-category .category-title,
#single-meditation-category .page-title {
    font-family: var(--title-font-family);
}

#single-meditation-category .category-title {
    color: #86c1b2;
    margin: 0;
    font-size: 45px;
}

#single-meditation-category .page-title {
    color: #43778d;
    margin: 10px 0 0;
    font-size: 28px;
}

#single-meditation-category p {
    color: #42768c;
    margin-top: 0;
}


/** end meditation-category **/


/** my-account-page **/

#my-account-page .info-my-account .title {
    margin-bottom: 40px;
}

#my-account-page .info-my-account ul {
    padding: 0;
    gap: 8px;
    max-width: 290px;
    margin: 0 auto;
    grid-auto-flow: dense;
}

#my-account-page .info-my-account .woocommerce-MyAccount-navigation-link--my-favorite {
    order: 0;
}

#my-account-page .info-my-account .woocommerce-MyAccount-navigation-link--edit-account {
    order: 1;
}

#my-account-page .info-my-account .woocommerce-MyAccount-navigation-link--orders {
    order: 2;
}

#my-account-page .info-my-account .woocommerce-MyAccount-navigation-link {
    grid-template-columns: 100%;
    height: 40px;
}

#my-account-page .info-my-account ul a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #355b50;
}

#my-account-page .woocommerce-MyAccount-navigation-link--my-favorite {
    position: relative;
}

#my-account-page .woocommerce-MyAccount-navigation-link--my-favorite::after {
    content: '\f004';
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #7dac9b;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

#my-account-page .content-title {
    font-family: var(--title-font-family);
    color: #7dac9b;
    text-align: center;
    font-size: 50px;
    margin: 0 0 20px 0;
}

#my-account-page .woocommerce-EditAccountForm {
    text-align: center;
}

#my-account-page .woocommerce-EditAccountForm.edit-account fieldset {
    display: none;
}

#my-account-page .woocommerce-EditAccountForm.edit-account input,
#my-account-page .woocommerce-EditAccountForm.edit-account label {
    color: #56776f;
}

#my-account-page .woocommerce-EditAccountForm.edit-account label {
    width: 100px;
    display: inline-block;
}

#my-account-page .woocommerce-EditAccountForm.edit-account input {
    background-color: #e3f5f1;
    border-radius: 8px;
    border: none;
    padding: 12px 10px;
    text-align: center;
    width: 100%;
}

#my-account-page .woocommerce-EditAccountForm.edit-account em {
    display: none;
}

#my-account-page .woocommerce-EditAccountForm.edit-account .woocommerce-Button.button {
    background-color: #bfe9e0;
    color: #3a5c52;
    text-align: center;
    border: none;
    padding: 13px;
    width: 100%;
    max-width: 170px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 20px;
}

#my-account-page .woocommerce-EditAccountForm.edit-account .woocommerce-Button.button:hover {
    background-color: #a6dbd0;
}


/** my-favorite **/

#my-favorite-list .my-favorite-item {
    position: relative;
    padding-top: 90%;
}

#my-favorite-list .my-favorite-item .container-my-favorite {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: grid;
}

#my-favorite-list .my-favorite-item .content .favorite-title {
    font-family: var(--title-font-family);
}

#my-favorite-list .my-favorite-item .cat-name {
    margin: 0;
    text-align: center;
    border-radius: 6px;
    padding-top: 4px;
    font-weight: 500;
}

#my-favorite-list .my-favorite-item .content {
    border-radius: 6px;
    margin-top: -6px;
    width: calc( 100% - 2px);
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-template-rows: calc( 100% - 42px) 42px;
}

#my-favorite-list .my-favorite-item:not(.course) .content {
    padding-bottom: 10px;
}

#my-favorite-list .my-favorite-item .content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

#my-favorite-list .my-favorite-item .content .favorite-title {
    margin: 0;
    text-align: center;
    align-self: center;
}

#my-favorite-list .my-favorite-item .content .bottom {
    --like-size: 40px;
    --x-shdow: 2px;
    --gap: 5px;
    display: grid;
    grid-template-columns: var(--like-size) calc( 100% - var(--like-size) - var(--x-shdow) - var(--gap));
    grid-template-rows: var(--like-size);
    gap: var(--gap);
    align-self: end;
}

#my-favorite-list .my-favorite-item:not(.course) .content .bottom .unlike,
#my-favorite-list .my-favorite-item:not(.course) .content .bottom .link {
    background-color: #FFFFFF;
    border-radius: 8px;
}

#my-favorite-list .my-favorite-item .content .bottom .unlike,
#my-favorite-list .my-favorite-item .content .bottom .link {
    cursor: pointer;
}

#my-favorite-list .my-favorite-item .content .bottom .unlike {
    width: var(--like-size);
    height: var(--like-size);
    line-height: var(--like-size);
    text-align: center;
    margin-right: var(--x-shdow);
}

#my-favorite-list .my-favorite-item .content .bottom .link {
    text-decoration: none;
    text-align: center;
    display: grid;
    align-content: center;
}

#my-favorite-list .my-favorite-item.course .content .bottom .link {
   font-size: 12px;
}

#my-favorite-list .my-favorite-item.exercises .cat-name {
    background-color: #e69413;
    color: #ffffff;
}

#my-favorite-list .my-favorite-item.exercises .content {
    background-color: #ffce88;
}

#my-favorite-list .my-favorite-item.exercises .content .favorite-title {
    color: #FFFFFF;
    text-shadow: 2px 2px 0 #ea9e27;
    padding: 0 2px;
}

#my-favorite-list .my-favorite-item.exercises .content .bottom .link,
#my-favorite-list .my-favorite-item.exercises .content .bottom .unlike {
    box-shadow: 2px 2px 0 #e6971d;
}

#my-favorite-list .my-favorite-item.exercises .content .bottom .unlike {
    color: #ffce88;
}

#my-favorite-list .my-favorite-item.exercises .content .bottom .link {
    color: #e7981d;
}

#my-favorite-list .my-favorite-item.meditation .cat-name {
    background-color: #43778d;
    color: #ffffff;
}

#my-favorite-list .my-favorite-item.meditation .content {
    background-color: #d0e4d7;
}

#my-favorite-list .my-favorite-item.meditation .content .favorite-title {
    color: #FFFFFF;
    text-shadow: 2px 2px 0 #476b5f;
    font-weight: 500;
}

#my-favorite-list .my-favorite-item.meditation .content .bottom .link,
#my-favorite-list .my-favorite-item.meditation .content .bottom .unlike {
    box-shadow: 2px 2px 0 #40758b;
}

#my-favorite-list .my-favorite-item.meditation .content .bottom .unlike {
    color: #d0e4d7;
}

#my-favorite-list .my-favorite-item.meditation .content .bottom .link {
    color: #45788e;
}

#my-favorite-list .my-favorite-item.course .cat-name {
    background-color: #bfe9e0;
    color: #43778d;
}

#my-favorite-list .my-favorite-item.course .content {
    background-color: #bfe9e0;
}

#my-favorite-list .my-favorite-item.course .content {
    gap: 5px;
}

#my-favorite-list .my-favorite-item.course .content .bottom {
    margin-bottom: 5px;
}

#my-favorite-list .my-favorite-item.course .content .bottom .unlike {
    color: #ffffff;
}

#my-favorite-list .my-favorite-item.course .content .bottom .link {
    color: #5d8f9f;
}


/** end my-favorite **/


/** CHECKOUT PAGE **/

body.woocommerce-checkout>.woocommerce {
    padding-top: 90px;
}

body.woocommerce-checkout .wc_payment_methods {
    display: none;
}

body.woocommerce-checkout .blue-title {
    color: #43778d;
    font-size: 40px;
    text-align: center;
    line-height: 1em;
    margin: 0 0 15px 0;
    font-family: var(--title-font-family);
}

body.woocommerce-checkout .woocommerce-checkout {
    background-color: #bfe9e0;
    margin: 0 auto 120px;
    border-radius: 40px;
    padding: 20px 40px 40px;
    display: grid;
    position: relative;
}

body.woocommerce-checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    grid-area: message;
}

body.woocommerce-checkout #customer_details {
    grid-area: right-w;
    margin-top: 10px;
}

body.woocommerce-checkout #order_review {
    grid-area: left-w;
}

body.woocommerce-checkout .woocommerce-checkout .title-page {
    color: #ffffff;
    font-family: var(--title-font-family);
    text-shadow: 2px 2px 0 #72a2ac;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 42px;
    grid-area: title-page;
}

body.woocommerce-checkout .woocommerce-checkout input[type="text"],
body.woocommerce-checkout .woocommerce-checkout input[type="email"],
body.woocommerce-checkout .woocommerce-checkout input[type="tel"],
body.woocommerce-checkout .woocommerce-checkout input[type="password"] {
    border: none;
    border-radius: 8px;
    padding: 10px;
}

body.woocommerce-checkout .woocommerce-checkout .form-row {
    color: #42655b;
}

body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p {
    margin: 0;
}

body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper label {
    width: 80px;
    display: inline-block;
}

body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper input::placeholder {
    text-align: center;
}

body.woocommerce-checkout .woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout #payment .form-row.place-order {
    height: 100%;
}

body.woocommerce-checkout .woocommerce-checkout #payment .form-row.place-order {
    display: grid;
}

body.woocommerce-checkout .woocommerce-checkout #payment #place_order {
    align-self: end;
    justify-self: center;
    box-shadow: 2px 3px 0 #3d7389;
    border-radius: 10px;
    color: #406359;
    border: none;
    width: 100%;
    max-width: 220px;
    padding: 12px 0;
    cursor: pointer;
    background-color: #ffffff;
}

body.woocommerce-checkout .woocommerce-checkout #payment #place_order:hover {
    background-color: #e5f5fb;
}


/** END CHECKOUT PAGE **/


/** LOST PASSWORD PAGE **/

body.woocommerce-lost-password {
    background-color: #bfe9e0;
}

body.woocommerce-lost-password .woocommerce-ResetPassword {
    margin: 0 auto;
    text-align: center;
    padding-top: calc( 47vh - 241px );
}

body.woocommerce-lost-password .woocommerce-ResetPassword .logo-at-lost-pass img {
    width: 100%;
    max-width: 240px;
    margin-bottom: 30px;
}

body.woocommerce-lost-password .title-page {
    font-family: var(--title-font-family);
    color: #ffffff;
    text-shadow: 2px 3px 0 #8dbcbe;
    font-size: 50px;
    margin: 0;
    font-weight: 500;
}

body.woocommerce-lost-password .subtitle-page {
    color: #4d8093;
    font-size: 18px;
    margin: 0;
}

body.woocommerce-lost-password input[type="text"],
body.woocommerce-lost-password input[type="email"],
body.woocommerce-lost-password input[type="password"] {
    padding-right: 10px;
    padding-left: 10px;
    border: none;
    border-radius: 10px;
    font-family: var(--main-font-family);
    /* width: 100%;
    max-width: 300px; */
    aspect-ratio: 380/52;
    width: 100%;
}

body.woocommerce-lost-password input[type="text"]::placeholder,
body.woocommerce-lost-password input[type="email"]::placeholder,
body.woocommerce-lost-password input[type="password"]::placeholder {
    color: #d3dfe4;
}

body.woocommerce-lost-password button {
    border: none;
    background-color: #ffffff;
    color: #376e85;
    padding: 8px 20px;
    border-radius: 6px;
    font-family: var(--title-font-family);
    font-size: 20px;
    cursor: pointer;
}

body.woocommerce-lost-password button:hover {
    background-color: #e2f8f9;
}

body.woocommerce-lost-password .woocommerce-error {
    color: #b11818;
}

body.woocommerce-lost-password .after-sent .title-page {
    margin: 5px 0;
}

body.woocommerce-lost-password .after-sent .message-image {
    max-width: 100%;
}


/** END LOST PASSWORD PAGE **/


/** end my-account-page **/

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label {
    border-color: #D1F1C1 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {
    background-color: #D1F1C1 !important;
    color: #728188;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
    border-color: #E81A39 !important;
}

/** thank-you-page **/

body.woocommerce-order-received .woocommerce {
    min-height: 100vh;
}

body.woocommerce-order-received .subtitle-page,
body.woocommerce-order-received .title-page {
    color: #ffffff;
    font-family: var(--title-font-family);
    margin: 0;
}

body.woocommerce-order-received .title-page {
    font-size: 70px;
}

body.woocommerce-order-received .subtitle-page {
    font-size: 35px;
}

body.woocommerce-order-received .content {
    text-align: center;
    max-width: 470px;
    font-size: 18px;
}


/** yellow-popup **/

.yellow-popup-new {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
}

.yellow-popup-new .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90vh;
}

.yellow-popup-new .content-new .content-level-2-new {
    height: 100%;
}

.yellow-popup-new.finished .content-new .content-level-2-new {
    justify-content: center;
    gap: 50px;
}

.yellow-popup-new .content-new .content-level-2-new iframe {
    width: 100%;
    height: 100%;
}

.yellow-popup-new.terms .content-new .content-level-2-new {
    height: 320px;
}

.yellow-popup-new.preview_course .container {
    aspect-ratio: 880/764;
    height: 90vh;
}

.yellow-popup-new.opps .container {
    aspect-ratio: 553/480;
    max-width: 480px;
    width: 100%;
    max-height: 70vh;
}

.yellow-popup-new.double-check .container {
    aspect-ratio: 708/526;
}

.yellow-popup-new.opps .content-new .content-level-2-new {
    display: grid;
    grid-template-rows: 43% 25% 32%;
}

.yellow-popup-new.preview_course .content-new .content-level-2-new {
    padding-top: 30px;
}

.yellow-popup-new.preview_course img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.yellow-popup-new .content-new {
    background-color: #fffff3;
}

.yellow-popup-new .bottom-new {
    background-image: url(assets/images/popup_bg_bottom.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 13%;
    margin-top: -1px;
}

.yellow-popup-new .content-new .titles-new {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yellow-popup-new.done_course .content-new .titles-new {
    justify-content: space-around;
}

.yellow-popup-new.preview_course .content-new .titles-new {
    padding: 10px 20px;
}

.yellow-popup-new.finished .content-new .titles-new {
    height: calc( 100% - 49px);
}

.yellow-popup-new .content-new .title-yellow-popup-new,
.yellow-popup-new .syllabus_courses-title-new {
    font-family: var(--title-font-family);
}

.yellow-popup-new:not(.terms):not(.preview_course) .content-new .title-yellow-popup-new {
    font-size: 50px;
}

.yellow-popup-new .content-new .title-yellow-popup-new,
.yellow-popup-new .content-new .subtitle-yellow-popup-new,
.yellow-popup-new .content-new .subtitle-yellow-popup,
.yellow-popup-new .content-new .btn-yellow-popup-new,
.yellow-popup-new.preview_course .syllabus_courses-title-new,
.yellow-popup-new.preview_course .content-new .titles-new {
    color: #dd705d;
    margin: 0;
}

.yellow-popup-new .content-new .subtitle-yellow-popup-new,
.yellow-popup-new .content-new .subtitle-yellow-popup {
    font-size: 12px;
}

.yellow-popup-new .content-new .subtitle-yellow-popup-new {
    font-size: 12px;
}

.yellow-popup-new .content-new .btn-yellow-popup-new,
.yellow-popup-new .preview_course .syllabus-back-btn-new {
    background-color: #fbd2cb;
    text-align: center;
    border-radius: 7px;
    padding: 10px 2%;
    text-decoration: none;
    max-width: 200px;
    margin: 0 auto;
    display: grid;
    align-items: center;
}

.yellow-popup-new .content-new .btn-yellow-popup-new:hover,
.yellow-popup-new .preview_course .syllabus-back-btn-new {
    background-color: #fcc4ba;
}


/** end yellow-popup **/


/** end thank-you-page **/

.disable_subscription_btn {
    background-color: #e3f5f1;
    color: #5b7b72;
    text-align: center;
    border: none;
    padding: 13px;
    width: 100%;
    max-width: 170px;
    border-radius: 10px;
    cursor: pointer;
}

.disable_subscription_btn:hover {
    background-color: #a6dbd0;
}

body.learndash-cpt-sfwd-quiz header+div {
    padding-top: 0 !important;
}

.woocommerce-account .woocommerce-orders-table {
    width: 100%;
    text-align: center;
}

.woocommerce-account .woocommerce-orders-table th {
    background-color: #bfe9e0;
    border-bottom: solid 1px #7dac9b;
    color: #43778d;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td {
    padding: 10px 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
    max-width: 800px;
    margin: 0 auto;
}

.woocommerce-account.woocommerce-view-order mark {
    background-color: transparent;
}

.woocommerce-account.woocommerce-view-order .woocommerce-order-details__title {
    color: #656565;
}

.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details {
    width: 100%;
    text-align: center;
    border: 1px solid #d4e0d1;
}

.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details th,
.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details td {
    padding: 10px 0;
}

.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details th {
    background-color: #bfe9e0;
    border-bottom: solid 1px #7dac9b;
    color: #43778d;
}

.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details a {
    color: #000000;
}

.woocommerce-account.woocommerce-view-order address {
    border: 1px solid #d4e0d1;
    margin-top: 15px;
    padding: 15px;
}

.woocommerce-account.woocommerce-view-order .woocommerce-column__title {
    display: none;
}

#lesson-page .video-lesson .ld-tabs-content>div, .learndash-wrapper .wpProQuiz_content .wpProQuiz_question {
    color: #93c8ba;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion], .learndash-wrapper .ld-quiz-actions input[name=restartQuiz],
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
    background: #bfe9e0;
    color: #50736a;
    border-radius: 5px;
    font-weight: 400;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover,
.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion]:hover,
.learndash-wrapper .ld-quiz-actions input[name=restartQuiz]:hover,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:hover {
    background-color: #daf3ee;
}

.learndash-wrapper .ld-table-list .ld-table-list-header {
    background-color: #bfe9e0;
    font-family: var(--title-font-family);
    color: #ffffff;
    text-shadow: 2px 2px 0 #7aa9b1;
    font-size: 29px;
    font-weight: 500;
}

body.single-sfwd-quiz .ld-breadcrumbs-segments, body.single-sfwd-quiz .ld-breadcrumbs-segments a {
    color: #5a8289;
}

.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button:hover {
    background-color: #bfe9e0;
    color: #50736a;
    font-weight: 400;
}

.wpProQuiz_quiz_time {
    display: none;
}

@media screen and (orientation: landscape) and (min-width: 1000px) and (max-height: 620px) {
    header.logged-in-header #logo {
        padding-top: 1vh;
    }
    header.logged-in-header #logo img {
        max-width: 144px;
    }
}

@media (min-width: 1300px) {
    #lesson-page .video-lesson {
        padding: 10px 60px 10px 10px;
    }
}

@media (min-width: 1100px) {
    body.woocommerce-checkout .woocommerce-checkout {
        max-width: 860px;
    }
    body.woocommerce-checkout .woocommerce-checkout {
        grid-template: "title-page title-page" "message message" "right-w left-w" / 50% 50%;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        display: grid;
        gap: 10px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper input {
        width: 100%;
        max-width: 300px;
    }
    body.woocommerce-checkout .woocommerce-checkout::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 120px;
        height: 397px;
        background-image: url(assets/images/dog.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateX(-100%);
    }
    body.woocommerce-checkout .dog-on-mobile {
        display: none;
    }
}

@media (max-width: 1100px) and (min-width: 940px) {
    body.woocommerce-checkout .woocommerce-checkout {
        max-width: 700px;
    }
    body.woocommerce-checkout .woocommerce-checkout {
        grid-template: "title-page title-page" "message message" "right-w left-w" / calc( 50% - 5px) calc( 50% - 5px);
        gap: 0 10px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        display: grid;
        gap: 10px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper input {
        width: 100%;
        max-width: 300px;
    }
    body.woocommerce-checkout .woocommerce-checkout .form-row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    body.woocommerce-checkout .woocommerce-checkout::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 120px;
        height: 397px;
        background-image: url(assets/images/dog.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateX(-100%);
    }
    body.woocommerce-checkout .dog-on-mobile {
        display: none;
    }
}

@media(min-width: 1050px) {
    #my-favorite-list {
        --space: 40px;
        display: grid;
        grid-template-columns: repeat(3, calc( (100% - var(--space) - var(--space)) / 3));
        margin-top: 20px;
        gap: 40px;
    }
}

@media(max-width: 1050px) and (min-width: 769px) {
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .course-title {
        font-size: 2.5vmax !important;
    }
    #my-favorite-list {
        --space: 30px;
        display: grid;
        grid-template-columns: repeat(2, calc( (100% - var(--space)) / 2));
        margin-top: 20px;
        gap: 30px;
    }
    #my-favorite-list .my-favorite-item .content .favorite-title {
        font-size: 3.6vmax !important;
    }
}

@media (max-width: 940px) and (min-width: 769px) {
    body.woocommerce-checkout .woocommerce-checkout,
    body.woocommerce-checkout .header-checkout {
        max-width: calc( 100% - 240px);
    }
    body.woocommerce-checkout .header-checkout {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    body.woocommerce-checkout .woocommerce-checkout {
        grid-template: "title-page" "message" "right-w" "left-w" / 100%;
    }
    body.woocommerce-checkout .woocommerce-checkout .blue-title {
        align-self: center;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-input-wrapper {
        width: 100%;
        display: block;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
        margin: 0 auto;
    }
    body.woocommerce-checkout .woocommerce-checkout .form-row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    body.woocommerce-checkout .woocommerce-checkout .form-row>label {
        width: 85px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p,
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper input {
        width: 100%;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper input {
        padding: 15px 10px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox,
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
        display: flex;
        flex-direction: row;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox {
        gap: 10px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
        gap: 5px;
    }
    body.woocommerce-checkout .blue-title br {
        display: none;
    }
    body.woocommerce-checkout .blue-title .small-text {
        font-size: 28px;
        line-height: 30px;
        display: block;
        margin-bottom: 5px;
    }
}

@media (min-width: 845px) {
    #lesson-page .files_btn,
    #lesson-page .exercise_btn {
        font-size: 14px;
        aspect-ratio: 283/42;
    }
}

@media (max-width: 845px) and (min-width: 769px) {
    #lesson-page .files_btn,
    #lesson-page .exercise_btn {
        font-size: 1.3vmax;
    }
}

@media (min-width: 769px) {
    header.logged-in-header {
        padding: 0 40px;
    }
    .yellow-popup .ratio {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .yellow-popup .ratio .ratio-page {
        position: relative;
        background-image: url(assets/images/popup_bg.png);
        padding-top: 86%;
        width: 100%;
    }
    .yellow-popup-new.terms .content {
        padding-right: 40px;
        padding-left: 40px;
    }
    .yellow-popup .ratio .content {
        padding-bottom: 15%;
    }
    #post-page .title-page {
        font-size: 32px;
    }
    #lesson-page {
        display: grid;
        grid-template-columns: 350px calc( 100% - 350px);
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 15px 10px 0;
        min-height: 76vh;

        --video-aspect-ratio: 849/470;
        --video-max-height: calc( 87vh * 0.73 );
    }
    #lesson-page .learndash-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    body.single-sfwd-quiz #lesson-page .learndash-wrapper {
        justify-content: start;
    }
    #lesson-page .sfwd-mark-complete {
        max-width: 140px;
    }
    #lesson-page .sfwd-mark-complete {
        align-items: center;
    }
    #lesson-page #sfwd-mark-complete,
    #lesson-page .sfwd-mark-complete {
        display: grid;
        justify-items: center;
    }
    body.learndash-cpt.learndash-embed-responsive #lesson-page .ld-video {
        padding: 0;
    }
    .yellow-popup-new.terms .content-new .content-level-2-new {
        height: 500px;
    }
    body.woocommerce-lost-password .woocommerce-ResetPassword {
        width: 350px;
    }
    body.woocommerce-lost-password input[type="text"],
    body.woocommerce-lost-password input[type="email"],
    body.woocommerce-lost-password input[type="password"] {
        height: 40px;
    }
    body.courses-page .ld-course-list-items {
        display: grid;
        grid-template: "r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-2 r-c-1-2 r-c-1-2 r-c-1-3 r-c-1-3 r-c-1-3 big-1 big-1 big-1 big-1 big-1" "r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-1 r-c-1-2 r-c-1-2 r-c-1-2 r-c-1-3 r-c-1-3 r-c-1-3 big-1 big-1 big-1 big-1 big-1" "r-c-2-1 r-c-2-1 r-c-2-1 r-c-2-2 r-c-2-2 r-c-2-2 r-c-2-2 r-c-2-2 r-c-2-3 r-c-2-3 r-c-2-3 r-c-2-3 big-1 big-1 big-1 big-1 big-1" "r-c-2-1 r-c-2-1 r-c-2-1 r-c-2-2 r-c-2-2 r-c-2-2 r-c-2-2 r-c-2-2 r-c-2-3 r-c-2-3 r-c-2-3 r-c-2-3 big-2 big-2 big-2 big-2 big-2" "r-c-3-1 r-c-3-1 r-c-3-1 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-3 r-c-3-3 r-c-3-3 big-2 big-2 big-2 big-2 big-2" "r-c-3-1 r-c-3-1 r-c-3-1 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-2 r-c-3-3 r-c-3-3 r-c-3-3 big-2 big-2 big-2 big-2 big-2";
        grid-template-columns: repeat(17, 1fr);
        gap: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    body.courses-page .ld-course-list-items .r-c-1-3,
    body.courses-page .ld-course-list-items .r-c-2-1,
    body.courses-page .ld-course-list-items .r-c-3-1 {
        padding-top: 100%;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item {
        text-align: center;
        max-width: 270px;
        margin: 0 auto;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
    }
    body.courses-page .learndash-wrapper .lessons_text,
    body.courses-page .learndash-wrapper.locked::after {
        position: absolute;
        bottom: 10px;
        right: 0;
        left: 0;
        text-align: center;
        margin: 0;
    }
    body.courses-page .ld-course-list-items .ld-item-list {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
    }
    body.courses-page .ld-course-list-items,
    body.courses-page .searchform {
        max-width: 1200px;
        width: calc( 100% - 120px);
    }
    body.courses-page .learndash-wrapper.always-open .always-open-container {
        padding-top: 30%;
        max-width: 210px;
        left: -60px;
    }
    body.courses-page .learndash-wrapper.always-open .always-open-container .always-open-text {
        top: 37px;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .course-title {
        font-size: 37px;
    }
    body.courses-page .ld-course-list-items .r-c-1-1,
    body.courses-page .ld-course-list-items .r-c-2-2,
    body.courses-page .ld-course-list-items .r-c-2-3,
    body.courses-page .ld-course-list-items .r-c-3-2,
    body.courses-page .ld-course-list-items .big-1,
    body.courses-page .ld-course-list-items .big-2 {
        border-radius: 20px;
    }
    body.courses-page .ld-course-list-items .r-c-1-2,
    body.courses-page .ld-course-list-items .r-c-1-3,
    body.courses-page .ld-course-list-items .r-c-2-1,
    body.courses-page .ld-course-list-items .r-c-3-1,
    body.courses-page .ld-course-list-items .r-c-3-3 {
        border-radius: 10px;
    }
    body.courses-page .learndash-wrapper.always-open .always-open-container {
        top: 0;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .course-subtitle {
        font-size: 1.8vmin;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .yellow-popup-new.preview_course img {
        margin: 0 auto;
    }
    .yellow-popup-new.preview_course .titles-new {
        max-width: 570px;
        margin: 0 auto !important;
    }
    .yellow-popup-new.terms .content-new {
        padding: 20px 20px 0px 20px;
    }
    
    .yellow-popup-new.opps .content-new {
        display: grid;
        justify-content: center;
        align-content: center;
        gap: 30px;
    }
    body.courses-page .learndash-wrapper.current-course::after {
        top: -22px;
        left: 50%;
        width: 101px;
        height: 93px;
        transform: translateX(-50%);
    }
    .yellow-popup-new.done_course .container {
        width: 100%;
    }
    .yellow-popup-new.done_course .container .badge-new {
        max-height: 30vh;
    }
    .yellow-popup-new.disable-subscription .content-new,
    .yellow-popup-new.double-check .content-new {
        padding: 0 30px;
    }
    .yellow-popup-new.disable-subscription .btn-yellow-popup,
    .yellow-popup-new.double-check .btn-yellow-popup {
        font-size: 12px;
        font-weight: 600;
    }
    #my-account-page {
        display: grid;
        grid-template-columns: calc(340px - 10px) calc(100% - 10px - 340px - 10px);
        max-width: 1200px;
        margin: 0 auto 100px;
        min-height: 540px;
        justify-content: space-evenly;
    }
    #my-account-page .info-my-account {
        height: 77vh;
    }
    #my-account-page .my-account-page-content {
        padding: 0 10px;
    }
    #my-account-page .woocommerce-EditAccountForm.edit-account input {
        max-width: 250px;
    }
    .disable_subscription_btn {
        margin: 50px auto 0;
    }
    #my-account-page .woocommerce-EditAccountForm.edit-account input::placeholder {
        color: transparent;
    }
    .yellow-popup-new.disable-subscription .title-yellow-popup {
        font-size: 70px;
    }
    #my-favorite-list .my-favorite-item .content .favorite-title {
        font-size: 2.6vmax;
    }
    #my-favorite-list .my-favorite-item .container-my-favorite {
        grid-template-rows: 30px calc( 100% - 30px);
    }
    body.woocommerce-order-received {
        background-color: #fad1cb;
    }
    body.woocommerce-order-received .subtitle-page,
    body.woocommerce-order-received .title-page {
        text-shadow: 2px 3px 0 #f2b2b8;
    }
    body.woocommerce-order-received .text {
        color: #ffffff;
        text-shadow: 2px 3px 0 #dcb2b4;
    }
    body.woocommerce-order-received .content {
        padding-right: 100px;
    }
    body.woocommerce-order-received .woocommerce {
        background: url(assets/images/thankyou.png) no-repeat;
        background-size: cover;
        background-position: top center;
    }
    body.woocommerce-order-received .image_for_mobile_order_received {
        display: none;
    }
    body.woocommerce-order-received .content {
        padding-top: 50px;
    }
    body:not(.logged-in-header).learndash-cpt-sfwd-courses-628-parent #lesson-page {
        margin-top: 60px !important;
    }
    #post-page .main-image>img {
        aspect-ratio: 593/196;
        max-height: 40vh;
    }
    body:not(.single-sfwd-quiz) #lesson-page .ld-tab-content {
        aspect-ratio: var(--video-aspect-ratio);
        max-height: calc( var(--video-max-height) - 15px );
    }
    body.single-sfwd-lessons #lesson-page .learndash-wrapper.quiz-open {
        justify-content: start;
    }
    #lesson-page .learndash-wrapper .ld-content-actions {
        padding: 0 5px;
    }
    #lesson-page .files_btn,
    #lesson-page .exercise_btn {
        height: 40px;
    }
    .courses-meditation-or-exercises .title {
        font-size: 50px;
    }
    .courses-meditation-or-exercises .list {
        display: grid;
        grid-template-columns: repeat(3, calc( calc( 100% / 3) - var(--space-list)));
        width: 100%;
        justify-content: space-between;
        grid-row-gap: 15px;
    }
    .courses-meditation-or-exercises form.searchform {
        margin: 30px auto 15px;
    }
    body.meditation-category .courses-meditation-or-exercises .course .course-title {
        margin: 0 auto;
        min-height: 32px;
        font-size: 32px;
    }
    body.exercises-category .courses-meditation-or-exercises .course .course-title {
        margin: 0 auto;
        min-height: 81px;
        font-size: 32px;
    }
    body.exercises-category .courses-meditation-or-exercises .course .course-subtitle {
        margin-top: 0;
    }
    .meditation-category .courses-meditation-or-exercises .course {
        height: 450px;
    }
    .yellow-popup-new.preview_course .content-new .content-level-2-new {
        display: grid;
        grid-template-rows: 57% 35% 8%;
    }
    .yellow-popup-new.double-check .actions {
        gap: 10px;
    }
    .yellow-popup-new.double-check .actions .btn-yellow-popup.agree_text{
        display: grid;
        align-items: center;
    }
    .yellow-popup-new.finished .container {
        width: 100%;
    }
    .yellow-popup-new.finished .content-new .title-yellow-popup-new {
        font-size: 70px;
    }
    .yellow-popup-new.done_course .content-new .titles-new {
        padding-top: 30px;
    }
    body.woocommerce-lost-password .woocommerce-ResetPassword .animal {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
         z-index: -1;
    }
    .yellow-popup-new .content-new {
        height: calc( 100% - 91px );
    }
    .popup-new.preview_course .syllabus-back-btn {
        max-height: 50px;
    }
    #my-account-page form.searchform #s {
        text-align: center;
    }
    .learndash-wrapper .ld-table-list {
        margin: 0;
    }
    .yellow-popup-new.double-check .title-yellow-popup {
        font-size: 50px;
    }
    .yellow-popup-new.preview_course .syllabus_courses {
        display: grid;
        grid-template-rows: 13% 77% 10%;
    }
    .yellow-popup-new.terms .container {
        aspect-ratio: 882/742;
        max-height: 90vh;
    }
    .yellow-popup-new.disable-subscription .actions {
        gap: 20px;
    }
    body.woocommerce-order-received.woocommerce-checkout header {
        display: none;
    }
    .footer {
        flex-direction: row;
    }
    .yellow-popup-new.preview_course .content-new .subtitle-yellow-popup {
        line-height: 1.3em;
    }
}

@media (max-width: 768px) {
    .yellow-popup .ratio {
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 100%;
        padding: 20px;
    }
    .yellow-popup .ratio .ratio-page {
        position: relative;
        margin: 0 auto;
        aspect-ratio: 677 / 1315;
    }
    .yellow-popup .ratio .ratio-page .content {
        position: absolute;
        left: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(assets/images/popup_bg_mobile.png);
    }
    .yellow-popup .ratio .content {
        padding-bottom: 20%;
    }
    .yellow-popup-new.terms .content {
        padding-right: 10px;
        padding-left: 10px;
    }
    #post-page .title-page {
        font-size: 30px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    body.woocommerce-checkout .woocommerce-checkout .form-row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    body.woocommerce-checkout .woocommerce-checkout .form-row>label {
        width: 85px;
    }
    body.woocommerce-checkout .woocommerce-checkout .form-row>span {
        display: block;
        width: 100%;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p,
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper input {
        width: 100%;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-billing-fields__field-wrapper input {
        padding: 15px 10px;
    }
    body.woocommerce-checkout .woocommerce-checkout {
        grid-template: "title-page" "message" "right-w" "left-w" / 100%;
    }
    body.woocommerce-checkout .woocommerce-checkout,
    body.woocommerce-checkout .header-checkout {
        max-width: calc( 100% - 30px);
    }
    body.woocommerce-checkout .woocommerce-checkout #billing_email {
        font-size: 16px;
    }
    body.woocommerce-checkout .woocommerce-checkout #billing_postcode::placeholder {
        font-size: 12px;
    }
    body.woocommerce-checkout .header-checkout {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
    }
    body.woocommerce-checkout .woocommerce-checkout {
        grid-template: "title-page" "message" "right-w" "left-w" / 100%;
    }
    body.woocommerce-checkout .blue-title {
        width: 100%;
        align-self: center;
    }
    body.woocommerce-checkout .blue-title,
    body.woocommerce-checkout .woocommerce-checkout .title-page {
        font-weight: 400;
    }
    body.woocommerce-checkout .blue-title br {
        display: none;
    }
    body.woocommerce-checkout .dog-on-mobile {
        max-width: 150px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox,
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
        display: flex;
        flex-direction: row;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox {
        gap: 10px;
    }
    body.woocommerce-checkout .woocommerce-checkout .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
        gap: 5px;
    }
    body.woocommerce-checkout .blue-title .small-text {
        font-size: 24px;
        line-height: 30px;
        display: block;
        margin-bottom: 5px;
    }
    #lesson-page {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        padding-top: 20px;
    }
    body:not(.learndash-cpt-sfwd-quiz) #lesson-page .learndash-wrapper {
        display: flex;
        flex-direction: column;
    }
    #lesson-page .learndash-wrapper .ld-content-actions {
        align-items: center;
        max-width: 410px;
        margin: 0 auto;
        width: 92%;
    }
    #lesson-page .learndash-wrapper .ld-content-actions>* {
        margin-bottom: 0;
        border-radius: 10px;
        padding: 5px 0;

    }
    #lesson-page .learndash_mark_complete_button {
        margin: 0 auto;
    }
    .learndash-wrapper #sfwd-mark-complete:after, .learndash-wrapper .sfwd-mark-complete:after {
        left: 2.5em;
    }
    .learndash-wrapper .ld-quiz-actions {
        flex-direction: column;
    }
    .learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
        margin-right: 0 !important;
    }
    #lesson-page .info-course {
        width: 92%;
        margin: 0 auto;
    }
    .yellow-popup-new .container, .yellow-popup-new .container {
        width: calc( 100% - 10px);
    }
    .yellow-popup-new .content-new .btn-yellow-popup-new,
    .yellow-popup-new .preview_course .syllabus-back-btn-new {
        margin-bottom: 10px;
    }
    .yellow-popup-new.terms .content-new .content-level-2-new {
        height: 60vh;
    }
    body.woocommerce-lost-password .woocommerce-ResetPassword {
        padding: 20px 10px;
    }
    body.woocommerce-lost-password .woocommerce-ResetPassword .animal {
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
        z-index: 1;
        transition: transform 0.3s;
    }
    body.woocommerce-lost-password input[type="text"],
    body.woocommerce-lost-password input[type="email"],
    body.woocommerce-lost-password input[type="password"] {
        padding: 10px;
        max-width: 370px;
    }
    body.woocommerce-lost-password .after-sent {
        display: flex;
        flex-direction: column;
        padding-top: 70px;
    }
    body.woocommerce-lost-password .after-sent .logo-at-lost-pass {
        order: 1;
    }
    body.woocommerce-lost-password .after-sent .subtitle-page.o1 {
        order: 3;
    }
    body.woocommerce-lost-password .after-sent .title-page {
        order: 4;
    }
    body.woocommerce-lost-password .after-sent .subtitle-page.o2 {
        order: 5;
    }
    body.woocommerce-lost-password .after-sent .message-image {
        order: 2;
        max-width: 250px;
        margin: 0 auto;
    }
    body.courses-page .ld-course-list-items {
        display: grid;
        grid-template: "big-1" "big-2" "." "r-c-1-1" "r-c-1-2" "r-c-1-3" "r-c-2-1" "r-c-2-2" "r-c-2-3" "r-c-3-1" "r-c-3-2" "r-c-3-3";
        grid-template-columns: 100%;
        grid-template-rows: 110px 110px 0px 110px 110px 110px 110px 110px 110px 110px 110px 110px;
        gap: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item {
        text-align: right;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
        flex-direction: row;
        justify-content: start;
        align-items: center;
        padding: 0 20px 0 5px;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .course-subtitle {
        width: 100px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    body.courses-page .ld-course-list-items>div {
        display: flex;
        flex-direction: row;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list {
        width: 100%;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-name {
        display: grid;
        height: 100%;
        align-content: center;
    }
    body.courses-page .learndash-wrapper .lessons_text,
    body.courses-page .learndash-wrapper.locked::after {
        width: 100%;
        max-width: 100px;
        align-self: center;
        font-size: 19px;
        text-align: center;
    }
    body.courses-page .ld-course-list-items,
    body.courses-page .searchform {
        max-width: 400px;
        width: calc( 100% - 100px);
    }
    body.courses-page .learndash-wrapper.always-open .always-open-container {
        width: 120px;
        height: 38px;
        left: -50px;
    }
    body.courses-page .learndash-wrapper.always-open .always-open-container .always-open-text {
        top: 20px;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper .ld-item-list .ld-item-list-item .course-title {
        font-size: 3.3vmax;
        font-weight: 500;
    }
    body.courses-page .ld-course-list-items .learndash-wrapper {
        border-radius: 20px;
    }
    body.courses-page .learndash-wrapper.always-open .always-open-container {
        transform: translateY(-50%);
        top: 50%;
    }
    .yellow-popup-new.preview_course img, .yellow-popup-new.preview_course iframe {
        max-width: 90%;
        margin: 0 auto;
    }
    .yellow-popup-new.preview_course .content-new .content-level-2-new {
        height: 100%;
    }
    .yellow-popup-new.preview_course .content-new .content-level-2-new > *:first-child {
        max-height: 42vh;
    }
    .yellow-popup-new.preview_course .syllabus_courses {
        padding: 20px;
    }
    .yellow-popup-new.preview_course .syllabus_courses_content {
        padding: 0 10px;
    }
    .yellow-popup-new.preview_course .syllabus-back-btn {
        width: 100%;
        max-width: 230px;
        height: 40px;
        padding: 6px;
        display: grid;
        align-content: center;
        margin: 10px 0 0;
    }
    .yellow-popup-new.terms .content-new {
        padding: 10px 10px 0px 10px;
    }
    .yellow-popup-new.terms .content-new .title-yellow-popup {
        font-size: 3.6vmax;
    }
    .yellow-popup-new.opps .content-new {
        height: 45vh;
        display: grid;
        justify-content: center;
        align-content: center;
        gap: 40px;
        padding: 20px;
    }
    .yellow-popup-new.opps .title-yellow-popup {
        font-size: 50px;
    }
    .yellow-popup-new.opps .subtitle-yellow-popup {
        text-align: center;
    }
    body.courses-page .learndash-wrapper.current-course::after {
        top: 50%;
        left: 10px;
        width: 81px;
        height: 73px;
        transform: translateY(-50%);
    }
    .yellow-popup-new.done_course .container {
        max-width: 500px;
    }
    .yellow-popup-new.done_course .container .badge-new {
        max-height: 70%;
    }
    .yellow-popup-new .content-new .content-level-2-new {
        grid-template-rows: 47% 44% 9%;
    }
    #lesson-page .exercise_btn {
        width: 100%;
    }
    .learndash-wrapper .ld-content-actions {
        flex-direction: column;
    }
    #single-meditation-category {
        padding: 0 10px;
    }
    body.meditation-category {
        position: relative;
    }
    body.meditation-category .courses-meditation-or-exercises,
    body.exercises-category .courses-meditation-or-exercises {
        padding: 0 20px;
    }
    body.meditation-category.ld-in-focus-mode .learndash-wrapper {
        background-color: transparent;
    }
    .yellow-popup-new.double-check .content-new {
        padding: 0 10px;
    }
    .yellow-popup-new.disable-subscription .content-new {
        padding: 20px;
    }
    .yellow-popup-new.double-check .actions,
    .yellow-popup-new.disable-subscription .actions {
        gap: 20px;
    }
    .yellow-popup-new.double-check .btn-yellow-popup,
    .yellow-popup-new.disable-subscription .btn-yellow-popup {
        font-size: 15px;
        display: grid;
        align-items: center;
    }
    #my-account-page {
        max-width: 390px;
        width: calc( 100% - 40px);
        margin: 0 auto 50px;
    }
    #my-account-page .info-my-account {
        height: calc( 100vh - 163px - 60px);
        margin: 0 auto;
    }
    body.woocommerce-account header+div {
        padding-top: 0 !important;
    }
    body.woocommerce-edit-account #my-account-page .content-title {
        background: #bee9e2;
        text-shadow: 3px 4px 0 #79aab1;
        color: #ffffff;
        border-radius: 20px;
        padding: 25px 10px;
        text-align: center;
        margin: 20px 0;
        font-size: 50px;
        margin: 20px 0;
    }
    #my-account-page .woocommerce-EditAccountForm.edit-account input::placeholder {
        text-align: right;
        color: #bdd8d5;
        font-size: 20px;
    }
    .disable_subscription_btn {
        margin: 110px auto 60px;
    }
    .yellow-popup-new.disable-subscription .title-yellow-popup {
        font-size: 6vmax;
    }
    #my-favorite-list .my-favorite-item .content .favorite-title {
        font-size: 4.6vmax;
    }
    #my-favorite-content {
        margin: 20px 0;
        text-align: center;
    }
    #my-favorite-content .content-title {
        color: #42768e;
    }
    #my-favorite-content .content-title::after {
        content: '\f004';
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        font-size: 50px;
        padding-right: 10px;
    }
    #my-favorite-content .content-title,
    #my-favorite-content .content-title::after {
        display: inline-flex;
        align-self: center;
        font-size: 40px;
    }
    #my-favorite-content .content-title,
    body.woocommerce-edit-account #my-account-page .content-title,
    .yellow-popup-new .title-yellow-popup {
        font-weight: 500;
    }
    .yellow-popup-new.double-check .title-yellow-popup {
        font-size: 50px;
    }
    body.my-favorite form.searchform #s {
        background-color: #e8f6f6;
    }
    #my-favorite-content #my-favorite-list {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 20px;
    }
    #my-favorite-list .my-favorite-item .container-my-favorite {
        grid-template-rows: 40px calc( 100% - 40px);
    }
    #my-favorite-list .my-favorite-item .cat-name {
        font-size: 20px;
    }
    .woocommerce-account .woocommerce-orders-table {
        margin-top: 40px;
    }
    body.woocommerce-order-received {
        background-color: #bfe9e0;
    }
    body.woocommerce-order-received .subtitle-page,
    body.woocommerce-order-received .title-page {
        text-shadow: 2px 3px 0 #8dbbbf;
    }
    body.woocommerce-order-received .text {
        color: #42768c;
    }
    body.woocommerce-order-received > .woocommerce {
        padding-top: 110px;
    }
    body.woocommerce-order-received .image_for_mobile_order_received {
        background: url(assets/images/thankyou_mobile.png) no-repeat;
        background-size: cover;
        background-position: bottom right;
        width: 100%;
        /* position: absolute; */
        /* bottom: 0; */
        /* z-index: -1; */
        aspect-ratio: 2160/1741;
        margin-top: auto;
    }
    body.woocommerce-order-received .woocommerce {
        min-height: 93vh;
        display: flex;
        flex-direction: column;
    }
    body.woocommerce-order-received .content {
        margin: 0 auto;
        padding: 0 10px;
    }
    body.woocommerce-order-received .title-page {
        font-size: 6.3vmax;
    }
    body.woocommerce-order-received .subtitle-page,
    body.woocommerce-order-received .title-page {
        font-weight: 400;
    }
    #lesson-page .lessons {
        height: 100%;
    }
    #post-page .main-image>img {
        aspect-ratio: 1;
        max-height: 50vh;
    }
    .courses-meditation-or-exercises .title {
        font-size: 35px;
        margin-bottom: 10px;
        font-weight: 500;
    }
    .courses-meditation-or-exercises .subtitle {
        line-height: 21px;
    }
    .courses-meditation-or-exercises form.searchform {
        margin: 20px auto 15px;
    }
    .courses-meditation-or-exercises .list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .courses-meditation-or-exercises .course .course-title {
        margin: 0 auto;
        font-size: 34px;
        font-weight: 500;
    }
    .courses-meditation-or-exercises .course .course-subtitle {
        overflow-y: auto;
        height: 100%;
    }
    .exercises-category .courses-meditation-or-exercises .course .course-subtitle {
        max-height: 86px;
    }
    .meditation-category .courses-meditation-or-exercises .course .course-subtitle {
        max-height: 168px;
    }
    .meditation-category .courses-meditation-or-exercises .course {
        height: 350px;
    }
    .yellow-popup-new .content-new .content-level-2-new iframe {
        width: calc( 100% - 20px );
        margin: 0 auto;
    }
    .yellow-popup-new.preview_course .content-new .content-level-2-new {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .yellow-popup-new.finished .content-new .title-yellow-popup-new {
        font-size: 50px !important;
        font-weight: 500;
    }
    .yellow-popup-new.finished .content-new {
        height: 100%;
    }
    .yellow-popup-new.done_course .content-new {
        height: 100%;
    }
    header.main-header {
        z-index: 4;
    }
    .yellow-popup-new.preview_course .syllabus_courses-title-new {
        font-size: 26px;
        padding: 0 24px;
    }
    body.my-favorite .info-my-account, body.woocommerce-edit-account .info-my-account {
        display: none;
    }
    body.woocommerce-lost-password .woocommerce-ResetPassword .animal.keybord-is-opened {
        transform: translate(-50%, 100%);
        transition: transform 0.0s;
    }
    #lesson-page .info-course .title, #my-account-page .info-my-account .title {
        font-weight: 500;
    }
    .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details {
        margin-top: 0;
        margin-bottom: 0;
    }
    body:not(.single-sfwd-lessons.logged-in-header):not(.meditation-category):not(.exercises-category):not(.woocommerce-checkout):not(.exercises_npc-template-default):not(.meditation_npc-template-default):not(.woocommerce-account.logged-in-header) header+div {
        padding-top: var(--header-padding-top-mobile);
    }
    .yellow-popup-new.preview_course .syllabus_courses {
        display: flex;
        flex-direction: column;
        max-height: 70vh;
        height: 100%;
        align-items: center;
    }
    .yellow-popup-new.terms .container {
        aspect-ratio: 1921/3698;
        height: calc( 100% - 180px );
        max-width: 410px;
    }
    .yellow-popup-new.terms .container .content-new {
        height: 100%;
    }
    .footer {
        flex-direction: column;
    }

    .footer .group_1 {
        font-size: 13px;
    }
    .footer .group_2 {
        align-self: end;
    }
}

@media (max-width: 500px) {
    .footer {
        padding-right: 13px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 420px) {
    header {
        height: 90px;
    }
}

@media (max-width: 340px) {
    .yellow-popup .ratio .ratio-page {
        width: 100%;
    }
    .yellow-popup .ratio .ratio-page .content {
        background-position: bottom;
    }
    .yellow-popup-new.terms .content .title-yellow-popup,
    .yellow-popup-new.preview_course .syllabus_courses-title-new {
        font-size: 8vmin;
        padding: 0 20px;
    }
    .footer {
        padding-bottom: 20px;
    }
    .footer .group_1 {
        font-size: 10px;
    }
    .footer .social_footer {
        gap: 15px;
    }
    .footer .group_2, .footer .rights, .footer .group_1 {
        gap: 5px;
    }
}

#wpadminbar {
    position: fixed;
}