/*
 Theme Name:   Hook Point LAB
 Description:  Child theme
 Author:       WPlus
 Author URI:   https://wplus.pt/
 Template:     bricks
 Version:      1.0
 Text Domain:  viral-trends
*/

@media screen and (min-width: 768px) {
    body #brx-content.wordpress {
        margin-right: initial;
        max-width: none;
        width: auto;
    }
}

@view-transition {
    navigation: auto;
}

:root {
    --bricks-color-secondary: var(--secondary-trans-10);
    --bricks-text-danger: var(--secondary);
}

/* Header */
root,
#brx-header,
#brx-content,
#brx-footer,
.page-top-wrapper {
    --v-header-width: 30rem;
    --v-header-box-shadow: 1.4px 1.4px 1.1px rgba(0, 0, 0, 0.01), 3.8px 3.8px 3.1px rgba(0, 0, 0, 0.015),
        9px 9px 7.5px rgba(0, 0, 0, 0.02), 30px 30px 25px rgba(0, 0, 0, 0.03);
}

/* root {
    --v-header-width: 			30rem;
} */
.skip-link {
    display: none !important;
}
@media (min-width: 992px) {
    body.logged-in.vt-valid-user {
        #brx-header {
            position: fixed;
            isolation: isolate;
            top: var(--wp-admin--admin-bar--height, 0);
            z-index: 900;
            /* width: var(--v-header-width); */
        }
        .brxe-offcanvas {
            visibility: visible;
        }
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.logged-in.vt-valid-user {
        #brx-header {
            &:hover a {
                width: auto; /* A largura do texto vai aumentar conforme o parent cresce */
                opacity: 1; /* Torna o texto visível */
            }
        }

        #brx-content,
        #brx-footer,
        .page-top-wrapper {
            margin-left: calc((var(--v-header-width) * 0.2) + var(--space-m));
            width: auto;
        }

        .brxe-offcanvas[data-direction='left'] .brx-offcanvas-inner {
            white-space: nowrap;
            width: calc(var(--v-header-width) * 0.25);
            transform: translate(0);
            transition: all 0.2s cubic-bezier(0.25, 0, 0.25, 1);
            &:hover {
                width: var(--v-header-width);
                /* transform: translate(0%); */

                a,
                button {
                    width: auto;
                    opacity: 1;
                }

                .vt-logo {
                    display: block;
                    height: 4.2rem;
                }
                .vt-logo__icon {
                    display: none;
                    height: 0;
                }
            }

            .vt-logo {
                display: none;
                height: 0;
                transition: all 0.2s cubic-bezier(0.25, 0, 0.25, 1);
            }
            .vt-logo__icon {
                display: block;
                height: 4.2rem;
                transition: all 0.2s cubic-bezier(0.25, 0, 0.25, 1);
            }

            a:not(.brxe-image),
            button {
                width: 0;
                opacity: 0;
                white-space: nowrap;
                transition: width 0.5s ease, opacity 0.5s ease;
            }
        }
    }
}

@media (min-width: 1200px) {
    body.logged-in.vt-valid-user {
        #brx-header {
            transform: translate(0%) !important;
        }
        .brxe-offcanvas .brx-offcanvas-inner {
            width: var(--v-header-width);
            transform: translate(0);
        }
        #brx-content,
        #brx-footer,
        .page-top-wrapper {
            margin-left: calc(var(--v-header-width) + var(--space-m)) !important;
            width: auto;
        }
    }
}

/* HEADER NAVIGATION */
.header__nav .sub-menu {
    margin-top: calc(var(--space-xs) / 2);
    margin-bottom: var(--space-s);
}

.header__nav.brxe-nav-menu .bricks-mobile-menu-overlay {
    top: calc(9rem + var(--wp-admin--admin-bar--height, 0px));
}

.header__nav.brxe-nav-menu .bricks-mobile-menu-wrapper:before {
    background-image: url(https://viral-trends.devtester.pt/wp-content/uploads/2024/10/header-background-A-blue.svg);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--primary);
}

.header__nav .bricks-nav-menu li.menu-item:not(.menu-item-has-children) {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.header__nav .bricks-nav-menu li:has(svg) {
    > a,
    > div.brx-submenu-toggle > a {
        align-items: center;
        display: inline-flex;
    }

    svg {
        line-height: 2em;
        width: 2.8rem;
        height: 2.8rem;
        margin-right: var(--space-xs);
        vertical-align: middle;
        flex-shrink: 0;
        filter: brightness(0) invert(1);
        display: inline-flex;
    }

    a[depth='0'] {
        position: relative;
        &:after {
            content: '';
            background-color: var(--secondary);
            height: 1px;
            bottom: 0;
            width: 0px;
            position: absolute;
            transition: all 0.2s cubic-bezier(0.25, 0, 0.25, 1);
        }
    }
    &:hover {
        a[depth='0'] {
            &:after {
                width: 65px;
            }
        }

        button {
            text-decoration: none !important;
        }
    }
}

.header__nav .bricks-nav-menu li.current-menu-parent,
.header__nav .bricks-nav-menu li.current-menu-item {
    a[depth='0'] {
        color: var(--white) !important;
        position: relative;

        &:after {
            content: '';
            background-color: var(--secondary);
            height: 1px;
            bottom: 0;
            width: 65px;
            position: absolute;
        }

        ul.sub-menu a {
            text-decoration: underline;
            text-decoration-color: var(--secondary);
        }
    }

    svg {
        filter: brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(3282%) hue-rotate(346deg) brightness(93%)
            contrast(95%);
    }

    .menu-item-icon {
        color: var(--white);
    }
}

/* TOP BAR */
.page-top-wrapper {
    .brxe-container {
        border-bottom: 2px solid var(--neutral);
        padding-block: var(--section-space-xs);
    }

    .breadcrumbs {
        display: flex;
        gap: 1rem;
        list-style: none;
        padding-left: 0;
    }

    .breadcrumbs__icon img {
        width: 2.5rem;
        filter: brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(3282%) hue-rotate(346deg) brightness(93%)
            contrast(95%);
        display: flex;
    }

    .breadcrumbs__text {
        font-weight: 600;
    }

    .page-top__user-dropdown {
        font-size: var(--text-s);
        align-items: end;

        a {
            color: var(--body-color);
            text-decoration: none;
        }

        a > img {
            width: var(--space-m);
            margin-right: 0.5rem;
        }

        ul {
            border: 2px solid var(--neutral);
            border-radius: var(--radius);
            text-align: left;
            gap: 0;
            align-items: start;

            li {
                width: 100%;
            }

            li:not(:first-child):before {
                content: '';
                display: block;
                border-bottom: 2px solid var(--neutral);
                width: calc(100% - (var(--space-xs) * 2));
                margin-inline: auto;
            }

            li a {
                display: flex;
                justify-content: space-between;
                padding: var(--space-xs) var(--space-xs);
                @media screen and (min-width: 768px) {
                    padding: calc(var(--space-xs) / 2) var(--space-xs);
                }
            }

            li a:hover {
                color: var(--secondary);
                transition: none;
            }

            li a:after {
                content: '\f3d1';
                font-family: 'Ionicons';
                margin-left: auto;
            }
        }
    }
}

/* Button next step */
.wp-block-button.btn--next-step {
    width: 100%;
}

.wp-block-button.btn--next-step a.wp-block-button__link,
.brxe-text-link.btn--next-step {
    position: sticky;
    bottom: 0%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    position: relative;
    color: var(--primary);
    border-color: var(--primary);
    line-height: calc(var(--text-line-height) * 0.8);
    font-weight: 400;

    &:hover {
        color: var(--secondary);
        border-color: var(--secondary);
        background-color: transparent;

        &:after {
            transform: translate(10%, -25%);
            background-color: var(--secondary);
        }
    }
    &:before {
        content: 'Next step';
        display: block;
        font-size: var(--text-xs);
        font-weight: 700;
        text-transform: uppercase;
        color: var(--secondary);
        width: 100%;
    }

    &:after {
        content: '';
        background-color: var(--primary);
        mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzMzMzMgMC44MzM0OTZMMTMgNS41MDAxNk0xMyA1LjUwMDE2TDguMzMzMzMgMTAuMTY2OE0xMyA1LjUwMDE2TDEgNS41MDAxNiIgc3Ryb2tlPSIjRTMxRTI4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 100%;

        display: block;
        width: var(--text-m);
        height: var(--text-m);
        margin-left: auto;
        transform: translate(0, -25%);
        transition: 0.3s ease-in-out 0s;
    }
}

/* Accordions */
.wp-block-details {
    width: 100%;
    background-color: var(--neutral);
    border-radius: var(--radius);
}

.wp-block-details summary {
    display: flex;
    align-items: center;
    position: relative;
    padding: var(--space-s);
}

.wp-block-details summary:after {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpb25pY29uIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0OCIgZD0iTTExMiAxODRsMTQ0IDE0NCAxNDQtMTQ0Ii8+PC9zdmc+');
    display: block;
    width: var(--text-m);
    height: var(--text-m);
    order: 2;
    margin-left: auto;
}

.wp-block-details[open] {
    padding-bottom: var(--space-m);
}

.wp-block-details[open] summary ~ * {
    padding-inline: var(--space-m);
}

.wp-block-details[open] summary {
    display: flex;
}

.wp-block-details[open] summary:after {
    transform: rotate(180deg);
}

.wp-block-details[open] .wp-block-embed__wrapper {
    /* display: flex; */
}

/* Prevents iframe resize on wp-block-details[open] */
.wp-block-details .wp-block-embed {
    padding-inline: var(--space-m);
}

.wp-block-details .wp-block-embed__wrapper iframe {
    margin-inline: auto;
    width: var(--width-xl);
    height: calc(100% * 1.75);
    aspect-ratio: 16 / 9;
}

/* Accordion with counter */
.accordion-counter {
    counter-reset: counter;
}

.accordion-counter .wp-block-details summary::before {
    content: counter(counter) '.  ';
    counter-increment: counter;
    padding-right: 0.5rem;
}

/* Table of Contents */
.wp-block-wpseopress-table-of-contents {
    position: sticky;
    top: calc(var(--space-m) + var(--wp-admin--admin-bar--height));
    padding: var(--space-xs);
    background-color: var(--neutral);

    h2 {
        font-weight: 700;
        font-size: var(--text-xs);
        text-transform: uppercase;
        text-align: center;
    }

    ul {
        padding-left: 0;
    }
    li {
        list-style: none;

        a {
            font-size: var(--text-s);
            line-height: calc(var(--text-line-height) * 1.5);
            color: var(--body-color);
            text-decoration: none;
            display: block;
            border-radius: var(--radius);
            transition: background-color 0.3s;

            &:hover {
                color: var(--secondary);
            }
        }
    }
}

/* singular content (masterminds, expert sessions, etc */
.session-singular__content .wp-block-button__link {
    /* See ACSS > Global SCSS mixin */
}
.session-singular__content .wp-block-button__link[target='_blank']:after {
    content: '';
    display: inline-flex;
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyMGMtMTcuNjcgMC0zMiAxNC4zMy0zMiAzMnY5Nkg2NFYxNjBoOTZjMTcuNjcgMCAzMi0xNC4zMiAzMi0zMnMtMTQuMzMtMzItMzItMzJMNjQgOTZjLTM1LjM1IDAtNjQgMjguNjUtNjQgNjRWNDQ4YzAgMzUuMzQgMjguNjUgNjQgNjQgNjRoMjg4YzM1LjM1IDAgNjQtMjguNjYgNjQtNjR2LTk2QzQxNiAzMzQuMyA0MDEuNyAzMjAgMzg0IDMyMHpNNDg4IDBIMzUyYy0xMi45NCAwLTI0LjYyIDcuNzk3LTI5LjU2IDE5Ljc1Yy00Ljk2OSAxMS45Ny0yLjIxOSAyNS43MiA2LjkzOCAzNC44OEwzNzAuOCA5NkwxNjkuNCAyOTcuNGMtMTIuNSAxMi41LTEyLjUgMzIuNzUgMCA0NS4yNUMxNzUuNiAzNDguOSAxODMuOCAzNTIgMTkyIDM1MnMxNi4zOC0zLjEyNSAyMi42Mi05LjM3NUw0MTYgMTQxLjNsNDEuMzggNDEuMzhjOS4xNTYgOS4xNDEgMjIuODggMTEuODQgMzQuODggNi45MzhDNTA0LjIgMTg0LjYgNTEyIDE3Mi45IDUxMiAxNjBWMjRDNTEyIDEwLjc0IDUwMS4zIDAgNDg4IDB6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
    margin-left: 0.5rem;
}

.session-singular__tags-wrapper span a {
    display: inline-flex;
    margin: 0 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--base-medium);
    color: var(--base-medium);
    border-radius: var(--radius-xs);
}

.brxe-post-content p:first-child {
    margin-top: 0px;
}
.brxe-post-content figure.wp-block-embed.is-type-video {
    width: 100%;
    max-width: var(--width-l);
    clear: both;
    margin-top: var(--space-l);
    margin-left: auto;
    margin-right: auto;
}
.brxe-post-content figure.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
}
.brxe-post-content figure.wp-block-embed.is-type-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Infusionsoft embed forms */
.infusion-form {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-m);

    .infusion-field label {
        color: var(--body-color, var(--text-dark));
    }

    .infusion-submit button {
        /* See ACSS > Global SCSS mixin */
    }
}

/* CPT - Masterminds */
/* CPT - Expert interviews */
@media screen and (min-width: 768px) {
    body.page-homepage .session-grid {
        grid-template-columns: var(--grid-4);
    }
    /* body.post-type-archive-expert_interviews .session-grid {
        grid-template-columns: var(--grid-3);
    } */
    /* CPT - Viral Insights */
    /* body.post-type-archive-viral-insight .session-grid {
        grid-template-columns: var(--grid-3);
    } */
}

/* LearnDash */
body .learndash-wrapper:not(.ld-registration__outer-wrapper) {
    .ld-expand-button.ld-button-alternate .ld-text {
        white-space: nowrap;
    }
    .aligncenter iframe {
        display: block;
        margin-inline: auto;
    }
    .ld-item-list .ld-section-heading {
        display: none;
    }

    .learndash_mark_complete_button {
        background-color: var(--secondary) !important;
    }

    .wpProQuiz_quiz .wpProQuiz_questionListItem label {
        color: inherit;
    }

    .ld-lesson-navigation .ld-lesson-item-preview {
        display: flex;
        flex-wrap: nowrap;

        .ld-expand-button {
            flex: 1;
            justify-content: end;
        }
    }
}

/* WP Grid Builder */
.brxe-wpgb-facet .wpgb-facet .wpgb-facet-title {
    margin: 0 0 0.5em;
    font-weight: 400;
}
.brxe-wpgb-facet .wpgb-facet fieldset:last-child {
    margin-bottom: 0;
}

/* Popups */
.brx-popup .brx-popup-content {
    position: relative;
}
.brx-popup.hide,
.brx-popup.hide .brx-popup-backdrop {
    display: none;
}

/* WooCommerce My Account */
.woocommerce-EditAccountForm {
    margin-top: var(--space-m);
}
/* WooCommerce My Account - orders */
body.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-Button {
    display: none;
}
/* WooCommerce My Account - Subscriptions */
body.woocommerce-account.woocommerce-subscriptions .woocommerce-MyAccount-content .woocommerce-Button {
    display: none;
}

:not(.woocommerce-checkout) [class*='woocommerce'] * + p > * + * {
    margin-block-start: 0;
}

/* WooCommerce General */
.woocommerce {
    /* WooCommerce login form*/
    .woocommerce-form-login,
    .woocommerce-ResetPassword {
        width: 100%;
        max-width: var(--width-m);
        gap: var(--space-s) !important;
        margin-inline: auto;
        text-align: left;

        .woocommerce-form-login__rememberme {
            line-height: var(--text-m);
            position: relative;
            cursor: pointer;
            padding-left: var(--text-xl);
            margin-bottom: 0;

            span::before {
                width: var(--text-m);
                height: var(--text-m);
                border: 1px solid var(--primary-trans-20);
                background-color: #ffffff;
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                background-size: 50%;
                border-radius: 2px;
                background-repeat: no-repeat;
                background-position: center center;
            }

            > input {
                display: none !important;
            }

            input[type='checkbox']:checked ~ span::before,
            input[type='checkbox']:checked ~ label span::before {
                background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M416 128 192 384l-96-96"/></svg>'),
                    #ffffff;
                background-size: var(--text-s);
                background-repeat: no-repeat;
                background-position: center;
            }
        }

        button[type='submit'] {
            --btn-background: var(--primary);
            --btn-background-hover: var(--primary-hover);
            --btn-text-color: var(--primary-ultra-light);
            --btn-text-color-hover: var(--primary-ultra-light);
            --btn-border-color: var(--primary);
            --btn-border-color-hover: var(--primary-hover);
            --focus-color: var(--primary-dark);

            background: var(--btn-background);
            color: var(--btn-text-color);
            padding-block: var(--btn-padding-block);
            padding-inline: var(--btn-padding-inline);
            min-inline-size: var(--btn-min-width);
            line-height: var(--btn-line-height);
            font-size: var(--btn-font-size, var(--text-m));
            font-weight: var(--btn-font-weight);
            font-style: var(--btn-font-style);
            text-transform: var(--btn-text-transform);
            letter-spacing: var(--btn-letter-spacing);
            text-decoration: var(--btn-text-decoration);
            border-width: var(--btn-border-width);
            border-style: var(--btn-border-style);
            border-radius: var(--btn-radius);
            border-color: var(--btn-border-color);
            transition: var(--btn-transition, var(--transition));
            justify-content: var(--btn-justify-content, center);
            text-align: var(--btn-text-align, center);

            width: 100%;
            max-inline-size: 480px;
        }

        .woocommerce-notices-wrapper {
            margin-bottom: 0;
            li {
                margin-bottom: 0;
            }
        }
    }

    .woocommerce-ResetPassword {
        border-style: solid;
        border-width: 1px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 30px;
        padding: 30px;
        text-align: center;
    }

    label {
        font-size: var(--text-s);
        text-align: left;
        line-height: 1;

        span.required {
            color: var(--secondary);
        }
    }

    /* Override ACSS auto-spacing */
    form :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
        margin: 0 0 1.2em;
    }

    input {
        text-align: left;
        margin-top: 0.4rem !important;
    }

    em {
        font-size: var(--text-xs);
    }
    .woocommerce-MyAccount-navigation {
        @media screen and (max-width: 767px) {
            width: 100%;
        }
        @media screen and (min-width: 768px) {
            position: sticky;
            top: calc(var(--space-m) + var(--wp-admin--admin-bar--height));
        }
        min-width: 30%;

        li:not(:first-child):before {
            content: '';
            display: block;
            border-bottom: 2px solid var(--neutral);
            width: calc(100% - (var(--space-xs) * 2));
            margin-inline: auto;
        }

        li a {
            display: flex;
            justify-content: space-between;
        }

        li a:hover {
            color: var(--secondary);
            transition: none;
        }

        li a:after {
            content: '\f3d1';
            font-family: 'Ionicons';
            margin-left: auto;
        }

        /* Hide edit-account from my-account menu beacause the endpoint is needed to update the account info */
        .woocommerce-MyAccount-navigation-link--edit-account {
            display: none !important;
        }
    }

    .woocommerce-MyAccount-content {
        @media screen and (max-width: 767px) {
            width: 100%;
        }

        /* Dashboard  */
        form,
        .woocommerce-EditAccountForm {
            padding: var(--space-s);
            background-color: var(--neutral);
            border-radius: var(--radius-l);
        }

        /* Orders */
        .woocommerce-notices-wrapper:empty + * {
            margin-top: 0 !important;
        }

        .woocommerce-notices-wrapper .woocommerce-error {
            display: flex;
            flex-direction: column;
            gap: var(--space-s);
        }

        .order_details,
        .woocommerce-table--order-details,
        .woocommerce-orders-table--subscriptions,
        .subscription_details,
        .account-payment-methods-table,
        .woocommerce-table--order-details {
            margin-block: var(--space-xs) var(--space-m);

            td,
            tfoot td,
            tfoot th,
            th {
                color: inherit;
            }

            .wc-item-meta {
                display: none;
            }
        }

        .woocommerce-customer-details {
            display: none !important;
        }

        /* My Subscription */
        /* Payment Methods */

        table a.button {
            font-size: var(--text-s);
        }
    }

    .woocommerce-error {
        padding: var(--space-xs);
        font-size: var(--text-s);
    }
}

body.woocommerce-account:not(.logged-in) .woocommerce {
    justify-content: center;
    display: flex;
}

.woocommerce-checkout {
    #customer_details.col2-set {
        border: 0px !important;
        gap: var(--space-l);

        @media only screen and (min-width: 768px) {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .col-1 {
            padding: var(--space-m);
            background-color: var(--neutral);
            border-radius: var(--radius-l);

            #billing_email_field {
                /* margin-bottom: 0; */
            }

            h3 {
                font-weight: 700;
                margin-bottom: var(--space-s);
            }
            #payment h3 {
                margin-bottom: 0;
            }

            .form-row label {
                font-weight: 400;

                .required {
                    text-decoration: none;
                    color: var(--secondary);
                }
            }

            .woocommerce-checkout-payment {
                padding: 0;
                border-width: 0;
                margin-top: var(--space-m);
                background-color: transparent !important;

                ul.payment_methods {
                    padding: 0;
                    border-bottom: 0;

                    li {
                        margin-bottom: 0;
                    }

                    li.payment_method_stripe label,
                    li.payment_method_stripe:before,
                    li.payment_method_stripe :before {
                        display: none;
                    }

                    li div.payment_box {
                        background-color: transparent !important;
                        padding: 0;
                        margin: 0;
                    }

                    li div.payment_box fieldset {
                        border: none;
                        padding: 0;
                    }

                    #stripe-card-element {
                        padding: 1em;
                        margin: 0 0 1em;
                        font-size: 90%;
                        color: #ffffff;
                    }
                }

                div.form-row.place-order {
                    padding: 0;
                }

                .woocommerce-page #payment button#place_order {
                    width: 100%;
                }

                .woocommerce-terms-and-conditions-wrapper {
                    order: 999;
                }

                .payment__terms {
                    font-size: var(--text-xs);
                    text-align: center;
                    margin-top: var(--space-xs);
                }
            }
        }

        .col-2 {
            @media only screen and (min-width: 768px) {
                /* width: 85%; */
                margin-left: auto;
            }
        }

        .woocommerce-billing-fields__field-wrapper {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            inline-size: 100%;
            column-gap: var(--space-s);

            .form-row-first,
            .form-row-last,
            .form-row-wide {
                width: 100%;
                /* margin-bottom: 0; */
            }
        }

        /* Free user checkout */
        @media only screen and (min-width: 768px) {
            &.free-checkout {
                display: flex;
                width: var(--width-l);
                margin-inline: auto;
            }
        }
        &.free-checkout h3,
        &.free-checkout .col-2 {
            display: none;
        }
    }

    .woocommerce-shipping-fields {
        display: none;
    }

    .woocommerce-additional-fields {
        #payment .woocommerce-terms-and-conditions-wrapper {
            font-size: var(--text-xs);
            text-align: center;
            order: 99;
        }
    }

    #order_review_heading {
        display: none !important;
    }
    #order_review {
        position: sticky;
        top: var(--space-m);

        .woocommerce-checkout-review-order-table {
            font-size: var(--text-s);
        }

        .woocommerce-checkout-review-order-table tr th,
        .woocommerce-checkout-review-order-table tr td {
            color: var(--body-color);
        }

        .woocommerce-checkout-review-order-table,
        .woocommerce-checkout-review-order-table tr:nth-child(1),
        .woocommerce-checkout-review-order-table tr:nth-child(2) {
            border: none !important;
        }

        .woocommerce-checkout-review-order-table tr td:nth-child(2) {
            text-align: right;
        }

        .woocommerce-checkout-review-order-table tr:nth-child(1) td {
            padding-top: 0;
        }

        .woocommerce-checkout-review-order-table tr:nth-child(1) h3 {
            margin-bottom: 0;
        }

        .shop_table tr:first-child strong .woocommerce-Price-amount.amount {
            font-size: var(--text-l) !important;
            color: var(--secondary);
        }

        .shop_table td:not(.bold):nth-child(2) .woocommerce-Price-amount.amount {
            font-size: var(--text-m);
            font-weight: 700;
        }

        .shop_table td:not(.bold):nth-child(2) strong,
        .shop_table tr.shop_table__today-payment td:first-child span,
        .shop_table tr.order-total.recurring-total td:first-child span {
            font-size: var(--text-m);
            font-weight: 700;
        }

        .shop_table td:not(.bold):nth-child(2) .price__striketrought .woocommerce-Price-amount.amount {
            text-decoration: line-through;
            font-weight: 400 !important;
            font-size: var(--text-s);
            margin-right: 5px;
        }

        .shop_table__product-description ul {
            font-size: var(--text-s);
            padding-inline-start: 0px;
            margin: 0 auto;
            margin-top: var(--space-s);
            padding-bottom: var(--space-s);
        }

        .shop_table__product-description li {
            display: flex;
            gap: 1rem;
            margin-bottom: 1.5rem;
            padding-left: 0.5rem;
            white-space: normal;

            &:before {
                content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='%232AC56F' stroke='%232AC56F' stroke-width='2'/%3E%3Cpath d='M10.667 6.5 7 10.167 5.333 8.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                flex: 0 0 var(--text-m);
            }
        }

        tr.recurring-totals,
        tr.cart-subtotal.recurring-total,
        tr.cart-discount {
            display: none;
        }

        .shop_table tfoot {
            border-bottom: 0;
        }
    }
}

@media only screen and (max-width: 768px) {
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        float: none;
        width: 100%;
    }
}

/* Upgrade Subscription */
body.woocommerce-checkout.upgrade-subscription #customer_details {
    display: flex;
    flex-direction: column-reverse;
    width: 60%;
    margin: 0 auto;
}

body.woocommerce-checkout.upgrade-subscription .woocommerce .col2-set .col-1,
body.woocommerce-checkout.upgrade-subscription .woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
}

body.woocommerce-checkout.upgrade-subscription .woocommerce-billing-fields,
body.woocommerce-checkout.upgrade-subscription .woocommerce .col2-set .col-1 h3 {
    display: none !important;
}

.woocommerce input:not([type='checkbox'], [type='radio']),
.woocommerce .select2 .select2-selection {
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
    font-size: 16px;
    height: 42px;
    margin-top: 5px;
    outline: none;
    /* padding: 10px 15px; */
    position: relative;
    width: 100%;
}
#billing_city_field {
    order: 80;
}

/* WooCommerce - My Account - order pay*/
body.woocommerce-order-pay .woocommerce {
    width: var(--width-l);
    margin-inline: auto;
}

/****** My Account ******/

/*--------------Table Headings----------------*/
.woocommerce-cart table.cart th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tfoot th {
    font-weight: 400;
    color: var(--base);
    font-size: var(--text-s);
    letter-spacing: 1px;
}

/*--------------------Tables and Forms Style-------------------------*/
.oxy-woo-order-tracking form,
.woocommerce form.woocommerce-ResetPassword.lost_reset_password,
.woocommerce .woocommerce-EditAccountForm,
.woocommerce .woocommerce-address-fields,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce .col2-set,
.woocommerce-form-coupon,
.woocommerce #reviews #comments ol.commentlist li .comment-text,
ul.woocommerce-order-overview,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon,
.woocommerce table.shop_table {
    border: 2px solid var(--neutral);
    border-radius: var(--radius);
    border-collapse: collapse;
}
.woocommerce table tr {
    border-top: 1px solid var(--neutral);
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th {
    border: none !important;
    padding: var(--space-xs);
    color: var(--base);
    white-space: nowrap;
}
/* End of Tables and Forms Styles */

/* Course page singular */
.single-sfwd-courses .sfwd-hero__image img,
.sfwd-hero__image {
    aspect-ratio: 3 / 1;
    object-fit: cover;
}
.learndash-wrapper .ld-item-list {
    margin-top: 0;
}
.learndash-wrapper .ld-item-list .ld-section-heading {
    display: none;
}
.learndash-wrapper .ld-item-list .ld-item-list-item {
    margin: var(--space-xs) 0;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
    padding: 10px;
    font-size: var(--text-m);
}
.learndash-wrapper .ld-status-icon {
    flex-basis: 20px;
    height: 20px;
    margin-top: 0 !important;
}
.learndash-wrapper .ld-status-icon.ld-status-complete .ld-icon {
    font-size: 0.75em;
}
.learndash-wrapper .ld-expand-button .ld-text {
    display: none;
}

/* Lesson page (focus mode) */
/* Header */
.ld-user-menu {
    display: none !important;
}

/* Sidebar */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 {
    font-size: var(--text-l);
    font-weight: 400;
}

/* Singular content page */
.ld-lesson-status {
    display: none !important;
}

.ld-focus-content h1,
.ld-focus-content h2 {
    position: relative;
    padding-bottom: 1.6rem !important;
}
.ld-focus-content h1:after,
.ld-focus-content h2:after {
    content: '';
    position: absolute;
    width: 10rem;
    bottom: 0;
    left: 0;
    border-bottom: 4px solid var(--primary);
}
.ld-focus-content h1:after {
    width: 15rem;
}
.ld-focus-content h2 {
    margin-block: var(--space-m);
    padding-bottom: 0 !important;
}
.ld-focus-content h3 {
    font-family: 'Inter';
    font-size: calc(var(--text-l) - 0.25rem);
}

body .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible {
    display: flex;
    gap: var(--paragraph-spacing, var(--flow-spacing, initial));
    flex-direction: column;
}

.ld-focus-content .wp-block-embed {
    /* margin-bottom: var(--space-xl); */
}
.ld-focus-content .wp-block-file {
    margin-bottom: var(--space-xs);
    font-size: var(--text-m);
}
.ld-focus-content .wp-block-file .wp-block-file__button:hover {
    color: var(--shade-white);
}

.ld-focus-content .learndash-wrapper .ld-tabs {
    margin-bottom: var(--space-l);
}

.ld-focus-content .wp-block-button__link {
    border: var(--outline-btn-border-size) solid var(--primary) !important;
    background: none;
    color: var(--btn-text-color, var(--primary-outline-btn-text));
    border-width: var(--btn-border-size);
    border-color: var(--btn-bg, var(--btn-primary-bg));
    border-style: solid;
    border-radius: var(--btn-radius);
    line-height: 1.2;
    padding: var(--btn-pad-y) var(--btn-pad-x);
    font-size: var(--text-s);
}
.ld-focus-content .wp-block-button__link[target='_blank']:after {
    content: '';
    display: inline-flex;
    width: 12px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzg0IDMyMGMtMTcuNjcgMC0zMiAxNC4zMy0zMiAzMnY5Nkg2NFYxNjBoOTZjMTcuNjcgMCAzMi0xNC4zMiAzMi0zMnMtMTQuMzMtMzItMzItMzJMNjQgOTZjLTM1LjM1IDAtNjQgMjguNjUtNjQgNjRWNDQ4YzAgMzUuMzQgMjguNjUgNjQgNjQgNjRoMjg4YzM1LjM1IDAgNjQtMjguNjYgNjQtNjR2LTk2QzQxNiAzMzQuMyA0MDEuNyAzMjAgMzg0IDMyMHpNNDg4IDBIMzUyYy0xMi45NCAwLTI0LjYyIDcuNzk3LTI5LjU2IDE5Ljc1Yy00Ljk2OSAxMS45Ny0yLjIxOSAyNS43MiA2LjkzOCAzNC44OEwzNzAuOCA5NkwxNjkuNCAyOTcuNGMtMTIuNSAxMi41LTEyLjUgMzIuNzUgMCA0NS4yNUMxNzUuNiAzNDguOSAxODMuOCAzNTIgMTkyIDM1MnMxNi4zOC0zLjEyNSAyMi42Mi05LjM3NUw0MTYgMTQxLjNsNDEuMzggNDEuMzhjOS4xNTYgOS4xNDEgMjIuODggMTEuODQgMzQuODggNi45MzhDNTA0LjIgMTg0LjYgNTEyIDE3Mi45IDUxMiAxNjBWMjRDNTEyIDEwLjc0IDUwMS4zIDAgNDg4IDB6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    filter: invert(42%) sepia(72%) saturate(6576%) hue-rotate(345deg) brightness(101%) contrast(92%);
    margin-left: 0.5rem;
}
.ld-focus-content .wp-block-button__link:hover {
    background: var(--btn-hover, var(--btn-primary-hover));
    color: var(--btn-outline-hover-text, var(--btn-primary-hover-text)) !important;
    border-color: var(--btn-hover, var(--btn-primary-hover)) !important;
}
.ld-focus-content .wp-block-button__link:visited {
    color: var(--btn-text-color, var(--primary-outline-btn-text));
}

.learndash-wrapper .ld-focus .ld-tab-content .wpProQuiz_list {
    margin-top: calc(var(--space-s) * -1) !important;
    padding-left: 0 !important;
}

.learndash-wrapper .ld-focus .ld-tab-content ul:not(.wpProQuiz_list) li,
.learndash-wrapper .ld-focus .ld-tab-content ol:not(.wpProQuiz_list) li {
    margin-bottom: 5px;
}

.wpProQuiz_list > li:only-child .wpProQuiz_button[value='Finish Quiz'] {
    display: none !important;
}

.learndash-wrapper
    .ld-focus.ld-focus-position-right
    .ld-tab-content
    ol:not(.blocks-gallery-grid):not(.wp-block-gallery),
.learndash-wrapper
    .ld-focus.ld-focus-position-right
    .ld-tab-content
    ul:not(.blocks-gallery-grid):not(.wp-block-gallery),
.learndash-wrapper
    .ld-focus.ld-focus-position-rtl-left
    .ld-tab-content
    ol:not(.blocks-gallery-grid):not(.wp-block-gallery),
.learndash-wrapper
    .ld-focus.ld-focus-position-rtl-left
    .ld-tab-content
    ul:not(.blocks-gallery-grid):not(.wp-block-gallery) {
    padding-left: 40px;
    padding-right: 0px;
}

/* Singular content page footer */
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
    margin-top: var(--space-xs);
}

/* Lesson page - align iframe to center */
.aligncenter iframe {
    display: block;
    margin-inline: auto;
}

.ld-focus-content h2 {
    /*color: #0b2138; /* var(--text-dark-color) */
}

.ld-focus-content p {
    /*font-size: var(--text-l);*/
}

.VMC-LS-big-ol-numbers {
}

.VMC-LS-big-ol-numbers {
    padding: var(--space-m) var(--space-m) var(--space-m) var(--space-l) !important;
    /*border: 0.3rem solid var(--primary);*/
    /*
    columns: 15rem;
	column-gap: 7rem;
	column-rule: 4px dotted var(--primary);
    */
    display: flex !important;
    flex-direction: column;
    gap: var(--space-m);
}
.VMC-LS-big-ol-numbers li {
}
.VMC-LS-big-ol-numbers.no-pb {
    padding-bottom: 0 !important;
}
.VMC-LS-big-ol-numbers > li > ul {
    margin-bottom: 0 !important;
}

.VMC-LS-big-ol-numbers ::marker {
    font-weight: 700;
    font-size: var(--text-xl);
    line-height: 0;
    color: var(--primary);
}

/* .VMC-LS-accordion {
  border-radius: var(--radius-s);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  background-color: var(--shade-white);
  width: 100%;
  text-align: justify;
  padding: var(--space-s);
  border-width: 0px;
  margin-bottom: var(--space-s);
}

.VMC-LS-accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.VMC-LS-accordion summary::after {
  content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22%2F%3E%3C%2Fsvg%3E');
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  transition-duration: 0.3s;
}

.VMC-LS-accordion[open] summary::after {
  transform: rotate(180deg);
} */

.VMC-LS-embed-video-popup:hover {
    cursor: pointer;
}
.VMC-LS-embed-video-popup figure.wp-block-image {
    margin: 0;
    position: relative;
    overflow: hidden;
}
.VMC-LS-embed-video-popup figure.wp-block-image img {
    transition: 0.3s ease;
}
.VMC-LS-embed-video-popup:hover figure.wp-block-image img {
    transform: scale(1.2);
}
.VMC-LS-embed-video-popup figure.wp-block-image:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease;
    opacity: 0;
    z-index: 2;
}
.VMC-LS-embed-video-popup:hover figure.wp-block-image:before {
    opacity: 1;
}

.VMC-LS-embed-video-popup figure.wp-block-image:after {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%203334%203334%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%3Cg%3E%3Ccircle%20cx%3D%221666.67%22%20cy%3D%221666.67%22%20r%3D%221666.67%22%20style%3D%22fill-opacity%3A0.3%3B%22%2F%3E%3Cpath%20d%3D%22M2531.28%2C1620.78l-1222.22%2C-833.334c-17.056%2C-11.555%20-39.056%2C-12.833%20-57.278%2C-3.222c-18.167%2C9.611%20-29.556%2C28.5%20-29.556%2C49.111l0%2C1666.67c0%2C20.611%2011.389%2C39.5%2029.611%2C49.111c8.111%2C4.333%2017.056%2C6.445%2025.945%2C6.445c10.944%2C-0%2021.889%2C-3.278%2031.278%2C-9.667l1222.22%2C-833.333c15.166%2C-10.334%2024.278%2C-27.5%2024.278%2C-45.889c-0%2C-18.389%20-9.112%2C-35.556%20-24.278%2C-45.889Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Anonzero%3B%22%2F%3E%3Cpath%20d%3D%22M1666.67%2C0c-919%2C0%20-1666.67%2C747.667%20-1666.67%2C1666.67c0%2C919%20747.667%2C1666.67%201666.67%2C1666.67c919%2C0%201666.67%2C-747.666%201666.67%2C-1666.67c0%2C-919%20-747.666%2C-1666.67%20-1666.67%2C-1666.67Zm-0%2C3222.22c-857.723%2C0%20-1555.56%2C-697.833%20-1555.56%2C-1555.56c0%2C-857.723%20697.833%2C-1555.56%201555.56%2C-1555.56c857.722%2C0%201555.56%2C697.833%201555.56%2C1555.56c0%2C857.722%20-697.833%2C1555.56%20-1555.56%2C1555.56Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    width: 45px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-22.5px, -22.5px);
    z-index: 3;
}
.VMC-LS-embed-video-popup figure img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.bod-block-popup-wrap .bod-block-popup {
    width: auto !important;
    padding: var(--space-m);
}
.bod-block-popup-wrap .bod-block-popup picture {
    margin: 0 !important;
}

.VMC-LS-trainer-wrapper {
}

.VMC-LS-trainer-wrapper figure.wp-block-image {
    margin: 0;
    height: 100%;
}
.VMC-LS-trainer-wrapper figure.wp-block-image img {
    height: 100%;
    min-height: 210px;
    object-fit: cover;
}

.VMC-LS-trainer-wrapper h3 {
    /*font-size: var(--text-xl);*/
}
.VMC-LS-trainer-wrapper h4 {
    font-size: var(--text-m);
    margin-top: 0;
    font-family: 'Inter';
}

.VMC-LS-trainer-wrapper p {
    margin-bottom: 0;
}