/*!
Theme Name: Kadence Child - The Judi Academy
Template: kadence
Author: Kadence WP
Description: A child theme for the Kadence Theme edited by lardi support@thejudiacademy.com .
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/** courses Archive **/
.course-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Four columns */
    gap: 20px; /* Space between items */
}

.course-item {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
}

.course-item img {
    width: 100%;
    border-radius: 8px;
}

.course-item h2 {
    font-size: 17px;
    margin: 5px 0 0 0;
}

.course-item .course-code {
    font-size: 11px;
    color: #999999;
}


.course-item .course-tag {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid rgba(222, 222, 222, 0.867);
}

h2.child-tag-title {
    margin: 35px 0 15px 0;
    font-size: 20px;
}

.course-properties {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns */
    gap: 10px; /* Space between properties */
    margin-top: 10px;
}

.course-property {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
}

.course-property svg {
    width: 20px;
    color: #63ad9e;
    margin-right: 5px; /* Space between icon and text */
}

.course-item.course-type-closed img {
    filter: grayscale(1);
    opacity: 0.4;
}

.course-type-closed {
    position: relative;
}

.closed-text {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 7px;
    padding: 2px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.closed-text svg {
    height: 15px;
    width: 15px;
    margin-right: 5px;
}

.course-item.course-type-closed {
    background-color: #fafafa;
}

.course-item.course-type-closed h2,
.course-item.course-type-closed .course-property {
    color: #ccc;
}

.course-item.course-type-closed svg {
    opacity: 0.5;
}

.course-item .course-status {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.course-item .free-price {
    padding: 8px;
    border: 1px solid #9e9e9e;
    border-radius: 8px;
    margin-right: 10px;
    color: #777777;
}

.course-item .enroll-button {
    padding: 8px;
    background-color: #008f72;
    color: #fff;
    border-radius: 8px;
    flex: 1;
    text-align: center;
}

.course-item .enroll-button.timer {
    background-color: #ca7424;
}

.course-item .enroll-button:hover {
    background-color: #14aa8c;
}

.course-item .course-code-pogress-container {
    margin-top: 10px;
}


/* For phones (max width 768px or adjust as needed) */
@media (max-width: 768px) {
    .course-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Optional: For very small phones (max width 480px) */
@media (max-width: 480px) {
    .course-grid {
        grid-template-columns: 1fr;
    }
}
body.page-id-1765 .path-header-wrapper {
    display: none;
}

/* course page */

.ld-section-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ld-section-heading .pre-course {
    flex-basis: 100%; 
    flex-grow: 0;
    flex-shrink: 0; 
    width: 100%; 
    margin-bottom: 20px;
}

.single-sfwd-courses .learndash-wrapper .ld-tab-count-1 {
    padding: 10px 20px;
    background-color: #e9f2f0;
    border-radius: 7px;
    z-index: 1;
    position: relative;
}

.single-sfwd-courses .ld-course-status.ld-course-status-not-enrolled {
    border-radius: 10px;
    margin: 5px 30px!important;
    z-index: 10;
    position: relative;
    background: #ffffff!important;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.single-sfwd-courses .ld-section-heading h3 {
    font-size: 20px!important;
}

.pre-course .accordion-content {
    display: flex;
}

.pre-course .accordion-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pre-course .left-column,
.pre-course .right-column {
    flex: 1; 
    min-width: 0;
}

.pre-course .right-column {
    flex: 0 0 40%;
}

.pre-course .left-column {
    flex: 0 0 56%;
}

.block-container.course-structure {
    padding: 0 15px 15px 15px;
    border: 2px solid #b0d6cd;
    border-radius: 10px;
    color: #5a7771;
    background: #f7fdfc;
}

.pre-course .block-container h3 {
    border-bottom: 2px solid #cee4df;
    padding-bottom: 6px;
    margin-bottom: 19px;
}

.accordion-content p {
    margin-bottom: 0!important;
}

.accordion-content .block-container {
    margin-bottom:20px;
}

/* Responsive styling for smaller screens */
@media screen and (max-width: 768px) {
    .pre-course .left-column,
    .pre-course .right-column {
        flex: 0 0 100%; /* Full width for both columns */
    }
}

/* course Group */

.ld-item-list-items.ld-group-courses,
body.groups-template-default .learndash-wrapper .ld-item-list .ld-section-heading {
    display: none;
}