/*===========================================================
 Responsive
============================================================*/
.open-lesson-menu {
    display: none;
}
body.single .heading-padding {
    margin-top: 173px;
}
body.single.admin-bar .heading-padding {
    margin-top: 173px;
}
@media (max-width: 1399px) {
    .events-date {
        max-width: 200px;
    }

    .events-card .arrow-box {
        margin-right: 0 !important;
    }
    .events-card a:hover .arrow-box {
        margin-left: 0 !important;
    }
    .exhibition-nav-box {
        width: 240px;
    }
}

@media (max-width: 1199px) {
    .events-date {
        max-width: 130px;
    }
    .events-text {
        max-width: 490px;
    }
    .play-btn-box {
        top: 0;
    }
    .exhibition-nav-box {
        width: 230px;
    }
    .single-lesson-material-header h1 {
        font-size: 60px;
    }
}

@media (max-width: 991px) {
    .events-date {
        max-width: 200px;
    }
    .events-text {
        max-width: 100%;
    }
    .slideout-menu-left a {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .exhibition-box {
        display: flex;
        flex-direction: column;
    }
    .lesson-units-filter form {
        display: flex;
        flex-wrap: wrap;
    }
    .lesson-units-filters label {
        display: none;
    }
    .masonry-grid .masonry-item:nth-child(2),
    .masonry-grid .masonry-item:nth-child(4),
    .masonry-grid .masonry-item:nth-child(6),
    .masonry-grid .masonry-item:nth-child(8) {
        margin-top: 0;
    }
    .masonry-grid {
        grid-template-columns: 1fr;
    }
    body.single .heading-padding {
        margin-top: 77px !important;
    }
    .event-header .col-1.empty,
    .event-thumbnail + .col-1.empty {
        display: none;
    }
    .event-header .col-5.event-meta,
    .event-header .col-6.event-title,
    .event-content .col-5.event-thumbnail,
    .event-content .col-6.event-content {
        width: 100%;
    }
    .different-wars {
        padding-left: 15px;
        padding-right: 15px;
    }
    .vc_col-sm-3 {
        width: 0%;
    }
    .vc_col-sm-9 {
        width: 100%;
    }
    .exhibition-box .vc_column_container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .single-lesson-material-header h1 {
        font-size: 48px;
    }
    /* header */
    .panel-header {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        z-index: 1000;
        transition: 0.5s;
    }
    .slideout-menu {
        padding-top: 175px;
    }
    .slideout-open .panel-header {
        /* transform: translateX(256px); */
    }
    .heading-padding {
        margin-top: 77px !important;
    }

    .wb-has-toc .open-lesson-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px;
    }
    .single-lesson-content .lesson-navigation .wpb-toc {
        padding-top: 20px;
    }
    .is-open .exhibition-nav-box {
        padding-top: 40px;
    }
    .lesson-navigation {
        top: 77px;
    }
    .single-lesson-content .lesson-navigation .wpb-toc {
        height: calc(100vh - 155px);
    }
    .admin-bar .slideout-menu {
        padding-top: 210px;
    }
    body.single.admin-bar .heading-padding {
        margin-top: 123px;
    }
    .single-lesson-content .lesson-navigation .wpb-toc.hidden-header {
        height: calc(100vh - 155px) !important;
    }
    body.admin-bar .single-lesson-content .lesson-navigation .wpb-toc,
    body.admin-bar
        .single-lesson-content
        .lesson-navigation
        .wpb-toc.hidden-header {
        height: calc(100vh - 191px) !important;
    }
    .hamburger-lesson .linex {
        width: var(--hamWidth);
        height: var(--hamHeight);
        background-color: var(--hamBg);
        display: block;
        margin: var(--hamMargin) auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .hamburger-lesson .linex {
        background: var(--blue);
    }

    .hamburger-lesson {
        padding: 5px;
        cursor: pointer;
    }
    .lesson-content.col-9 {
        width: 100%;
    }
    .lesson-navigation {
        display: block;
    }
    .single-lesson-content {
        overflow: hidden;
    }
    .is-open .lesson-navigation {
        transform: translateX(0);
        transition: 0.5s;
    }
    .lesson-navigation {
        width: 250px;
        display: block;
        position: fixed;
        left: 0;
        transform: translateX(-250px);
        z-index: 999;
        background: #fff;
        bottom: unset;
        top: 145px;
        /* height: calc(100% - 145px); */
        padding-bottom: 0;
        transition: 0.5s;
        padding-top: 10px;
    }
    /* .single-lesson-content .lesson-navigation .wpb-toc.hidden-header {
        height: auto !important;
        top: unset;
    } */
}

@media (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .container .container {
        padding-left: 0;
        padding-right: 0;
    }
    #menu-top-menu-2 {
        padding-left: 0;
    }
    :root {
        --lg3: 36px;
    }
    .breadcrumbs #breadcrumbs > span {
        flex-wrap: wrap;
    }
    .single-lesson-material-header h1 {
        font-size: 32px;
    }
    .single-lesson-material-lesson-materials-list .lesson-material-group {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }
    .single-lesson-material-lesson-materials-list
        .lesson-material-group
        .lesson-material-image {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .single-lesson-material-lesson-materials-list
        .lesson-material-group
        .lesson-material-metadata {
        gap: 10px 20px;
        flex-wrap: wrap;
    }
    .masonry-grid > .masonry-item > .news-card > .news-card-img {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .masonry-grid > .masonry-item > .news-card {
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .in-numbers-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .events-date,
    .events-card a > img {
        width: 100%;
        max-width: 100%;
    }
    .play-btn-box {
        padding-top: 0;
    }
    .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .play-btn-box {
        top: 0;
    }

    :root {
        --lg3: 28px;
    }
}

@media (max-width: 379px) {
}
@media (min-width: 992px) {
    .dropdown.focusing > .dropdown-menu,
    .dropdown > a:active + .dropdown-menu,
    .dropdown:hover > a + .dropdown-menu {
        display: block;
    }
}
/* focus */
.materials-card a:focus,
.materials-card a:focus-visible,
.slick-slide:focus-visible,
.slick-slide:focus,
.play-btn:focus,
.play-btn:focus-visible,
label:focus-visible,
button:focus-visible,
button:focus,
a:focus-visible,
a:focus {
    outline: 2px dashed var(--blue) !important;
    outline-offset: 2px !important;
}
.single-lesson-material-lesson-materials-list
    .lesson-material-group
    .lesson-list
    a:focus-visible
    img,
.single-lesson-material-lesson-materials-list
    .lesson-material-group
    .lesson-list
    a:focus
    img {
    opacity: 1;
}
/* Visually hidden label for screen readers */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* Better visible focus for keyboard users */
.pll-switcher-select:focus {
    outline: 2px solid var(--blue);
    outline-offset: 2px;
}
/* admin-bar */