@import url('variables.css');

/* Common */

.s-top-gap, .s-top-margin{
    margin-top: 140px !important;
}


/* Header logo on scroll */


.elementor-widget-theme-site-logo{
        img{
            transition: all 300ms ease-in-out;
        }
}

.scroll{
     .elementor-widget-theme-site-logo{
        img{
            width: 90% !important;
        }
     }
}


/* Button */
.elementor-button{
    transition: 300ms ease-in-out all;
}

/* Frontpage user card*/

.user-profile-card{
    .jet-listing-grid{
        .slick-track{
            .jet-listing-grid__item:nth-child(odd){
                margin-top: 100px;
                /* margin-bottom: -100px; */
             
            }

            .jet-listing-grid__item{
                .e-child{
                    position: relative;
                    &:before{
                        content: "";
                        position: absolute;
                        inset: 0;
                        pointer-events: none;
                    }

                }
            }

            /* 1 */
            .jet-listing-grid__item:nth-child(4n + 1) .e-child::before {
            background: linear-gradient(
                0deg,
                var(--th-cyan) 0%,
                rgba(131, 192, 204, 0) 69.23%
            );
            }

            /* 2 */
            .jet-listing-grid__item:nth-child(4n + 2) .e-child::before {
            background: linear-gradient(
                0deg,
                var(--th-pink) 0%,
                rgba(244, 144, 151, 0) 69.23%
            );
            }

            /* 3 */
            .jet-listing-grid__item:nth-child(4n + 3) .e-child::before {
            background: linear-gradient(
                0deg,
                var(--th-purple) 0%,
                rgba(129, 96, 194, 0) 69.23%
            );
            }

            /* 4 */
            .jet-listing-grid__item:nth-child(4n + 4) .e-child::before {
            background: linear-gradient(
                0deg,
                var(--th-yellow) 0%,
                rgba(235, 196, 8, 0) 69.23%
            );
            }
        }
    }
}

/* Course card */

.instructor{
    display: flex;
    align-items: center;

    .instructor-image{
        max-width: 32px;
        max-height: 32px;
          img{
            width: 100%;
            height: 100%;
            border-radius: 50%;

            }
    }

    .instructor-name{
        font-weight: 400;
        margin-left: calc(var(--th-gap) * 0.5);
    }
  
}

.course-price{
    font-weight: 700;
    color: var(--th-white);
}

/* Single course page */

.learndash-wrapper--course{
    .ld-course-status{
        background-color: var(--th-white) !important;

        .ld-course-status-action{
            .ld-enrollment__join-button{
                color: var(--th-white) !important;
                border-radius: var(--th-gap-30);
                cursor: pointer !important;
            }
        }
    }

    /* Hide enrollment/purchase section for non-logged-in users - custom purchase form in sidebar is used instead */
    body:not(.logged-in) & .ld-course-status-not-enrolled {
        /* Hide the second child (enrollment button section) */
        > *:nth-child(2) {
            border-right: 0 !important;
        }

        .status-closed{
            display: none !important;
        }


    }


    .ld-alert-certificate{
        .ld-button{
            border-radius: var(--th-gap);

        }
    }

    .ld-item-list-items{

        .ld-item-list-item{
            border: 0 !important;
            border-radius: var(--th-gap);

        }
        .ld-item-list-item-preview{
            .ld-status-icon{
                margin-top: 0 !important;
            }
        }
    }
}




/* WooCommerce Cart - Hide variation details before metadata */
.woocommerce-cart-form,
.woocommerce-checkout {
    .product-name {
        /* Hide variation content that appears above the dl.variation */
        > a + br,
        > a + br + small {
            display: none !important;
        }
    }
}

/* Ratings and reviews*/

#course-reviews-section{

    .review-top-col{
        .review-top-desc{
            text-align: center;
            font-size: 16px ;
        }
    }

    .filter-options{
        .select-text{
            background-color: var(--th-light-gray) !important;
            border: 0 !important;
            border-radius:  20px;
            padding-left: 20px;
            padding-right: 20px;
            &:focus{
                border: 0 !important;
            }
        }
    }

}

/* Product in cart, checkout */

.product-name, .xoo-wsc-pname{
    >b, ul{
        display: none;
    }
}

.xoo-wsc-pprice{
    display: none;
}

.xoo-wsc-sm-right{
    .xoo-wsc-smr-ptotal{
        display: none;
    }
}

.ldgr-goto-dashboard-div{
    display: none !important;
}