/*
 * Theme name:      Rozetka Education
 * Author:          Rozetka
 * Author URI:      https://rozetka.com.ua
 * Template:        rozetka
 * Requires PHP:    7.4
 * Text Domain:     RED
 * Version:         1.1
 * Description:     Для навчання тільки Rozetka Education
 */

button {
    height: 40px;
    border-radius: 0 !important;
}

.lp-button, .submit {
    border-radius: 0 !important;
    padding: 10px 20px !important;
    height: 40px !important;
}

.comment-respond .comment-form input[type=submit] {
    border-radius: 0 !important;
    padding: 10px 20px !important;
    line-height: 21px !important;
    height: 40px !important;
    text-transform: none !important;
}

/*.learnpress-course-curriculum,*/
#sidebar-toggle {
    display: none !important;
}

#popup-course #popup-header {
    left: 0 !important;
}

#popup-course #popup-content {
    max-width: 1440px !important;
    margin: 0 auto !important;
}

.search-course {
    max-width: 300px;
    height: 40px;
    margin-left: 5px;
}

.search-course .search-course__input {
    margin-right: 10px;
    max-width: 145px;
    margin-bottom: 10px;
}

.search-course .search-course__input,
.search-course .search-course__submit,
.search-course .search-course__clear {
    height: inherit;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.search-course .search-course__btn.search-course__submit {
    max-width: 80px !important;
    text-align: center;
    padding: 4px 8px !important;
}

.search-course .search-course__clear {
    max-width: 40px;
    text-align: center;
    padding: 4px 8px !important;
}

.search-course .search-course__btn {
    border-radius: 4px !important;
    margin-right: 5px !important;
}

.wp-block-search__inside-wrapper {
    height: 40px;
}

.wp-block-search__input {
    height: inherit !important;
}

.wp-block-search__button {
    border-radius: 0 !important;
    height: inherit;
    padding: 10px 20px !important;
}

.wp-block-search__button:hover {
    background: var(--global-green-80) !important;
    color: white !important;
}

.back-course .dashicons {
    font-size: 32px !important;
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

.course-list {
    width: 100%;
    max-width: 1420px;
    margin: 10px auto;
    border-left: 3px solid var(--global-green);
    padding-left: 20px;
    max-height: 360px;
    overflow: auto;
}

.course-curriculum {

}

.course-curriculum .curriculum-sections li {
    cursor: pointer;
}

.course-curriculum .curriculum-sections li .section-header {
    padding-bottom: 0;
}

.course-curriculum .curriculum-sections li .section-header .section-title {
    line-height: 40px;
}


#popup-course #popup-footer {
    position: relative !important;
    left: 0 !important;
}

.course-item-nav {
    justify-content: space-between;
    border-bottom: 2px solid var(--global-green);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.lp-courses-bar .search-courses button {
    top: 30% !important;
    right: 0 !important;
}

.lp-courses-bar .search-courses button:hover {
    background: none !important;
}

input[type=radio] + label.switch-btn:before {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    box-shadow: inset 0 0 0 5px #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 32px;
    left: 0;
    position: absolute;
    top: -6px;
    transition: border .2s ease-in-out, background-color .2s ease-in-out;
    width: 32px;
}

.lp-courses-bar .switch-layout .switch-btn::before {
    padding-top: 6px;
}

input[type=radio]:checked + label.switch-btn:before {
    background-color: rgb(245, 245, 245);
}

input[type=radio]:nth-child(n):checked ~ .switch-btn:nth-child(n) {
    background-color: white !important;
}

.course-footer {
    display: none;
}


element.style {
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background: none;
}

.svg-inline--fa {
    max-width: 24px;
    max-height: 24px;
}

ul.lp-profile-nav-tabs li .svg-inline--fa {
    position: absolute;
    top: 12px;
    left: 16px;
}

.lp-courses-bar {
    flex-wrap: wrap;
    width: 100%;
    max-width: 700px;
}

.lp-course-bar__category-select {
    max-width: 240px !important;
    margin-right: 20px !important;
    margin-bottom: 10px !important;
}

.lp-courses-bar .select-css--large {
    height: 44px;
}

.lp-courses-bar .search-courses {
    min-width: 240px;
}

#learn-press-course .learn-press-course-wishlist, #learn-press-profile .learn-press-course-wishlist {
    margin: 0 auto !important;
    padding: 5px !important;
    display: block;
    height: 48px !important;
}

.lp-user-profile ul.learn-press-courses .course {
    width: 100%;
    max-width: 440px;
    margin-bottom: 20px !important;
}

.lp-user-profile ul.learn-press-courses .course img {
    display: block;
    width: 100%;
    max-width: 440px;
}

.lp-user-profile ul.learn-press-courses .course h3 {
    display: block;
    height: 48px;
    line-height: 48px;
}


.lp-profile-content ul {
    justify-content: space-between;
}

.lp4.course-wishlist:before {
    font-size: 16px;
}

.lp-archive-courses .learn-press-courses-header {
    margin-bottom: 20px;
}

.lp-archive-courses .learn-press-courses-header h1 {
    margin-bottom: 10px !important;
}

.learn-press-course-tab-filters .learn-press-filters {
    justify-content: start;
}

.course-list__btn-menu {
    max-width: 1420px;
    margin: 0 auto;
}

.collapse {
    transition: max-height 0.2s ease-out;
}

.collapse-active {
    max-height: 130px;
    overflow: hidden;
}

.course-list__btn-menu a {
    text-decoration: none !important;
    color: var(--global-green);
}

.course-list__btn-menu a:hover {
    color: var(--global-green-60);
    border: none !important;
}

.course-list__btn-menu .dashicons {
    width: 40px;
    height: 40px;
    font-size: 40px;
}

.learn-press-form-login.learn-press-form button[type=submit] {
    background-color: var(--global-green) !important;
}

.learn-press-form-login.learn-press-form button[type=submit]:hover {
    background-color: var(--global-green-80) !important;
}

.lp-form-login {

}

.lp-form-login .lp-form-login-row {
    display: block;
    position: relative;
    margin-bottom: 10px;
}


/**
    Widget
 */

/**
    LastUseCourse
 */
.luc_card {
    margin: 10px 5px;
    padding: 10px;
    border: 1px solid var(--global-black-40);
}

.luc_card .luc_card_title_href {
    text-decoration: none;
    color: black;
}

.luc_card .luc_card_title {
    text-align: left;
}

.luc_card .luc_card_thumbnail {
    width: inherit;
    height: inherit;
}

.luc_card .luc_card_thumbnail .luc_card_thumbnail_img {
    display: block;
    width: 100%;
    height: auto;
}

.luc_card .luc_card_btn {
    width: 100%;
    display: block;
    margin-top: 15px;
}

.luc_card .luc_card_btn a {
    text-decoration: none;
    border: 1px solid var(--global-green);
    color: black;
    display: block;
    padding: 10px 20px;
}

.luc_card .luc_card_btn a:hover {
    background: var(--global-green);
    color: white;
}

.luc_card .luc_card_btn:hover a,
.luc_card .luc_card_btn:hover a:hover {
    color: white;
    text-decoration: none;
}

.content-item-wrap .questions-pagination {
    height: 66px !important;
}

@media screen and (max-width: 960px) {
    .search-course {
    }

    #popup-header {
        min-height: 210px;
    }
}

#popup-course #popup-header {
    align-items: flex-start;
}


/**
    Custom
 */

.Leftwidgetarea {
    text-align: center;
    font-family: sans-serif;
    margin: 20px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}

.red-profile-sidebar__widget {
    padding-top: 20px;
    text-align: center;
}

.lp-widget-recent-courses__footer__link {
    background-color: #4E4C4C;
    color: White;
    padding: 10px;
    border-radius: 4px;
}

.lp-widget-recent-courses__footer__link:hover {
    background-color: #00ba52;
    color: white;
}


.lp_profile_course_progress__nav {
    width: 100%;
    text-align: center;
    padding-top: 15px;
    margin: 5px;
}

.course-item-nav {

    padding-top: 10px;
    padding-left: 15px;
    padding-right: 60px;

}

.course-item-nav .prev a, .course-item-nav .next a {
    background: #00ba52;
    color: #FFFFFF;
    padding: 7px;
    border-radius: 10px 10px;
    box-shadow: 4px 3px 2px 1px rgba(56, 56, 56, .3);
}

.course-item-nav__name {
    padding-bottom: 10px;
}

.content-item-wrap .content-item-summary {
    padding-bottom: 10px;
    padding-top: 15px;
}

.content-item-wrap {
    padding-bottom: 25px;
}

.wp-block-search__input {
    background: #FFFFFF;
    border-radius: 4px 0px 0px 4px;
}

.wp-block-search__button {
    background: #00ba52;
    color: #FFFFFF;
    border: 1px;
    margin-left: 0px;
}

.button {
    background: #122538;
}

/**
end custom
 */
.comment-respond {
    max-width: 768px;
    margin: 10px auto;
}

#popup-course {
    z-index: 2000 !important;
}

#learn-press-form-complete-lesson {
    display: block;
    text-align: center;
}

#learn-press-form-complete-lesson button {
    display: inline-block;
    margin: 0 auto;
    width: 180px;
    position: relative;
    padding: 12px 29px;
    border-color: var(--lp-secondary-color);
    font-size: 14px;
}



#popup-course .quiz-results, #popup-course .quiz-content, #popup-course .quiz-questions, #popup-course .quiz-buttons, #popup-course .quiz-attempts {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

#popup-course #popup-content .lp-button.submit-quiz {
    display: block;
    height: auto !important;
}

.content-item-wrap .quiz-buttons.align-center .button-left.fixed {
    position: relative;
    z-index: 1;
    left: 0;
    max-width: 50vw;
    margin-left: 0;
    transform: none !important;
    display: inline;
}

.content-item-wrap .quiz-buttons.align-center .button-right {
    max-width: 50vw;
}


@media screen and (max-width: 768px){
    .red-profile-sidebar__widget {
        display: none;
    }

    .lp-entry-content.lp-content-area .course-summary-sidebar.slide-top{
        order: 1;
    }

    .lp-entry-content.lp-content-area .entry-content-left{
        order: 2;
    }
    .lp-entry-content.lp-content-area .course-sidebar-top{
        border:none;
        padding: 20px 10px;
    }

    .lp-entry-content.lp-content-area .course-sidebar-top .media-preview{
        display: none;
    }
}

.rozetka-lp-user-cert {
    width: 100%;
    height: 100%;
    max-width: 320px !important;
    margin: 0 auto;
    max-height: 180px;
}

.quiz-special-result{
    margin: 0 auto;
    max-width: 50vw;
}
.quiz-special-result table {
    margin: 10px auto;
}

.rztk-header .rztk-header__menu .menu .menu__sublist li.menu-item > .menu__sublist.show {
    position: absolute;
    left: 100%;
    display: block;
    top: 0;
    margin: 0;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    border-color: #fff;
}

.rztk-header .rztk-header__menu .menu .menu__sublist li.menu-item > .menu__sublist.show > li.menu-item > a {
    color: #000;
}

.rztk-header .rztk-header__menu .menu__sublist li.menu-item {
    position: relative;
}

.rztk-header .rztk-header__menu .menu .menu__sublist li.menu-item.menu-item-has-children > a:after {
    content: "►";
    margin-left: 4px;
    top: -1px;
    position: relative;
    font-size: 12px;
}

.rztk-header .rztk-header__menu .menu__sublist li.menu-item {
    display: flex;
    align-items: center;
    padding: 0;
}

.rztk-header .rztk-header__menu .menu__sublist li.menu-item:hover {
    background: #00a046;
}

.rztk-header .rztk-header__menu .menu .menu__sublist,
.rztk-header .rztk-header__menu-mobile__content .menu .menu__sublist {
    padding: 0 !important;
    border: none !important;
}

.rztk-header .rztk-header__menu .menu .menu__sublist .menu-item a {
    padding-bottom: 12px;
    width: 100%;
    padding-top: 12px;
}

.rztk-header .rztk-header__menu .menu .menu__sublist .menu-item a:hover {
    border: none !important;
}