/* Mediateka submenu */
.drama-mediateka--page-parent-submenu.elementor-element nav.elementor-nav-menu--main ul li.menu-item a {
    background-color: var(--color-gray-80);
    transition: background-color var(--transition-time) ease;
}

.drama-mediateka--page-parent-submenu.elementor-element nav.elementor-nav-menu--main ul li.menu-item:not(:last-of-type) a {
    border-right: 1px solid var(--color-gray-96);
}

.drama-mediateka--page-parent-submenu.elementor-element nav.elementor-nav-menu--main ul li.menu-item:hover a,
.drama-mediateka--page-parent-submenu.elementor-element nav.elementor-nav-menu--main ul li.menu-item.current-menu-item a,
.drama-mediateka--page-parent-submenu.elementor-element nav.elementor-nav-menu--main ul li.menu-item.current-page-ancestor a {
    background-color: var(--color-white);
}

.drama-mediateka--page-parent-submenu.elementor-element nav.elementor-nav-menu--main ul li.menu-item.current-page-ancestor a {
    color: var(--color-brand-primary);
}

.drama-mediateka--page-submenu .elementor-element .elementor-widget-container ul.elementor-nav-menu li.menu-item {
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid var(--color-brand-primary);
    border-radius: 8px;
    transition: background-color var(--transition-time) ease;
}

.drama-mediateka--page-submenu.elementor-element .elementor-widget-container ul.elementor-nav-menu li.menu-item:not(.current-menu-item) {
    background-color: var(--color-white);
}

.drama-mediateka--page-submenu.elementor-element .elementor-widget-container ul.elementor-nav-menu li.menu-item:hover,
.drama-mediateka--page-submenu.elementor-element .elementor-widget-container ul.elementor-nav-menu li.menu-item.current-menu-item {
    background-color: var(--color-brand-primary);
}

.drama-mediateka--page-submenu.elementor-element .elementor-widget-container ul.elementor-nav-menu li.menu-item:hover > a,
.drama-mediateka--page-submenu.elementor-element .elementor-widget-container ul.elementor-nav-menu li.menu-item.current-menu-item > a {
    color: var(--color-white);
}
/* END of Mediateka submenu */

/* Mediateka List Items SHORTCODE */
.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper .svg-wrapper {
    pointer-events: none;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper {
    width: calc(25% - 30px);
    margin-bottom: 46px;
    border-bottom: 8px solid transparent;
    transition: border-bottom-color var(--transition-time) ease;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(:nth-of-type(4n)) {
    margin-right: 40px;
}

@media (max-width: 1438px) {
    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper {
        width: calc(33% - 20px);
    }

    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(:nth-of-type(4n)) {
        margin-right: 0;
    }

    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(:nth-of-type(3n)) {
        margin-right: 30px;
    }
}

@media (max-width: 767px) {
    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper {
        width: calc(50% - 20px);
    }

    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(:nth-of-type(3n)) {
        margin-right: 0;
    }

    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(:nth-of-type(2n)) {
        margin-right: 40px;
    }
}

@media (max-width: 480px) {
    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper {
        width: 100%;
    }

    .drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(:nth-of-type(2n)) {
        margin-right: 0;
    }
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:hover {
    border-bottom-color: var(--color-brand-primary);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper .image-and-text--box {
    position: relative;
    height: 180px;
    margin-bottom: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box {
    background-color: rgba(204, 204, 204, .3);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-publish .image-and-text--box .img-overlay-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper .image-and-text--box .svg-wrapper {
    position: absolute;
    top: 50%;
    lefT: 50%;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private:hover .image-and-text--box .svg-wrapper {
    display: none;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(.item-status-private) .image-and-text--box .svg-wrapper {
    background-color: var(--color-brand-primary);
}
.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box .svg-wrapper {
    background-color: var(--color-gray-40);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper .image-and-text--box .login-text-info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private:hover .image-and-text--box .login-text-info {
    display: flex;
    flex-wrap: wrap;
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box .login-text-info .text-wrapper,
.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box .login-text-info .button-wrapper {
    width: 100%;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box .login-text-info .text-wrapper {
    font-size: 1.6rem;
    line-height: 1.5;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box .login-text-info .button {
    padding: 10px 22px;
    border: 1px solid var(--color-brand-primary);
    border-radius: 8px;
    font-size: 1.6rem;
    line-height: 1.75;
    color: var(--color-white);
    background-color: var(--color-brand-primary);
    transition: color var(--transition-time) ease, background-color var(--transition-time) ease;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box .login-text-info .button:hover {
    color: var(--color-brand-primary);
    background-color: var(--color-white);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .image-and-text--box .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(204, 204, 204, .3);
    z-index: 3;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private:hover .image-and-text--box .overlay {
    background-color: rgba(204, 204, 204, .65);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper .item-title {
    margin-bottom: 24px;
    font-size: 2rem;
    line-height: 1.4;
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper:not(.item-status-private) .item-title {
    color: var(--color-black);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper.item-status-private .item-title {
    color: var(--color-gray-40);
}

.drama-mediateka--list-items--section .drama-mediateka--list-item--wrapper .item-title a {
    color: inherit;
}
/* END of Mediateka List Items SHORTCODE */

/* mediateka list items */
.drama-mediateka--list-item  {
    position: relative;
}

.drama-mediateka--list-item .drama-mediateka--list-item--column-wrapper .elementor-posts-container .elementor-post__thumbnail {
    height: 180px;
    padding-bottom: 0 !important;
}

.drama-mediateka--list-item .drama-mediateka--list-item--column-wrapper .elementor-posts .elementor-post__thumbnail::after {
    position: absolute;
    content: url("../../images/icn-play-color-white.svg");
    top: calc(50% - 22px);
    left: calc(50% - 22px);
    padding: 7px 7px 1px 8px;
    border-radius: 50%;
    background-color: var(--color-brand-primary);
    z-index: 5;
}

.drama-mediateka--list-item--column-wrapper .elementor-posts .elementor-post__text a {
    color: var(--color-black);
}

.drama-mediateka--list-item .drama-mediateka--list-item--column-wrapper .mediateka-video-image {
    position: relative;
    height: 178px;
    overflow: hidden;
}

.drama-mediateka--list-item a .mediateka-video-image img {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: all var(--transition-time);
    transform: scale(1.02);
}

.drama-mediateka--list-item a:hover .mediateka-video-image img {
    transform: scale(1.06);
}

.drama-mediateka--list-item .dramateka-icon {
    position: absolute !important;
    width: min-content !important;
    top: 76px;
    left: calc(50% - 22px);
    border-radius: 50%;
    z-index: 5;
}

.drama-mediateka--list-item .dramateka-icon svg {
    width: 44px;
    height: 44px;
    padding: 6px;
    border-radius: 50%;
    background: var(--color-brand-primary);
}

.drama-mediateka-taxonomoy-parent-links {
    display: flex;
}

.drama-mediateka-taxonomoy-parent-links .drama-mediateka-main-terms {
    padding: 27px 40px;
    width: fit-content;
    border-right: 2px solid var(--color-gray-96);
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    background-color: var(--color-white);
    transition: background-color var(--transition-time);
}
@media (max-width: 768px) {
    .drama-mediateka-taxonomoy-parent-links .drama-mediateka-main-terms {
        padding: 20px 20px;
    }
}

.drama-mediateka-taxonomoy-parent-links a.not-active {
    color: var(--color-gray-40);
}

.drama-mediateka-taxonomoy-parent-links a.not-active:hover .drama-mediateka-main-terms {
    color: var(--color-brand-primary);
    background-color: var(--color-white);
}

.drama-mediateka-taxonomoy-parent-links a.not-active .drama-mediateka-main-terms {
    background-color: var(--color-gray-80);
}

.drama-mediateka-buttons-tax-holder {
    display: flex;
    flex-wrap: wrap;
}

.drama-mediateka-buttons-tax-holder .button-line {
    margin-right: 24px;
    margin-bottom: 24px;
}

.drama-mediateka-buttons-tax-holder .button-line:last-of-type {
    margin-right: 0;
}

.drama-mediateka-buttons-tax-holder .button-line .elementor-widget-container .elementor-button-wrapper a {
    padding: 12px 10px;
}

.drama-notification {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: right;
}

.drama-notification::after {
    content: url("../../images/icn-notification-color-white.svg");
    position: absolute;
    top: -7px;
    padding: 6px 8px 0;
    margin-left: 12px;
    border-radius: 50%;
    background-color: var(--color-brand-primary);
}

/* mediateka single video */
.drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation .post-navigation__prev--label,
.drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation .post-navigation__next--label {
    margin-bottom: 8px;
}

.drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation .elementor-post-navigation__link__prev {
    padding-right: 40px;
}

.drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation .elementor-post-navigation__link__next {
    padding-left: 40px;
}

.drama-mediateka__videoposnetek-single__pagination .fa-chevron-circle-left:before,
.drama-mediateka__videoposnetek-single__pagination .fa-chevron-circle-right:before {
    content: '';
    padding-right: 1px;
}

.drama-mediateka__videoposnetek-single__pagination .fa-chevron-circle-left:after {
    content: url("../../images/drama-icon-arrow-left-white.svg");
    position: absolute;
    top: -5px;
    left: 14px;
    color: var(--color-white);
    z-index: 5;
}

.drama-mediateka__videoposnetek-single__pagination .fa-chevron-circle-right:after {
    content: url("../../images/drama-icon-arrow-right-white.svg");;
    position: absolute;
    top: -5px;
    left: 17px;
    color: var(--color-white);
    z-index: 5;
}

.drama-mediateka__videoposnetek-single__pagination .fa-chevron-circle-left,
.drama-mediateka__videoposnetek-single__pagination .fa-chevron-circle-right {
    width: 40px;
    border-radius: 50%;
    background-color: var(--color-brand-primary);
}

@media (max-width: 768px) {
    .drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation {
        flex-direction: column-reverse;
    }

    .drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation .elementor-post-navigation__link {
        width: 100%;
    }

    .drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation .elementor-post-navigation__link {
        width: 70%;
    }

    .drama-mediateka__videoposnetek-single__pagination .elementor-post-navigation__next.elementor-post-navigation__link {
        align-self: flex-end;
        margin-bottom: 30px;
    }

}