/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1756550695
Updated: 2025-08-30 10:44:55

*/



/* 1. Full-Width Featured Image */
.ld-featured-image {
    width: 100% !important; /* Make the image full width */
    max-width: 100%;
    height: auto;
    margin-bottom: 20px; /* Add some space below the image */
}

/* 2. Layout with Flexbox: Featured Image and Sidebar */
.learndash-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Add some gap between content and sidebar */
}

/* 3. Main Content Area (Course Content) */
.ld-layout__content {
    flex: 1 1 70%; /* Main content takes up 70% width */
    padding-right: 20px;
}
div#customer_login h2 {
    font-size: 24px !important;
    font-family: 'Outfit';
    font-weight: 600;
}
form.woocommerce-form label, .woocommerce-form__label-for-checkbox span, 
.woocommerce-privacy-policy-text p, form p,
.woocommerce-ResetPassword label, 
.woocommerce-MyAccount-content-wrapper label,
.woocommerce-MyAccount-content-wrapper em,
.woocommerce-MyAccount-content-wrapper p{
    font-size: 16px !important;
    font-family: 'Outfit' !important;
    font-weight: 400 !important;
    color: #242424 !important;
}
button.woocommerce-button.button.woocommerce-form-login__submit, 
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
button.woocommerce-Button.button{
	padding: 8px 30px !important;
    background-color: #4D51DB !important;
	border:1px solid !important;
    font-family: "Outfit", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 23px !important;
    color: #FFFFFF !important;
    border-color: #4D51DB !important;
    border-radius: 36px 36px 36px 36px !important;
}
button.woocommerce-button.button.woocommerce-form-login__submit:hover , 
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover,
button.woocommerce-Button.button:hover{
	background-color: #FBFBFB!important;
	border:1px solid !important;
    color: var(--e-global-color-secondary)!important;
    border-color: var(--e-global-color-secondary)!important;
}
/* 4. Sidebar Styling */
.ld-layout__sidebar {
    flex: 0 0 300px; /* Sidebar takes up 300px */
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.page-id-1762 .elementor a {
    text-decoration: none !important;
}

/* 5. Style the Sidebar for Smaller Devices */
@media (max-width: 768px) {
    .learndash-wrapper {
        flex-direction: column; /* Stack content and sidebar vertically on small screens */
    }

    .ld-layout__content {
        flex: 1 1 100%; /* Content takes up full width */
    }

    .ld-layout__sidebar {
        flex: 0 0 100%; /* Sidebar takes up full width */
        margin-top: 20px;
    }
}

/* 6. Style the Course Pricing */
.ld-enrollment__pricing {
    margin-bottom: 20px;
}

.ld-enrollment__pricing-label {
    font-weight: bold;
    font-size: 1.2rem;
    color: #333;
}

.ld-enrollment__pricing-price {
    font-size: 1.5rem;
    font-weight: bold;
    color: #6c5ce7;
}

/* 7. Button Styling */
.ld-enrollment__join-button {
    display: block;
    width: 100%;
    background-color: #4D51DB!important;
    color: white;
    text-align: center;
    padding: 12px;
    font-size: 1.2rem;
    border-radius: 5px;
    margin-top: 15px;
    text-decoration: none;
}

.ld-enrollment__join-button:hover {
	color:#4D51DB!important;
	 border:1px solid #4D51DB!important;
    background-color: #FFF!important;
}
.single-sfwd-courses main#content,  .single-sfwd-courses h1.entry-title {
    max-width: 1290px !important;
}
/* 8. Completion Awards */
.ld-details__heading {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.ld-details__item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.ld-details__icon-wrapper {
    margin-right: 10px;
}

.ld-details__label--points b {
    color: #6c5ce7;
}