/**
 * catalog detail page
 */

.academy-detail__subtitle {
    font-size: var(--h4Size);
}

.academy-detail__pageTitle__link {
    display: block;
    margin-block-end: 2rem;
    color: var(--baseDark900);
}

.academy-detail__center {
    display: grid;
    grid-template-areas:
        'video'
        'playlist'
        'content';
    gap: var(--marginLarge);
}

.academy-detail__video {
    grid-area: video;
}

.academy-detail__leftContainer {
    grid-area: content;
}

.academy-detail__aside {
    display: none;
    grid-area: playlist;
}

.academy-detail__aside.academy-detail__aside--clone {
    display: block;
}

@media (min-width: 1024px) {
    .academy-detail__aside {
        display: block;
    }
}

@media (min-width: 768px) {
    .academy-detail__center {
        grid-template-areas:
            'video video video video playlist'
            'content content content content playlist';
    }
}

.academy-detail__nav {
    margin-block-end: var(--marginLarge);
}

.academy-detail__nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
    max-width: var(--maxContentWidth);
    margin-inline: auto;
}

.academy-detail__nav li {
    flex: 1;
    text-align: center;
}

.academy-detail__nav a {
    display: block;
    margin-block: var(--marginExtraSmall);
    padding: .75rem .5rem;
    font-size: var(--14Size);
    font-weight: 600;
    border-radius: var(--borderRadiusSmall);
    background-color: var(--baseLight200);
}

.academy-detail__nav li.active a {
    color: var(--baseLight100);
    background-color: var(--primaryColor500);
}

.academy-detail__nav li a:hover {
    text-decoration: none;
    color: var(--baseLight100);
    background-color: var(--primaryColor500);
}

.academy-detail__nav li.active a:hover {
    background-color: var(--primaryColor600);
}

/*.academy-detail__videoTitle {*/
/*    margin-block: 7.5rem 2rem;*/
/*}*/

.academy-detail__description {
    margin-block-end: var(--marginLarge);
}

.academy-teachersList__speaker {
    margin-block-end: var(--marginLarge);
}

.academy-teachersList__speaker__image,
.academy-teachersList__speaker__job-title {
    margin-block-end: var(--marginMedium);
}

/**
 * Sidebar
 */

.academy-playlist__track:not(.is-active) > .c-card {
    background-color: transparent;
}

.academy-playlist__track .c-card__title {
    white-space: initial;
    display: -webkit-box;
    font-size: var(--bodySize);
}

.academy-playlist__thumbnail.c-card__imageWrapper,
.academy-playlist__image.c-card__image {
    border-radius: var(--borderRadius);
}

.academy-playlist__link:hover {
    text-decoration: none;
    background-color: var(--baseLight100) !important;
}

.academy-playlist__track .c-card__contentWrapper {
    padding: var(--marginSmall);
}

.academy-playlist__videoTitle {
    display: block;
}

.academy-playlist__videoDuration {
    top: unset;
    left: unset;
    right: 12px;
    bottom: 12px;
    text-transform: lowercase;
    order: unset;
    margin-block-end: 0;
}

.academy-playlist__extra {
    order: unset;
    margin-block-end: 0;
}

/*.academy-playlist__videoDuration::before {*/
/*    content: "";*/
/*    background: transparent url(../img/icon--time.svg) no-repeat 50% 50%;*/
/*    background-size: 14px 14px;*/
/*    width: 14px;*/
/*    height: 14px;*/
/*    display: inline-block;*/
/*    margin-right: 6px;*/
/*    position: relative;*/
/*    top: 1px;*/
/*}*/

/*.academy-playlist .academy-playlist__details .academy-playlist__locked::before {*/
/*    content: "";*/
/*    background: transparent url(../img/icon--lock--grey.svg) no-repeat 50% 50%;*/
/*    background-size: 100% 100%;*/
/*    width: 9px;*/
/*    height: 12px;*/
/*    display: inline-block;*/
/*    margin-right: 5px;*/
/*    position: relative;*/
/*    top: 1px;*/
/*    opacity: 0.5;*/
/*}*/

/**
 * tabs
 */

.js-tab-content > .js-tab-pane {
    display: none;
    opacity: 0;
}

.js-tab-content > .active {
    display: block;
    animation: fadeIn .25s;
    opacity: 1;
}

.js-tab-content > .js-tab-pane.active {
    display: block;
}

/**
 * Teachers
 */

.mmt-mdp-section-teachers-overview__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(175px, 100%), 1fr));
    gap: var(--gridGap);
}

.academy-teachersList__speaker__figure {
    margin: 0;
}

.academy-teachersList__speaker .c-card__title {
    margin-block-end: var(--14Size);
    font-size: var(--bodySize);
}

/**
 * Video
 */

.academy-detail .academy-detail__video {
    position: relative;
    transition: all .25s ease-in-out;
    min-height: 200px;
    border-radius: .33333rem;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
}

.academy-detail .academy-detail__video.has-message {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}