.elementor-670 .elementor-element.elementor-element-fed3a46{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-670 .elementor-element.elementor-element-fed3a46:not(.elementor-motion-effects-element-type-background), .elementor-670 .elementor-element.elementor-element-fed3a46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-670 .elementor-element.elementor-element-b5c9a8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-670 .elementor-element.elementor-element-0c87648{--display:flex;}@media(max-width:1024px){.elementor-670 .elementor-element.elementor-element-fed3a46{--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}}@media(min-width:768px){.elementor-670 .elementor-element.elementor-element-fed3a46{--width:100%;}}@media(max-width:767px){.elementor-670 .elementor-element.elementor-element-fed3a46{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:20%;--padding-bottom:20%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-b3a1e41 */:root {
    --padding-standard: 20px;
    --border-radius: 15px;
    --transition-speed: 0.2s;
    --background-color: #f9f9f9;
    --button-color: #c8c8ff;
    --button-hover-color: #b0b0ff;
    --text-color: #333;
    --caret-size: 8px;
    --caret-color: #333;
    --caret-hover-color: #CAC1EC;
    --active-color: #007bff;
    --transition-duration: 0.3s;
}

/* General Styles */
.momoyoga-lesson,
.momoyoga-lesson-action-booknow,
.momoyoga-lesson-badge {
    border-radius: var(--border-radius);
}

.momoyoga-lesson {
    margin-bottom: var(--padding-standard);
    padding: var(--padding-standard);
    background-color: var(--background-color);
    border-radius: 5px;
}

.momoyoga-lesson-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.momoyoga-lesson-time {
    flex: 0 0 auto;
    min-width: 60px;
    font-weight: bold;
}

.momoyoga-lesson-title {
    flex: 1;
    margin: 0 var(--padding-standard);
    overflow-wrap: break-word;
    hyphens: auto;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: calc(var(--caret-size) * 3.5); /* Increased padding for clickable area */
    cursor: pointer;
}

.momoyoga-lesson-title a {
    font-size: 42px;
    text-transform: none;
    display: block;
    padding: 0.5em 0;
    line-height: 1em;
}

.momoyoga-lesson-title::before {
    content: '';
    position: absolute;
    left: calc(var(--caret-size) - 4px); /* Adjusted left position to align with caret */
    top: 50%;
    border: var(--caret-size) solid transparent;
    border-left-color: var(--caret-color);
    transform: translateY(-50%);
    transition: transform var(--transition-duration) ease, border-left-color var(--transition-duration) ease;
    cursor: pointer;
}

.momoyoga-lesson-title:hover::before {
    border-left-color: var(--caret-hover-color);
}

.momoyoga-lesson-active > .momoyoga-lesson-title::before {
    transform: translateY(-50%) rotate(90deg);
    border-left-color: var(--active-color);
}

.momoyoga-lesson-active > .momoyoga-lesson-title {
    font-weight: bold;
    color: var(--active-color);
}

.momoyoga-lesson-teacher {
    flex: 0 0 auto;
    margin-right: 15px;
    white-space: nowrap;
    display: none;
}

.momoyoga-lesson-action {
    flex: 0 0 auto;
    margin-left: var(--padding-standard);
}

.momoyoga-lesson-action-booknow {
    display: inline-block;
    padding: 15px 50px;
    background-color: #352F32;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transition-speed) ease;
    border-radius: 99px;
}

.momoyoga-lesson-action-booknow:hover {
    background-color: #DED8F3;
    color: #352F32;
    border: 1px solid #CAC1EC;
}

.momoyoga-lesson-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.5em 1em;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    background-color: #DED8F3;
    text-align: center;
    text-transform: uppercase;
    margin-left: 8px;
    border-radius: 99px;
    border: none;
    position: relative;
    overflow: hidden;
}

.momoyoga-lesson-details {
    padding-top: 20px;
    display: none;
}

.momoyoga-lesson-details p {
    position: relative;
    padding-left: 80px;
}

.momoyoga-lesson-details p strong {
    position: absolute;
    left: 0;
    width: 70px;
}

.momoyoga-lesson-details .momoyoga-lesson-description {
    padding-left: 0;
    padding-top: 20px;
}

/* Momoyoga Day and Date */
.momoyoga-day,
.momoyoga-lesson-title a {
    font-family: "Cormorant Garamond", Sans-serif;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}

.momoyoga-day {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 10px;
    padding-top: 20px;
    padding-bottom: 5px;
}

.momoyoga-date {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 5px;
}

/* Badge and Animation */


/* Media Queries */
@media (max-width: 768px) {
    .momoyoga-lesson-line {
        flex-wrap: wrap;
    }

    .momoyoga-lesson-time,
    .momoyoga-lesson-title,
    .momoyoga-lesson-teacher,
    .momoyoga-lesson-action {
        flex-basis: 100%;
        margin: 5px 0;
    }

    .momoyoga-lesson-action-booknow {
        display: block;
        text-align: center;
    }

    .momoyoga-lesson-title {
        white-space: normal;
        overflow: visible;
    }

    .momoyoga-day,
    .momoyoga-date {
        margin-bottom: 5px;
        padding-top: 15px;
    }

    .momoyoga-lesson-title a {
        font-size: 26px;
        line-height: 1em;
    }
}

/* Keyframes */

    100% { left: 100%; }
}


    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Browser Support Fallback */
@supports not (.elementor-670 .elementor-element.elementor-element-b3a1e41(:has(*))) {
    .momoyoga-lesson-details:not([style*="display: none"]) ~ .momoyoga-lesson-title::before,
    .momoyoga-lesson-details[style*="display: block"] ~ .momoyoga-lesson-title::before {
        transform: translateY(-50%) rotate(90deg);
        border-left-color: var(--active-color);
    }

    .momoyoga-lesson-details:not([style*="display: none"]) ~ .momoyoga-lesson-title,
    .momoyoga-lesson-details[style*="display: block"] ~ .momoyoga-lesson-title {
        font-weight: bold;
        color: var(--active-color);
    }
}/* End custom CSS */