/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* Do not cut course thumbnail */
.bb-course-preview-wrap img {
    height: 100%;
    width: auto;
    min-width: auto;
}

.bb-learndash-banner:before {
    background: url("../images/llpa-bg.svg");
}

/* Start button */

.ld-content-actions .button {
    height: 38px;
    margin-top: 5px;
}

@media (max-width: 640px) {
    .ld-content-actions .button {
        width: calc(100% - 2em);
        margin-left: 1em;
        margin-right: 1em;
    }
}

/*
Course tag (job role) page
*/

/* Relocate search field */
.tax-ld_course_tag .bs-dir-search {
    float: left;
    margin-right: 15px;
}

@media screen and (max-width: 610px) {
    .tax-ld_course_tag .bs-dir-search {
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }
}

/* Title styles */
.tax-ld_course_tag .bb-courses-header .bb-title {
    padding-top: 32px;
    border-top: 0.5rem solid #007CFF;
}

/* Title and video layout */
.tax-ld_course_tag .bb-courses-header.has-video {
    flex-wrap: wrap;
}

.tax-ld_course_tag .bb-courses-header .title-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.tax-ld_course_tag .bb-courses-header .title-container .bb-title {
    margin-bottom: 32px;
}

.tax-ld_course_tag .bb-courses-header .custom-video-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 610px) {
    .tax-ld_course_tag .bb-courses-header.has-video .title-container {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 48px;
    }

    .tax-ld_course_tag .bb-courses-header.has-video .custom-video-container {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .tax-ld_course_tag .bb-courses-header.has-video .title-container {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .tax-ld_course_tag .bb-courses-header.has-video .custom-video-container {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
}

/**
Do not strike thru completed items
 */

.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview.learndash-complete .ld-topic-title {
    text-decoration: none;
}