/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Thank you page styles */
body.opening.logged-in.page-id-9101 main.site-main {
    margin-left: 244px !important;
}
body.page-id-9101 main.site-main {
    min-height: calc(100vh - 275px) !important;
    padding: 0 20px;
}
body.logged-in.page-id-9101 main.site-main .page-header,
body.logged-in.page-id-9101 main.site-main .page-content {
    padding-left: 30px;
}
body.page-id-9101 .page-content {
    flex-flow: row nowrap;
    display: flex;
}
.cm-thank-you-wrapper { 

}
.cm-thank-you-wrapper .cm-thank-you {

}
.page-header .cm-thank-you-title.entry-title {
    color: #1c1d20;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    margin: 35px 0 30px;
}
.cm-subscription-info-wrapper {
    margin-bottom: 30px;
}
.cm-subscription-info {

}
.cm-subscription-info .cm-subscription-info-title {
    color: #1c1d20;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
}
.cm-subscription-info-row {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.cm-subscription-info-row b {
    position: relative;
    padding: 3px;
}
.cm-subscription-title {
    color: #1c1d20;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.cm-subscription-price {
    color: #1c1d20;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.cm-subscription-price .cm-subscription-duration {
    color: #42444A;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}
.cm-subscription-exp-date-title,
.cm-subscription-exp-date-value {
    color: #1C1D20;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.cm-subscription-exp-date-title {
    margin-right: 5px;
}

.cm-user-cred-info-wrapper {
    margin-top: 40px;
}

body.page-id-9101 .mp_wrapper.mp_login_form {
    display: none;
}

body.page-id-9101 .site-main .button.button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 18.2px;
    border-radius: 6px;
    font-weight: 500;
    color: #fff;
    background-color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
}

body.page-id-9101 .site-main .button.button-primary:hover {
    color: white;
    background-color: var(--e-global-color-a079023);
    border-color: var(--e-global-color-a079023);
}

.trial-message-wrapper {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.trial-message-icon {
    display: block;
    max-width: 20px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99935 3.33464C6.31745 3.33464 3.33268 6.3194 3.33268 10.0013C3.33268 13.6832 6.31745 16.668 9.99935 16.668C13.6812 16.668 16.666 13.6832 16.666 10.0013C16.666 6.3194 13.6812 3.33464 9.99935 3.33464ZM1.66602 10.0013C1.66602 5.39893 5.39698 1.66797 9.99935 1.66797C14.6017 1.66797 18.3327 5.39893 18.3327 10.0013C18.3327 14.6037 14.6017 18.3346 9.99935 18.3346C5.39698 18.3346 1.66602 14.6037 1.66602 10.0013ZM9.99935 6.2098C10.4596 6.2098 10.8327 6.58289 10.8327 7.04313V10.3765C10.8327 10.8367 10.4596 11.2098 9.99935 11.2098C9.53911 11.2098 9.16602 10.8367 9.16602 10.3765V7.04313C9.16602 6.58289 9.53911 6.2098 9.99935 6.2098ZM9.12451 12.8765C9.12451 12.4162 9.49761 12.0431 9.95785 12.0431H10.0409C10.5011 12.0431 10.8742 12.4162 10.8742 12.8765V12.9598C10.8742 13.1814 10.7859 13.3938 10.629 13.5502C10.472 13.7066 10.2592 13.794 10.0376 13.7931L9.95457 13.7928C9.49562 13.791 9.12451 13.4184 9.12451 12.9595V12.8765Z' fill='%23292FDF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

.trial-message {
    max-width: calc(100% - 28px);
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: var(--e-global-color-secondary);
    margin: 0;
}

.trial-message span {
    font-weight: 600;
}

.cm-thank-you .trial-message-wrapper {
    background-color: var(--e-global-color-5e9eaca);
    padding: 12px;
    max-width: 561px;
    border-radius: 8px;
}

.page-membership-tebs .trial-message-wrapper {
    padding: 0px;
    max-width: 77%;
    margin-top: 10px;
}


.cm-checkout-wrapper .trial-message-wrapper {
    padding: 0;
    margin-bottom: 20px;
}

.cm-checkout-wrapper .trial-message-wrapper.mb-0 {
    margin-bottom: 0;
}

.active-pay-subscription [data-label="Membership"] {
    max-width: 80%;
}

@media screen and ( min-width: 1440px ) {
    body.logged-in.page-id-9101 main.site-main {
        margin-right: 0 !important;
        width: 100%;
        max-width: calc( 100% - 244px);
    }

    body.page-id-9101 main.site-main .page-header,
    body.page-id-9101 main.site-main .page-content {
        margin: 0 auto !important;
        max-width: 1196px;
        width: 100%;
        padding: 0;
    }

    body.logged-in.page-id-9101 main.site-main .page-header,
    body.logged-in.page-id-9101 main.site-main .page-content {
        margin: 0 auto !important;
        max-width: 1196px;
        padding-left: 25px;
        width: 100%;
    }
}
/* End Thank you page styles */

@media(max-width: 768px) {
    .page-membership-tebs .trial-message-wrapper {
        max-width: 90%;
    }
        
    .active-pay-subscription [data-label="Membership"] {
        max-width: 100%;
    }
}

.sidebar-header {
    left: 0;
}