/* 
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 */

@font-face {
    font-family: 'Turbinado Pro';
    src: url('/wp-content/uploads/2025/10/TurbinadoPro.ttf') format('truetype');
    font-style: normal;
}


.banner-area h1.elementor-heading-title span {
   font-family: 'Turbinado Pro';
    font-weight: 400;
    font-size: 140%;
}



.course-list-area .ld-course-list-items .ld_course_grid .entry-title {
    font-size: 20px;
    font-family: "Mauren-Regular", Sans-serif;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px !important;

}

.course-list-area .ld-course-list-items .ld_course_grid .thumbnail .caption {
    padding: 18px 15px !IMPORTANT;
    background: #F0F0F0;
        border-radius: 0 0 8px 8px;
}


.ld-course-list-items .ld_course_grid .thumbnail.course {
    border-radius: 8px !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course img {
    border-radius: 8px 8px 0 0;
}

.course-list-area .ld-course-list-items .ld_course_grid .btn {
    font-family: "Poppins", Sans-serif;
    background: #19A6D9;
    border: 1px solid;
}

.course-list-area .ld-course-list-items .ld_course_grid .btn:hover {
    background: #1F3047;
}

.course-list-area .ld-course-list-items .ld_course_grid .btn {
    border: 0;
    border-radius: 8px;
}

.course-list-area .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon,
.course-list-area .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
    background: #19A6D9;
}

.ld-lt-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ld-lt-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
}

.course-content-right-col {
    border-radius: 8px;
    overflow: hidden;
}

.course-content-area .ld-section-heading h2 {
    font-weight: 600 !important;
    font-size: 26px !IMPORTANT;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
    background: #1F3047;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    background: #F6F7F9 !IMPORTANT;
    border: 1px solid #ddddddad;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title {
    font-weight: 600 !important;
    color: #1F3048 !important;
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-text {
    display: none;
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    width: 18px !important;
    height: 18px;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: normal;
    font-size: 8px;
}

.course-info-card {
    border-radius: 8px;
    overflow: hidden;
}

nav.rank-math-breadcrumb a {
    color: #19A6D9;
}

.ld-course-status.ld-course-status-enrolled {
    align-items: center;
}


.ld-progress-percentage.ld-secondary-color {
    color: #19A6D9 !important;
    font-weight: 700 !important;
}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats {
    line-height: 1.3;
}

.learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .ld-tooltip:not(.ld-tooltip--modern) [role="tooltip"], .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join:not(.ld--ignore-inline-css), .learndash-wrapper #btn-join:not(.ld--ignore-inline-css), .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css), .learndash-wrapper .ld-expand-button:not([disabled]), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:not([disabled]), .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit']:not([disabled]), .learndash-wrapper .ld-login-modal .ld-login-modal-register:not([disabled]), .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:not([disabled]), .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:not([disabled]), #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close:not([disabled]), .learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon {
    color: #fff;
}

.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress {
    flex-wrap: wrap;
}




.course-enroll-info-area .ld-course-status.ld-course-status-not-enrolled {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: -20px;
}

.course-enroll-info-area .ld-course-status.ld-course-status-not-enrolled section.ld-course-status-segment {
    width: 100%;
    border: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.course-enroll-info-area .ld-course-status.ld-course-status-not-enrolled section.ld-course-status-segment * {
    margin: 0;
}

.course-enroll-info-area .ld-course-status.ld-course-status-not-enrolled section.ld-course-status-segment h2 {
    color: #333333;
    font-size: 14px;
    font-weight: 600 !important;
}

.course-enroll-info-area .ld-course-status.ld-course-status-not-enrolled section.ld-course-status-segment button.ld-button {
    padding: 5px;
    border-radius: 40px;
    line-height: 1;
    border: 0;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
}

.elementor-widget-ld-course-infobar .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-price .ld-course-status-price {
    color: #19A6D9;
}

div#ld-infobar__course-status-tooltip--not-enrolled {
    display: none;
}


.course-content h2, .course-content h3, .course-content h4, .course-content h5 {
    font-family: "Mauren-Regular", Sans-serif;
}



.course-content h2 {
    font-size: 1.6rem;
}

.course-content h3 {
    font-size: 1.4rem;
}

.course-content h4 {
    font-size: 1.25rem;
}

.course-content h5 {
    font-size: 1.1rem;
}


.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-login-modal-branding {
    display: none;
}

.learndash-wrapper .ld-login-modal {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute !IMPORTANT;
    transform: translate(-50% , -50%);
    left: 50%;
    top: 50%;
    max-width: 600px;
    max-height: 560px;
    width: 90%;
}


.learndash-wrapper .ld-login-modal .ld-login-modal-wrapper {
    max-width: 100%;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-wrapper {
    background: #F0F0F0;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview {
    background: #F0F0F0;
}


.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item {
    border-color: #bfbaba;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list {
    background: #fff;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before {
    background: #F0F0F0;
}

.learndash-wrapper .ld-focus .ld-focus-header {
    background: #F0F0F0;
}

.ld-tooltip--initialized [role=tooltip] {
    top: 23px;
    left: 33px;
    border: 0 !important;
    max-width: 318px;
}


.my-account-page div#ld-main-course-list .ld-item-list-item {
    background: #F0F0F0 !important;
    border-color: #DDDDDD !important;
    border-radius: 8px !IMPORTANT;
}


.my-account-page div#ld-main-course-list .ld-item-list-item {
    background: #F0F0F0 !important;
    border-color: #DDDDDD !important;
    border-radius: 8px !IMPORTANT;
}

.my-account-page .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress {
    background: #F1FBFE;
    padding: 10px;
    margin: 0 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}


.learndash-wrapper #ld-profile .ld-section-heading .ld-expand-button {
    max-width: 140px;
}

.learndash-wrapper.ld-modal-open .ld-modal {
    border-radius: 8px !important;
}

.course-list-area .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon, .course-list-area .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
    display: none;
}

.course-enroll-info-area .ld-course-status.ld-course-status-not-enrolled section.ld-course-status-segment.ld-course-status-seg-price.ld-course-status-mode-free {
    display: none;
}


@media screen and (min-width: 1025px){
    
    .course-content-right-col {
        top: -160px;
    }
    
    .my-account-page div#ld-main-course-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-top: 40px;}


    .my-account-page div#ld-main-course-list .ld-item-list-item {margin: 0;}
}


@media screen and (max-width: 1025px){
    
    .course-enroll-info-area .ld-course-status.ld-course-status-not-enrolled section.ld-course-status-segment {
        padding: 0 15px;
    }
    
    .my-account-page .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
        position: relative;
        padding-right: 34px;
    }

    .my-account-page .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {margin-top: 9px;}

    .my-account-page .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details .ld-expand-button {
        position: absolute;
        right: 0;
        width: 15px;
        height: 15px;
        top: 25px;
        right: 10px;
    }

    .my-account-page .learndash-wrapper .ld-progress .ld-progress-heading, .learndash-wrapper .ld-progress .ld-progress-heading.ld-progress-inline {
        flex-direction: row;
    }
    
}