/*
Theme Name: BLUEPRINT Wordpress
Author: Blueprint Interactive
Author URI: http://blueprintinteractive.com
Description: Blueprint Interactive Custom Theme.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.lesson-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #F7F8F9;
}

.lesson-list {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}

.lesson-single {
    width: 60%;
    margin: 0 auto;
}

html,
body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

h1 {
    font-family: 'Roboto';
    color: #223E98
}

a {
    color: #00BA90
}

* {
    font-family: 'Roboto';
    box-sizing: border-box;
}
.meta-item-student {display:none !important}

ul.learn-press-nav-tabs::after {display:none !important}
#learn-press-course-tabs {
  border: 1px solid gray !important;
   
}

.meta-item {    height: 18px !important;}
.course-meta__pull-left {margin-bottom:15px}

ul.learn-press-nav-tabs {

    grid-template-columns: unset !important;}
.tab-curriculum-input {width:100%}

.section-header { padding-left: 20px !important; padding-bottom:10px!important;}
.button-enroll-course {cursor: pointer !important;}

.course-summary-sidebar__inner {border: 1px solid black; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.536);}

.course-sidebar-preview {margin-bottom:20px !important}
.meta-item__value label{color: white !important}

.meta-item-instructor {display: none !important}
.learn-press-breadcrumb {    margin-top: 30px !important;
        padding-left: 20px !important;

    margin-bottom: 30px !important;
}

.popup-header__inner .course-title {
    margin: 0;
    padding: 0;
    line-height: 30px !important;
    padding-top: 20px !important;}
.lp-modal-dialog .lp-modal-content .lp-modal-body .main-content .pd-2em {
    margin-top: 12px !important;
    margin-bottom: 5px !important;}

    .course-item-nav a {font-weight: 900 !important;}
#popup-course #sidebar-toggle {
  
    top: 140px !important}
#popup-course #popup-content #learn-press-content-item .content-item-wrap .content-item-summary .course-item-title {
margin-top:30px !important}
.course-item .course-item-meta {
    flex-direction: row !important;
    justify-content: flex-end  !important;
    padding-top: 10px  !important;
    align-items: center  !important;
}

.course-item-meta .duration  {display:none !important}
.course-curriculum ul.curriculum-sections .section-content .course-item {
    background: rgba(0,0,110,0.1) !important;
}

#learn-press-course-tabs.course-tabs {
    margin-top: 10px !important;
}

.course-nav-tab-instructor {display: none !important}

.course-nav-tab-curriculum, .course-nav-tab-curriculum label{cursor: default !important;}
.course-price {display:none}

.lesson-header {
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
    align-items: flex-bottom;
}

#sidebar-toggle {background: var(--lp-secondary-color) !important}
body.lp-sidebar-toggle__close #popup-course > #sidebar-toggle::before {
    color: white !important;
}

#popup-course #sidebar-toggle::before { color: white !important;}
.answer-options .answer-option.answered-wrong input[type="radio"]::after {color: red !important;
    top: 17px !important;
  
    left: 10px !important;
  
    content: "\2716" !important;}

#popup-course .question .answer-option.answer-correct .option-title {
    border-color: #4caf50;
    border-width: 3px;
}

#popup-course .question .answer-option.answered-wrong .option-title {
    border-color: #ff6423;
       border-width: 3px;
}

.page-numbers {border: none !important;}
.answer-options .answer-option input[type="checkbox"]::after, .answer-options .answer-option input[type="radio"]::after {
    position: absolute;
    top: 18px !important;
    left: 9px;
    font-size: 18px !important;}
.questions-index, .questions-index span {
    color: white !important
}

.course-detail-info {
    margin-bottom: 0px !important}
#popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.current, #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers:hover {font-weight: 900;}

.meta-item-level {display:none !important}

.lp-content-area {padding-left:20px; padding-top:30px !important; padding-right:20px}
.lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-content .course-categories a {

    padding: 2px 50px 2px 5px !important;}

    .course-tab-panel {padding-top:15px !important}
 .course-categories a:hover {
    color: rgb(0, 162, 255) !important;
}

.section-title {cursor: pointer;}
.course {
margin-bottom:20px !important;
    border: 1px solid rgba(204, 204, 204, 0.7) !important;}

    .lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left .course-meta .course-meta__pull-left .meta-item.meta-item-lesson::before,
    .lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left .course-meta .course-meta__pull-left .meta-item.meta-item-quiz::before  {
    color: white;
}

.course-detail-info {padding-top: 15px !important}
.course-footer {display: none !important}
.meta-item-duration {display:none !important}

.lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left .course-meta .course-meta__pull-left .meta-item.meta-item-categories::before {

    color: white;}
 .course-title {
    margin-bottom: 22px !important;}

    .lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left .course-meta.course-meta-primary {
    margin-bottom: 16px !important;
}
.lesson-header h1,
.lesson-header span {
    padding: 0;
    margin: 0;
}

.lesson-header span {
    line-height: 3
}
    .section-desc {margin-top:10px !important}

/* WAYPOINTS */
.fade-in-from-left {
    opacity: 0;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fade-in-from-left.animated {
    animation-name: fade-from-left;
    animation-duration: 0.5s;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#popup-content {    padding-left: 30px !important}
@media (max-width: 768px) {
    .course-summary-sidebar__inner {
    margin-bottom: 30px !important;
    margin-top: -30px !important;}
.button-enroll-course {width: fit-content !important;
    margin: 20px auto 0 !important;
    text-align: center !important;
    display: flex !important;
   }
#learn-press-course .course-summary-sidebar .course-sidebar-preview .media-preview {
       text-align: center;
    margin: 0 auto !important}

    .course-detail-info {    margin-bottom: 20px !important;}
}

@keyframes fade-from-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -o-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }

    45% {
        opacity: 0.5;
    }

    90% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fade-in-from-bottom {
    opacity: 0;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
}

.fade-in-from-bottom.animated {
    animation-name: fade-from-bottom;
    animation-duration: 1s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@keyframes fade-from-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
    }

    90% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fade-in-from-right {
    opacity: 0;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -o-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}

.fade-in-from-right.animated {
    animation-name: fade-from-right;
    animation-duration: 0.5s;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@keyframes fade-from-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -o-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    90% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}