/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/*.learndash-wrapper .learndash-complete .ld-item-list-item-preview .ld-item-title {
    text-decoration: none;
}

*/

/* убрать зачеркивание пройденных курсов */
.bb-completed-item,
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview.learndash-complete .ld-topic-title , 
.learndash-wrapper .ld-table-list-item.learndash-complete .ld-item-title > span:first-child,
.learndash-wrapper .learndash-complete .ld-item-list-item-preview .ld-item-title>span:first-child {
    text-decoration: none;
}

/* убрать прогресс на странице когда проходишь курс */
.learndash-wrapper .learndash_content_wrap .ld-progress {
    display: none;
}

.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion], .learndash-wrapper .ld-quiz-actions input[name=restartQuiz] {
    background: #fff !important; 
}

.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    background-color: rgba(146,164,183,.05) !important; 
}

.wpProQuiz_content .wpProQuiz_results>div>.wpProQuiz_button[name=restartQuiz] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='bb-icon-rotate-cw'%3E%3Cpolyline points='23 4 23 10 17 10'%3E%3C/polyline%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 18px 18px;
    background-color: var(--bb-primary-button-background-regular);
    color: var(--bb-primary-button-text-regular);
    border: 1px solid var(--bb-primary-button-border-regular);
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    min-width: 160px;
}

.wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
    border-radius: var(--bb-button-radius);
    background: var(--bb-primary-color);
    font-size: .75em;
    padding-left: 2em;
    padding-right: 2em;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    width: auto;
    margin: 15px;
}

.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
    background-color: #5adb37 !important;
    border-radius: 20px !important;
}


/* camera_record */



/*.camera-record video, .camera-record canvas {
    background-color: lightgray;
}*/




#uploadEssayForm {
    background-color: #f0f3f6;
    border-radius: 6px;
    display: flex;
    flex: 0 0 100%;
    justify-content: flex-start;
    margin: 1em 0;
    padding: 1.5em;
    gap: 1em;
}


#camera-record-video{
    transform: scaleX(-1);
}

.camera-record {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
} 


.camera-record .camera-preview {
    width: 100%;
    max-width: 100;
    height: auto;
}

.camera-record .camera-record-buttons {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    gap: 1em;
    margin-bottom: 2em;
}


.camera-record .camera-record-button, #uploadEssayForm .camera-record-button {
    background-color: var(--bb-primary-color);
    color: #fff;
    display: inline-block;
    padding: 0.5em 1.5em;
    border-radius:  20px;
}

.camera-record .camera-record-button.camera-off {
    background-color: red;
}

.camera-record-button::before{
    font: normal normal normal 18px/1 bb-icons;
    margin-right: 10px;
}

.camera-record-button svg {
    fill: inherit;
}

.camera-record .camera-record-button.active {
    background-color: black;
    opacity: 0.5;
}

.camera-record .camera-record-button.record {
    background-color: var(--bb-primary-button-background-hover);
    display: flex;

}

.camera-record-button.hidden, .camera-preview.hidden  {
    display: none !important;
}

#uploadEssayForm .camera-record-button {
    font-size: 15px;
    padding: 7px 20px;
    margin: 10px 0;
    display: flex;
    align-items: center;

}


.camera-open::before {
    content: "\ef65";
}

/* кнопки -- превью видео*/

.camera-record .recordings-list {
    display: flex;
    flex-direction: column;
}

.camera-record .recorded-video-numbers {
    display: flex;
    gap: 1rem;

}


.camera-record .recorded-video-numbers .video-preview-button {
    display: block;
    color: var(--bb-headings-color);
    text-align: center;
}

.camera-record .recorded-video-numbers .video-preview-button.active{
    padding: 5px;
    border: 1px solid #5adb37 !important;
    line-height: 1;
    min-width: 2em;
    border-radius: 20%;
    background-color: #5adb37;
    color: #fff;
}

.camera-record .recordings-list .recorded-video-containter video{
    width: 100%;
    height: auto;
}

/* end camera record*/

.free_answer_task {
    margin-bottom: 5px;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList {
    margin: -30px 0 0 0 !important;
}


/* отвечает за саму кнопку в превью курса*/
.learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-expand-button .ld-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-expand-button .ld-icon::before {
    color: white;
    /*font-size: 1.425em;*/
    content: "\e860";
}

/* отвечает только за раскрытую кнопку*/
.learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-expand-button.ld-expanded .ld-icon::before {
    content: "\e861";
}


/* меняет шрифт кнопок на главной странице и на кнопках формы*/
.elementor-8217 .elementor-element.elementor-element-4f94af7 .elementor-button, .elementor-8217 .elementor-element.elementor-element-f8ffc25 .elementor-button, .elementor-form .elementor-button .elementor-button-text, .elementor-452 .elementor-element.elementor-element-7a25383 .elementor-button  {
    font-family: inherit; 
}

/* меняет размер шрифта в header*/
.primary-menu a, .bb-template-v2 .bb-header-buttons a.button.outline, .header-aside .button.signup, .bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name  {
    font-size: 1rem;
}

/* на странице courses убирает фильтры. Вернуть, когда будет много курсов! */
.bb-courses-directory .sfwd-courses-filters .select-wrap select {
    display: none; 
}

/* убрать плашку enrolled/free с курса*/
div.bb-course-cover .ld-status.ld-primary-background, .bb-single-course-sidebar .bb-button-wrap .learndash_join_button+.bb-course-type, .bb-cover-list-item .bb-course-cover .bb-cover-wrap .ld-status {
    display: none;
}


/* убрать текст upload you answer here в квизе типа production: !!! убирает текст в заданиях fill in the blank !!! 
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem p {
    display: none;
} */


/* стили для мобильных устройств (@media (min-width: 600px) and (max-width:799px) )*/
@media (max-width:799px)  {
    .bb-mobile-header .bb-left-panel-icon-wrap {
        order: 1;
    }
    .bb-mobile-header .header-aside {
        gap: 10px;
        order: -1;
    }
    .bb-mobile-header .header-aside #bb-toggle-theme {
        order: 1;
    }
    .bb-mobile-header .mobile-logo-wrapper {
        justify-content: center;
    }
    .bb-mobile-header .header-aside > a {
        padding: 0;
    }
}

@media (max-width: 799px) {
  .bb-mobile-header .site-title a {
    display: block;
    width: 150px;
    height: 40px;
    background: url('https://signonspot.com/wp-content/uploads/2022/03/onemoreeetry.svg') no-repeat center center;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
  }
}


/* убрать непонятную кнопку с опциями нотификации, когда смотришь и оставляешь комменты 
https://signonspot.com/essay/sign-yourself-4-signs-bonjourentendant-sourd-signe-2/ */
#respond.comment-respond form#commentform #comment-form__verbum .verbum-footer .verbum-footer__user .user-settings-button {
    display: none !important;
}


/*.wpProQuiz_quiz.remove {
    display: none !important; 
} */

/* Скрыть кнопку Купить снова после успешной покупки курса */
.woocommerce-order .order-again {
    display: none;
}