/**
 * description: Styling sheet for the single.php file in v2 skin
 * author: TaleWind Digital
 * date created: April 17, 2026
 * @package Hex
 */

.tw-hide-breadcrumbs .wb-single.wb-single-v2 .wb-single-content .jwplayer{
    margin-bottom: 1rem;
}

.wb-single.wb-single-v2 .wb-single-content .jwplayer .jw-wrapper {
    background-color: transparent;
}

.wb-single.wb-single-v2 .wb-single-content .jwplayer,
.wb-single.wb-single-v2 .wb-single-content .wb-post-preview-image img {
    border-radius: 16px;
}

.wb-single.wb-single-v2 .wb-single-content .wb-title-ent-v2-wrapper .wb-title-ent-v2 {
    margin-bottom: 0;
}

.wb-single.wb-single-v2 .wb-single-content .tw-author-date-ue-wrapper {
    gap: 10px;
}

.wb-single.wb-single-v2 .wb-single-content .tw-author-date-ue-wrapper p.wb-ent-post-publish-date {
    margin-bottom: 0;
}

.wb-single.wb-single-v2 .wb-single-content .tw-author-date-ue-wrapper .wb-author-ent-v2-skin {
    flex: auto;
    max-width: max-content;
}

.wb-single.wb-single-v2 .wb-single-content .wb-description-collapse-btn > span.wb-collapse-show-more > i.fa,
.wb-single.wb-single-v2 .wb-single-content .wb-description-collapse-btn > span.wb-collapse-show-less > i.fa {
    font-size: 15px;
    top: 0;
}

.wb-single.wb-single-v2 .wb-single-content .tw-author-date-ue-wrapper .wb-author-ent-v2-skin p.wb-ent-date-location {
    margin-bottom: 0;
}

.wb-single.wb-single-v2 .wb-single-content .wb-post-attachments-wrapper h3,
.wb-single.wb-single-v2 .wb-single-content .wb-post-attachments-wrapper h2,
.wb-single.wb-single-v2 .wb-single-content .course-details-box strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-resources-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-preview-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-chapters-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-credits-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-badges-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-pathways-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-bundle-courses-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-bundle-credits-label strong {
    font-size: 18px;
    margin-bottom: 15px;
}

.wb-single.wb-single-v2 .wb-single-content .course-details-box strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-resources-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-preview-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-chapters-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-credits-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-badges-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-course-pathways-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-bundle-courses-label strong,
.wb-single.wb-single-v2 .wb-single-content .wb-bundle-credits-label strong {
    color: #000000;
    font-style: normal;
    font-weight: bold;
    line-height: 19px;
}

.wb-single.wb-single-v2 .wb-single-content .wb-course-chapter-tabs .wb-course-modules-tab .tab-pane,
.wb-single.wb-single-v2 .wb-single-content .wb-bundle-courses-tab .tab-pane {
    padding-right: 15px;
    padding-left: 15px;
}

.wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section {
    gap: 1.5rem;
}

/* Equal halves when both tags and resources are present; a lone child fills the row */
.wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section > * {
    flex: 1 1 0;
}

.wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .tw-post-tags .wb-post-attachments-wrapper {
    min-width: 50%;
}

.wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .wb-post-attachments-wrapper {
    background-color: #F6F6F6;
    border-radius: 16px;
    padding: 16px;
    min-width: 35%;
}

.wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .tw-post-tags .wb-post-attachments-wrapper {
    background-color: transparent;
    padding: 0;
}

.tw-collapsible-resources {
    overflow: hidden;
    max-height: 200px;
    position: relative;
}

.tw-collapsible-resources::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to top, rgb(246 246 246) 0%, rgb(255 255 255 / 0%) 100%);
}

.tw-collapsible-resources.expanded::after {
    display: none !important;
}

.tw-collapsible-resources.expanded {
    max-height: 100%;
}

.tw-resources-collapse-btn {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 8px 0 8px;
    cursor: pointer;
}

.tw-resources-collapse-btn > span.wb-collapse-show-more,
.tw-resources-collapse-btn > span.wb-collapse-show-less {
    font-size: 14px;
}

.tw-resources-collapse-btn > span.wb-collapse-show-more > i.fa,
.tw-resources-collapse-btn > span.wb-collapse-show-less > i.fa{
    font-size: 15px;
    position: relative;
}

.tw-resources-collapse-btn[aria-expanded="true"] > span.wb-collapse-show-more {
    display: none !important;
}

.tw-resources-collapse-btn[aria-expanded="false"] > span.wb-collapse-show-less {
    display: none !important;
}

.tw-collapsible-resources a.wb-post-attachment-actions {
    background-color: #ffffff;
    border-radius: 20px;
    display: flex !important;
    justify-content: start;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse;
    text-decoration: none !important;
    margin-bottom: 7px !important;
    font-weight: 700;
    padding: 8px 16px;
    width: 100%;
    max-width: 100%;
}

.tw-collapsible-resources a.wb-post-attachment-actions i.fas.fa-download{
    font-size: 20px;
}

.wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .tw-post-tags .wb-ent-keywords-widget ul li a.btn.btn-secondary {
    background-color: #F6F6F6 !important;
}

.wb-single.wb-single-v2 .wb-single-content .wb-description-collapse-btn .wb-collapse-show-more,
.wb-single.wb-single-v2 .wb-single-content .wb-description-collapse-btn .wb-collapse-show-less {
    background-color: #F6F6F6;
    border-radius: 20px;
    padding: 8px 16px;
}

.wb-single.wb-single-v2 .wb-single-content .wb-sponsored-content-badge {
    margin-bottom: 10px;
}

.wb-ent-description-widget.wb-summary .wb-description-ent-v2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.wb-share-modal .modal-content,
.modal-content.wb-ent-modal-content,
.modal-content.wb-lms-modal-content {
    border-radius: 18px !important;
}

.wb-share-modal .modal-content .modal-header,
.modal-content.wb-ent-modal-content .modal-header.wb-ent-modal-header,
.modal-content.wb-lms-modal-content .modal-header {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.modal .modal-header .close:focus-visible {
    outline: 4px auto -webkit-focus-ring-color;
    box-shadow: 0 0 0 .2rem #fff, 0 0 0 .35rem #069;
}

.wb-single.wb-single-v2 .wb-single-content .wb-post-price-container {
    margin-top: 1rem;
}

.wb-single.wb-single-v2 #wb-ent-sidebar-widget .wb-header-subs-search-tablet-container {
    display: none !important;
}

.wb-share-modal .modal-content .wb-sc-social-widget .wb-ent-social-sharebar-links .wb-social-share-item > a {
    border-radius: 16px;
}

@media (max-width: 1024px) {
    .wb-single-content.px-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .wb-single.wb-single-v2 .wb-ent-has-banner .tw-author-date-wrapper {

    }

    .wb-single.wb-single-v2 .wb-ent-has-banner .wb-ue-media-action-btns.v2 {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section {
        flex-wrap: wrap;
    }

    .wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .tw-post-tags .wb-post-attachments-wrapper {
        min-width: 50%;
    }

    .wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .tw-post-tags,
    .wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .wb-post-attachments-wrapper {
        min-width: 50%;
        width: 100%;
    }
}

@media (max-width: 670px) {
    .wb-single.wb-single-v2 .wb-ent-no-banner .tw-author-date-wrapper {

    }

    .wb-single.wb-single-v2 .wb-ent-no-banner .wb-ue-media-action-btns.v2 {
        width: 100% !important;
    }
}


@media (max-width: 575.98px) {
    .wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .tw-post-tags .wb-post-attachments-wrapper {
        min-width: 100%;
    }

    .wb-single.wb-single-v2 .wb-single-content .tw-post-tags-resources-section .wb-post-attachments-wrapper {
        min-width: 100%;
    }
}