/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

#my-courses .entry-actions .course-delete {
    display: none;
}

.sensei nav#post-entries a {
    background: black;
}

.button1 {
    background: transparent !important;
}

.alternate-color .breadcrumb .active {
    color: red !important;
}

.breadcrumb span.sep {
    color: grey !important;
}

a#edit {
    color: #008080 !important;
}

div#item-nav {
    border-bottom-color: #008080 !important;
}

#buddypress div#item-nav ul li.current a:before {
    color: #009fb2 !important;
}

.field-visibility-settings-toggle {
    display: none !important;
}

.field-visibility-settings-notoggle {
    display: none !important;
}

/*.sensei-course-participant.fix.hide[style="display: list-item;"]{
  display:inline-block !important;
}*/
.activity-meta a {
    line-height: 1 !important;
}

#buddypress div#item-nav .tabdrop ul #Kursy-personal-li a:before {
    content: "\E844";
}

#buddypress div#item-nav ul #Kursy-personal-li a:before {
    content: "\E844";
}

.buddypress #latest-update {
    display: none;
}

.alternate-color .activity-list .activity-avatar,
.alternate-color .comment-wrap .comment-avatar {
    box-shadow: 0 0 0 3px #f7f7f7 !important;
}

.kleo-main-header .nav li.kleo-megamenu.mega-3-cols>.dropdown-menu,
.kleo-main-header .nav li.kleo-megamenu.mega-3-cols>.dropdown-menu {
    width: 800px;
}

.lesson-tags {
    display: none;
}

h1.product_title.entry-title {
    font-size: 30px;
    color: #223263;
    font-weight: 700;
}

#bbpress-forums div.reply {
    height: auto;
    width: 100%;
    position: relative;
    /* Added */
    overflow: hidden;
    /* Added */
}

li#nav-menu-item-side a {
    font-size: 22px !important;
    color: #4b92f7 !important;
}

.kleo-quick-contact-link {
    background-color: rgb(66, 132, 201);
}

.kleo-main-header .nav li.kleo-megamenu.mega-2-cols>.dropdown-menu,
.kleo-main-header .nav li.kleo-megamenu.mega-2-cols>.dropdown-menu {
    width: 500px;
}

#bbpress-forums embed {
    width: 500px !important;
    height: auto !important;
    margin: 0 auto;
    /* if you want it centered */
}

#bbpress-forums .bbp-reply-content iframe {
    max-height: 360px !important;
    max-width: 500px !important;
}

.group-subscription-options {
    display: none;
    background-color: rgba(0, 0, 0, 0.9);
    color: #888;
    width: 700px;
    float: right !important;
    position: absolute;
    margin-left: 30px;
    font-size: 11px;
    z-index: 1;
}

.main-color .activity-list .activity-avatar {
    box-shadow: initial !important;
}

.woocommerce-error,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
    font-size: 15px;
}

.module-archive #main .status,
#main .course .module-status.zakonczony {
    background: #53fd0f;
}

.sensei .course-meta.course-enrolment button.single_add_to_cart_button {
    margin: 0 !important;
    font-size: large !important;
    background: #029bce;
    border-radius: 5px;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.single-course .course-meta.course-enrolment button.single_add_to_cart_button {
    background: #79a2ff !important;
}

.single-course .course-meta.course-enrolment button.single_add_to_cart_button .woocommerce-Price-amount.amount {
    display: none;
}

.single-course .course-meta.course-enrolment button.single_add_to_cart_button:hover {
    background: rgb(13, 29, 93);
}

.single-course nav#post-entries {
    display: none;
}

body.sensei input.course-start {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 1.5;
    background: #4b92f7;
    font-size: 17px !important;
    border-radius: 35px;
    width: 80%;
}

.course-actions-simple form {
    text-align: center;
}

.sensei input.course-start {
    font-size: 17px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.course .status {
    border-radius: 3px;
    background: #99a2bf;
}

.lesson a.button.send-message-button {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 2.0;
    font-size: 13px;
    background: #098ff3 !important;
}

.lesson input.quiz-submit.complete {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background: #153d8f !important;
}

.quiz a.button {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.quiz input.quiz-submit.complete {
    background: #09b700;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.quiz input.quiz-submit.reset {
    background: #448ca2;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.quiz input.quiz-submit.save {
    background: #098ff3;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.lesson a.button {
    display: inline-block;
    line-height: 1.618em;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background: #098ff3 !important;
    color: #000;
}

.sensei .course-meta .status.register {
    background: #76b51b;
    line-height: 1.5;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: large !important;
}

.single.single-portfolio .wrap-content .portfolio-image {
    display: none;
}

.module .module-lessons header {
    background-color: rgba(0, 185, 247, 0.24);
}

.module header h2 {
    font-size: 1.5em;
}

.course .status.in-progress {
    background: #06a5e6;
    border-radius: 20px;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
}

.sensei .course-meta .status {
    font-size: 16px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

section.entry span.course-lesson-progress {
    padding-left: 20px;
}

.course a.button:visited {
    background: rgba(0, 0, 0, 0.89);
}

.course a.button:hover {
    background: #3b6e92;
}

.course a.button:visited:hover {
    background: #3b6e92;
}

.woocommerce-page span.new-badge {
    background: #48ec02;
}

.navbar-nav [class^="icon-"]:before,
.navbar-nav [class*=" icon-"]:before {
    font-weight: normal;
}

.buddypress a.button,
#buddypress a.button,
#buddypress input[type=submit],
#buddypress input[type=button],
#buddypress input[type=reset],
#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
.buddypress div.generic-button a,
#buddypress .comment-reply-link {
    width: inherit;
}

.woocommerce-page .main-color input.button {
    background-color: #b7b7b7;
    color: black;
    font-weight: bold;
}

.navbar-nav>li a {
    font-size: 11px;
}

#my-courses ul li a,
#my-courses.ui-tabs ul.ui-tabs-nav li.ui-state-default a.ui-tabs-anchor,
a.my-messages-link {
    display: none;
}

.module .module-lessons header h3 {
    font-family: 'Poppins', sans-serif;
}

.module .module-lessons header {
    background-color: rgba(0, 185, 247, 0.24);
}

.share-wrap {
    display: none;
}

.os-widget-wrapper.layout-booklet #widget-cards .card .header-area .card-title {
    padding: 15px 0;
    font-size: 1.25em;
}

.quiz input.quiz-submit.reset,
.lesson input.quiz-submit.reset {
    background: #31e658;
    font-weight: 400;
}

#tribe-events-content .tribe-events-tooltip h4 {
    background-color: #80d8c8;
}

.quiz input.quiz-submit.reset,
.lesson input.quiz-submit.reset {
    background: #6631e6;
    font-weight: 400;
}

.lesson a.button:hover {
    background: #72f91e;
}

.js .tmce-active .wp-editor-area {
    color: #2f2f2f !important;
}

.lesson section.entry.fix {
    width: 100%;
    float: left;
}

.navbar-nav>li a {
    font-size: 12px;
}

.has-btn-see-through span.caret:after {
    top: 14px !important;
}

.kleo-main-header .btn {
    line-height: 0.7 !important;
    border-radius: 0px;
}

.kleo-main-header a.btn-see-through {
    border: 1px solid rgba(0, 0, 0, .2);
}

nav#post-entries a {
    color: #ffffff;
}

.bp-overlay-menu #buddypress div#item-nav {
    padding-left: 15%;
}

.bp-overlay-menu #buddypress div#item-nav {
    z-index: 20 !important;
}

.bp-light-icons #buddypress div#item-nav ul #nav-gmw-group-documents-group-li a:before {
    content: "\e870";
}

.mc4wp-checkbox-buddypress label {
    text-align: left;
}

#buddypress .standard-form input[type=email] {
    width: 90%;
}

buddypress .standard-form label,
#buddypress .standard-form span.label {
    font-weight: 400;
}

.lessaons-modules {
    width: 100%;
    height: 100%;
}

.lessaons-modules.active-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    position: inherit;
    top: 0;
    bottom: 0;
    border-radius: 0 6px 6px 0;
}

@media only screen and (max-width: 767px) {
    .lessaons-modules.active-scroll {
        position: inherit;
        border-radius: 0;
        /* todo <Y.Marty> @ Sort out what 'height: 100% !important' been used for */
        /*height: 100% !important;*/
    }
}

button.sip-rswc-more {
    font-weight: 400;
    width: 30%;
    padding: 5px 0;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    background-color: #3b9de5 !important;
    border-radius: 5px;
}

.lesson .preview-label,
.module-lessons .preview-label {

    background: #76b51b;
}

/* displaying breadcrumbs on lesson page
.sensei-breadcrumb{
  display:none !important;
}*/

#buddypress div#item-nav ul #nav-documents-groups-li a:before {
    content: "\E874";
}

#buddypress div#item-nav ul #nav-experiences-groups-li a:before {
    content: "\E9C5";
}

#buddypress div#item-nav ul #kursy-personal-li a:before {
    content: "\E9C5";
}

#buddypress div#item-nav ul #o-kursie-groups-li a:before {
    content: "\E9BD";
}


.meter.red>span {
    background: #5db9f7;
}

.meter.orange>span {
    background: #5db9f7;
}

.meter.green>span {
    background-color: #5db9f7;

}

.module header h2 {
    font-size: 1.3em;
}

.module .module-lessons ul li a {

    font-size: 1.0em;

}

.module .module-lessons header h3 {
    font-size: 1.1em;
    display: inline-block;
}

.bp-messages-wrap .fa-plus:before {

    font-size: x-large;
}

.bp-messages-wrap .fa-paperclip:before {
    font-size: larger;
}

#buddypress div#item-nav ul #bp_better_messages_tab-personal-li a:before {
    content: "\E9C2";
}

.bp-messages-wrap .list .messages-stack .content .messages-list li .message-content {
    font-size: 15px;
}


#buddypress div.item-list-tabs#subnav ul li.selected a,
#buddypress div.item-list-tabs#subnav ul li.current a {
    font-weight: bolder;
    color: #4b92f7 !important;
    border-radius: 5px;
    padding: 5px;

}

.bp-full-width-profile div.generic-button a {
    background: rgb(8, 172, 234) !important;
    color: white !important;
}

#buddypress .activity-header a,
#buddypress .comment-meta a,
#buddypress .acomment-meta a {
    text-decoration: none;
    font-weight: bold;
}

.lessaons-modules {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 10px;
    box-shadow: 5px 10px 5px 10px #A9A9A9;
}

/*
* Courses styles
*/

.courses-custom .button.button {
    width: 100%;
    height: 45px;
    line-height: 40px;
    background: #6abbe9 !important;
    font-size: 16px !important;
}

.courses-custom p {
    font-size: 15px;
    color: #555555;
    margin-bottom: 28px;
    line-height: 24px;
}

.comment-borderbox div:last-child p {
    color: #555555 !important;
}

.courses-custom h2 {
    font-size: 25px;
}

.courses-right-block-content {
    padding: 11px 25px;
    border-radius: 10px;
}

.courses-right-block-content form {
    margin-top: 20px;
    margin-bottom: 15px;
}

.courses-right-block-content p {
    font-size: 15px;
    color: #666666;
    line-height: 23px;
    margin-bottom: 58px;
}

.price-course {
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
}

.price-course b {
    font-weight: 600;
    font-size: 22px;
}

.tm-epo-style:after {
    background: transparent none repeat scroll 0 0;
    font-family: tc-fontawesome;
    font-weight: normal;
    height: 1em;
    left: 50%;
    margin-left: -0.5em;
    margin-top: -0.5em;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 1em;
    line-height: 1em;
}

.tm-epo-style:after {
    content: "\f00c";
}

.tm-epo-style.round,
.tm-epo-style.square {
    background: transparent none repeat scroll 0 0;
    border: 1px solid;
    cursor: pointer;
    height: 2em;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 2em;
    border-radius: 5px;
}

.tm-epo-style-wrapper {
    height: 2em;
    width: 2em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.tm-epo-style:hover:after {
    opacity: .5;
}

.sertificate-course {
    color: #666666;
    padding-left: 5px;
}

.chb-bottom .checkbox label:after {
    left: -2px;
}

.sertificate-course b {
    color: #000;
}

.courses-custom .course .module header {
    align-items: center;
    background: rgba(0, 0, 0, .05);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 0;
    padding: 0.5em 20px;
    width: 100%;
}

.courses-custom .course .module header {
    border-radius: 15px;
    background: #f9f9f9;
    border: solid 1px #e8e8e8;
}

.courses-custom .lessaons-modules.active-scroll {
    box-shadow: none;
}

.courses-custom .module h2,
.courses-custom .module h2 a {
    font-size: 18px !important;
    color: #666666;
    font-weight: 700;
    display: block !important;
    padding: 1px 0 1px 31px;
    margin: 0 !important;
    cursor: pointer !important;
}

.courses-custom .module h2 span {
    float: right;
    color: #525252;
}

.courses-custom .lessaons-modules {
    box-shadow: none;
}

.courses-custom .modules-title {
    margin-bottom: 30px;
    margin-top: 0;
    display: inline-block;
}

.courses-custom .module .module-lessons ul {
    margin: 0 0 0.5em !important;
}

.courses-custom .module .module-lessons ul li a {
    background: #fff;
}

.courses-custom .module .module-lessons ul li a:hover {
    background: rgba(0, 0, 0, .05);
}

.courses-custom .module .module-lessons ul li a {
    color: #666666;
    padding: 1.0em 20px 1.5em 50px;
    border-right: 1px solid rgba(0, 0, 0, .05);
    border-left: 1px solid rgba(0, 0, 0, .05);
}

.courses-custom .module .module-lessons ul li a span {
    color: #666666;
    float: right;
}

.courses-custom .module .module-lessons ul li a:before {
    font-size: 19px;
    color: #000;
    top: 0.8em;
    content: '\f023';
}

.courses-custom .module .module-lessons ul li a.completed:hover:before,
.courses-custom .module .module-lessons ul li a.completed:before {
    font-size: 19px;
    color: #71AC38 !important;
    content: '\f058';
}

.courses-custom .module .module-lessons ul li a.unlock:hover:before,
.courses-custom .module .module-lessons ul li a.unlock:before {
    font-size: 19px;
    color: #71AC38;
    content: '\f13e';
}

.courses-custom .module .module-lessons ul li a.opened:hover:before,
.courses-custom .module .module-lessons ul li a.opened:before {
    content: '\f04b';
    color: #71AC38;
}

.courses-custom .module .module-lessons ul li a.openedblack:hover:before,
.courses-custom .module .module-lessons ul li a.openedblack:before {
    content: '\f04b';
    color: #000;
    ;
}


.courses-custom .module header:before {
    font-size: 20px;
    color: #000;
    top: 1.0em;
    content: "\f068";
    font-family: FontAwesomeSensei, FontAwesome;
    position: absolute;
}

.courses-custom .module header.collapsed:before {
    content: "\f067";
}

.courses-custom .module header {
    align-items: center;
    background: rgb(247, 247, 247);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 0;
    padding: 0.5em 20px;
    width: 100%;
}

.courses-custom article.module>header {
    display: table;
    border: solid 1px rgba(0, 0, 0, .05);
    border-radius: 5px;
}

.courses-custom .module header a {
    padding: 0.5em 31px;
}

.courses-custom .module .module-lessons ul li a:hover:before {
    content: '\f023';
    color: #000;
}

.info-block-course {
    padding: 30px 25px;
    border-radius: 10px;
    border: solid 1px rgba(0, 0, 0, .1);
    margin-top: 75px;
    box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.4);
}

.desc-info {
    color: #666666;
    font-size: 15px;
    padding-left: 80px;
    padding-top: 20px;
    margin-bottom: 12px;
}

.info-block-course img {
    position: absolute;
    left: 20px;
    top: 20px;
    max-width: 40px;
}

.info-block-course li {
    position: relative;
}

ul.info-block-course {
    list-style: none;
}

.desc-info b {
    color: #171717;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    font-variant-caps: all-petite-caps;
}

.author-wrap-top {
    display: table;
}

.author-course {
    padding: 20px 20px;
    border: solid 1px rgba(0, 0, 0, .1);
    color: #666666;
    font-size: 16px;
    border-radius: 10px;
}

.author-course p {
    line-height: 22px;
    margin-bottom: 25px;
}

.courses-custom .author-course .button.button {
    margin-top: 27px !important;
    width: 100%;
}

.author-course-photo {
    border-radius: 100%;
    display: inline-block;
    background: #f7f7f7;
    float: left;
    overflow: hidden;
}

.author-course-photo img {
    width: 100px;
    height: 100px;
}

.author-course .author-course-name {
    padding-left: 105px;
}

.author-course-name h2 {
    font-size: 20px;
    margin: 20px 0 0 0;
}

.tab-content h2 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 20px;
    color: #333333;
}

.tab-content #tab-certyfikacja h3 {
    font-weight: 600;
    font-size: 21px;
}

#tab-o-kursie .wpb_gallery {
    margin-bottom: 70px;
}

#tab-o-kursie strong,
#tab-o-kursie h3 {
    font-size: 16px;
    font-weight: bold;
}

.content-tab-course {
    max-width: 610px;
}

.main-color .courses-custom .tabs-style-line>li.active>a {
    color: #131313;
    font-size: 18px;
    font-weight: 600;
    border-color: #131313;
}

.main-color .courses-custom .tabs-style-line>li>a {
    color: #666666;
    padding-bottom: 23px;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
}

.courses-custom .tabs-style-line {
    padding-bottom: 60px;
}

.author-course-author .author-course-photo {
    float: none;
}

.author-course-author .author-course-photo img {
    width: 195px;
    height: auto;
}

.author-course-author .author-course-name {
    max-width: 200px;
    text-align: center;
}

.author-course-author p {}

.course {
    border: none;
}


.bg-course-sub {
    background: url('./img/bg-course.jpg') top center no-repeat;
    padding: 2% 0;

}

.bg-course-sub .single_add_to_cart_button {
    width: 100%;
    max-width: 312px;
    line-height: 40px;
    text-decoration: none;
    color: #949be6;
    background: #fff;
    font-weight: 800 !important;
    box-shadow: none;
    border: 0;
    border-radius: 10px;
    text-transform: uppercase;
}

.bg-course-sub h2 {
    font-weight: 600;
    color: #fff;
    padding-top: 30px;
    font-size: 31px;
}

.price-course-sub {
    display: inline;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    padding-right: 15px;
}

.price-course-sub+.pradeep .tmcp-field-wrap {
    color: #fff;
}

.courses-custom .pradeep .tm-description,
.right-blcok-sub-course .pradeep .tm-description {
    display: none;
}

.price-course-sub+.pradeep .before-amount,
.price-course-sub+.pradeep .price,
.price-course-sub+.pradeep .after-amount {
    font-weight: bold;
}

.right-blcok-sub-course .pradeep {
    display: inline;
}


body.sensei .right-blcok-sub-course .course-meta.course-enrolment a.single_add_to_cart_button {
    font-size: 16px !important;
    color: #029bce;
}

body.sensei .right-blcok-sub-course .course-meta.course-enrolment a.single_add_to_cart_button,
body.sensei .right-blcok-sub-course .course-meta.course-enrolment button.single_add_to_cart_button {
    text-align: center;
    background: #fff !important;
    height: 60px;
    display: inline-block;
    font-size: 16px;
    color: #029bce;
}

.bg-course-sub .tm-epo-style-wrapper {
    color: #fff;
}

.bg-course-sub .sertificate-course {
    color: #fff;
}

.bg-course-sub .sertificate-course b {
    color: #fff;
}

.chb-bottom {
    margin-top: 15px;
}

.right-blcok-sub-course {
    text-align: right;
    padding-top: 34px;
}

.bg-course-sub form {
    display: inline;
}

.coursel-course .carousel-arrow .carousel-prev,
.coursel-course .carousel-arrow .carousel-next {
    color: #000 !important;
    width: 50px;
    height: 50px;
    border: solid 1px #dfdfdf;
    border-radius: 100%;
    font-size: 36px;
    background: #fff !important;
}

.carousel-arrow .carousel-prev i,
.carousel-arrow .carousel-next i {
    line-height: 45px;
}

.carousel-arrow .carousel-prev {
    right: 85px;
    left: auto !important;
    top: 0%;
    left: auto;
    right: 80px;
    margin-top: 0;
}

.carousel-arrow .carousel-next {
    right: 40px;
    left: auto;
    top: 0%;
    margin-top: 0;
    right: 10px !important;
}

.coursel-course .post-image img {
    width: 100%;
}

.coursel-course .post-item {
    padding: 0;
    overflow: hidden;
    margin: 10px;
    border: 0;
}

.coursel-course .kleo-carousel-items {
    padding-top: 7%;
}


.head-entry-content {
    padding-top: 15px;
}

.head-entry-content span a,
.head-entry-content span {
    font-size: 15px;
    text-transform: uppercase;
    opacity: .9;
    color: #000;
}

.coursel-course h4 {
    font-size: 23px;
    font-weight: 800;
    margin: 0;
    padding: 0;
}

.coursel-course h4 a {
    color: #171717;
}

.coursel-course {
    padding-bottom: 6%;
}

.coursel-course p {
    color: #666666;
}

.coursel-course hr {
    display: none;
}

.coursel-course h2 {
    font-weight: 600;
    font-size: 35px;
    position: relative;
    top: 70px;
    left: 10px;
}


.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 15px;
}


.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    top: -3px;
    margin-left: -20px;
    border: 1px solid #856b6b;
    background-color: transparent;
    border-radius: 5px;
}

.chb-bottom .checkbox label::before {
    border-color: #fff;
}


.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 23px;
    height: 23px;
    left: 2px;
    top: 0px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 16px;
    color: #555555;
}

.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}

.checkbox input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
}

a.bookmarkers {
    padding: 11px 26px;
    border: solid 1px rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin-left: 10px;
}

a.bookmarkers {
    color: #666666;
}

a.bookmarkers i {
    color: #000;
    padding-right: 5px;
}

.moduly {
    padding-top: 6%;
    padding-bottom: 6%;
}

.moduly .sub-list a {
    margin-right: 25px;
    color: #8ba6ff;
}

.moduly .sub-list {
    float: right;
    margin-top: 12px;
}

.single.logged-in #main .type-course {
    border: none;
}

.button-viewall {
    z-index: 6;
    position: absolute;
    opacity: 1;
    bottom: -40px;
    width: 164px !important;
    margin: 0 auto !important;
    display: table;
    left: 0 !important;
    right: 0 !important;
    text-align: center;
    height: 35px;
    background: #3b9de5;
    border-radius: 5px;
    line-height: 40px;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.full-height {
    height: 460px;
}

#accordion {
    overflow: hidden;
    webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: opacity 0.3s linear;
    transition: .2s ease-in-out;
}

.tm-description img {
    display: none;
}

.overflow-list {
    position: absolute;
    top: 66%;
    height: 32%;
    width: 100%;
    z-index: 2;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: opacity 0.3s linear;
    transition: .2s ease-in-out;
    background-image: -webkit-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: -moz-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: -ms-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: -o-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
}

#tab-certyfikacja .row {
    margin-bottom: 2%;
}


@media (max-width: 480px) {
    a.bookmarkers {
        padding: 11px 9px;
        margin-top: 5px;
    }

    .coursel-course .kleo-carousel-items {
        padding-top: 20%;
    }

    .courses-custom .module header a {
        font-size: 3vw !important;
    }

    .right-blcok-sub-course,
    .bg-course-sub h2 {
        padding-top: 0;
    }

    .bg-course-sub h2 {
        display: none;
    }

    .price-course-sub {
        padding: 15px 0;
    }

    .bg-course-sub .price-course-sub {
        text-align: center;
        display: block;
    }


    .bg-course-sub .single_add_to_cart_button {
        max-width: 100%;
    }

    body.sensei .right-blcok-sub-course .course-meta.course-enrolment button.single_add_to_cart_button {
        height: 50px;
    }


    .bmmarkers,
    .courses-custom .tabs-style-line li:nth-child(5) {
        display: none;
    }

    .moduly {
        padding-bottom: 12%;
    }
}

.license {
    text-align: center;
    padding: 20px;
    border-top: solid;
    border-top-width: 1px;
    border-top-color: lightgray;
}

.single-course .course-meta.course-enrolment button.single_add_to_cart_button {
    background: #6abbe9 !important;
}

.btn-see-through {
    border-color: lightgray;
}

.modules-toggle {
    float: right;
    margin-top: 12px;
    padding-right: 30px;
}

.gradient.show {
    position: absolute;
    top: 65%;
    height: 32%;
    width: 92%;
    z-index: 2;
    webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: opacity 0.3s linear;
    transition: .2s ease-in-out;
    background-image: -webkit-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: -moz-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: -ms-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: -o-linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
    background-image: linear-gradient(rgba(237, 237, 237, 0), rgba(255, 255, 255, 1));
}

a.read-more-button {
    width: 100%;
    height: 41px;
    display: inline-block;
    padding: 5px 20px 4px;
    border: none;
    color: #0e0e0e;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    font-family: inherit;
    cursor: pointer;
    overflow: visible;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.courses-custom .module .module-lessons ul li a span.length {
    margin: 0 0 0 10px;
}

.courses-custom .module .module-lessons ul li a span.preview {
    color: #ffffff;
    font-size: 16px;
    background: #71ac38;
    padding: 5px;
    border-radius: 5px;

}

.kleo-related-posts {
    position: relative;
    padding-top: 7%;
}

.kleo-related-posts .kleo-carousel {
    margin: 0;
    padding: 0;
}

.kleo-related-posts .post-item {
    overflow: visible;
    height: auto;
    visibility: visible;
}

.kleo-related-posts .post-item .entry-content .entry-summary p {
    word-break: break-all;
}

.coupon.code {
    color: red;
    font-weight: bold;
}

.coupon.description {
    color: red;
    font-weight: bold;
}

.woocommerce form .form-row .input-checkbox,
.woocommerce-page form .form-row .input-checkbox {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}

/* zmiana ikonek w zakladce buddypress */
#buddypress div#item-nav ul #bimv_budypress_moje_artykuly-personal-li a:before {
    content: "\E9CE";
}

#buddypress div#item-nav ul #kursy-bimv-personal-li a:before {
    content: "\E9B7";
}

#buddypress div#item-nav ul #forums-personal-li a:before {
    content: "\F0E6";
}

#buddypress div#item-nav ul #moje-artykuly-personal-li a:before {
    content: "\E9BD";
}

#buddypress div#item-nav ul #products-personal-li a:before {
    content: "\E961";
}

#buddypress div#item-nav ul #statystyki-i-kody-personal-li a:before {
    content: "\E90C";
}


#buddypress .activity-meta a.button {

    padding-top: 6px;
}

.masonry-listing .format-standard .post-title {
    border-left: 3px solid #4b92f7;
}

#buddypress div.item-list-tabs#subnav ul li a {

    color: #292929;
    font-weight: bold;
}

#buddypress #whats-new-options {
    height: auto;
    overflow: hidden;
}

.page-id-17 a.clear-value {
    display: none !important;
}

.kleo-user_avatar-nav .kleo-bp-user-avatar img {
    width: 38px;
}

/*ukrycie opisu kategori kursu w katalogu */
.cat-desc p {

    /* visibility: hidden !important;*/
}

.course .status.completed,
.course-container .status.completed,
.course-lessons .status.completed {
    background: #00a651;
    display: flex;
    align-items: center;
}

.course .module .module-lessons header h3 {

    font-family: 'Poppins', sans-serif;
}

#buddypress #groups-list .item-title {
    font-weight: 300;
}

.course-completion-rate.progress {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.text-block {
    font-family: 'Poppins', sans-serif;
    color: #333333;
    font-size: 17px;
    line-height: 30px;
}

/*:root {*/
/* --color-blue: #00B8F7;*/
/* --color-grey: #55596D;*/
/* --color-neutral-grey: #9098b1;*/
/* --font-family-Poppins: 'Poppins', Arial, Helvetica, sans-serif;*/
/*}*/

.grecaptcha-badge {
    display: none !important;
}

/**************** Modules and overrides ****************/

/**** Micromodal ****/

@media (min-width: 1024px) {
    .modal__container {
        min-width: 750px;
        min-height: 550px;
    }

    .modal__container iframe {
        min-height: 400px;
    }
}

.modal__close {
    outline: none !important;
    border: none !important;
}

/* YT lazy load */

.ResponsiveMedia {
    position: relative;
    padding-bottom: 59.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.YouTubeLazyLoad {
    position: relative;
    padding-bottom: 59.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000000;
    margin: 0px;
    z-index: 1;
}

.YouTubeLazyLoad-play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(./img/YouTubePlay.png) no-repeat;
    cursor: pointer;
}

.YouTubeLazyLoad img {
    object-fit: contain;
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    /* max-width: 100%; */
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    transition: .4s all;
}

.YouTubeLazyLoad iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

/* Rating */

.sc-rating {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 100px;
    height: 40px;
    -webkit-box-shadow: 4px 0px 29px 1px rgba(153, 153, 153, 0.35);
    -moz-box-shadow: 4px 0px 29px 1px rgba(153, 153, 153, 0.35);
    box-shadow: 4px 0px 29px 1px rgba(153, 153, 153, 0.35);
    border-radius: 30px;
}

.sc-rating img {
    background: #4b92f7;
    padding: 5px 0px;
    border-radius: 50%;
    height: 40px !important;
    width: auto !important;
}

.sc-rating span {
    font-family: 'Poppins', sans-serif;
    color: #333333;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-left: 10px;
    max-width: 30px;
    white-space: nowrap;
    overflow: hidden;
}

/* Both counters */

/* Participants */

.sc-participants {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-width: 100px;
    height: 40px;
    -webkit-box-shadow: 4px 0 29px 1px rgba(153, 153, 153, 0.35);
    -moz-box-shadow: 4px 0 29px 1px rgba(153, 153, 153, 0.35);
    box-shadow: 4px 0 29px 1px rgba(153, 153, 153, 0.35);
    border-radius: 30px;
}

.sc-participants img {
    background: #4b92f7;
    padding: 5px 0;
    border-radius: 50%;
    font-size: initial;
    height: 40px !important;
    width: auto !important;
}

.sc-participants span {
    font-family: 'Poppins', sans-serif;
    color: #333333;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-right: 12px;
}

/* Tab reviews */
/* Tab author */
/**************** Single lesson ****************/

.lessaons-modules {
    height: auto !important;
}

.tax-module #main,
.single-lesson #main {
    margin-top: 50px;
}


.single-quiz #main .question_media_display dl {
    display: none;
}

.single-lesson .rectangle-bg {
    z-index: 0;
    height: 1400px;
}

.single-lesson .breadcrumbs-container,
.tax-module .forums .bbp-search-form,
.single-lesson .forums .bbp-search-form,
.single-lesson .sensei-breadcrumb,
.single-lesson #comments {
    display: none;
}

.tax-module .kleo-quick-contact-link,
.single-quiz .kleo-quick-contact-link,
.single-lesson .kleo-quick-contact-link {
    display: none;
}

/* Lesson Course Sidebar Widget : END */
/* Quiz : START */
/* Quiz : END */
/* Lesson Controls : END */
/* Lesson Sensei Controls : END */
/* Lesson Custom HTML Widget : START */

.single-lesson .widget_custom_html {
    display: none !important;
}

/* Lesson Custom HTML Widget : END */
/* Module : START */

.tax-module #main-container>.row {
    max-width: 1170px;
    margin: 0 auto;
}

.tax-module #main-container .sidebar,
.tax-module #main-container .template-page {
    padding: 0;
}

.tax-module #main-container .widgets-container {
    padding-left: 20px;
}

.tax-module .container .sensei-breadcrumb-child,
.tax-module .container .sensei-breadcrumb,
.tax-module .container nav.post-entries {
    display: none !important;
}

.tax-module .sidebar-right,
.tax-module .template-page {
    border: none;
}

.tax-module .sidebar-right {
    max-width: 450px;
}

@media (max-width: 1024px) {
    .tax-module #main-container>.row {
        flex-direction: column;
    }

    .tax-module #main-container .sidebar,
    .tax-module #main-container .template-page {
        width: 100%;
    }

    .tax-module #main-container .sidebar {
        max-width: none;
    }
}

/* Module : END */
/* forum Modal : START */

.tax-module #main .modal__container,
.single-lesson #main .modal__container {
    width: 90%;
    max-height: 90vh;
    max-width: 1000px;
    border-radius: 25px;
}

.tax-module #main .modal__container .modal__content,
.single-lesson #main .modal__container .modal__content {
    margin-top: unset;
}

.tax-module #main .modal__close,
.single-lesson #main .modal__close {
    font-size: 24px;
    padding: 10px;
}

.tax-module #main .modal__close:before,
.single-lesson #main .modal__close:before {
    content: "\2715";
}

.tax-module #main .modal__container::-webkit-scrollbar,
.single-lesson #main .modal__container::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}

.tax-module #main .modal__container::-webkit-scrollbar-thumb,
.single-lesson #main .modal__container::-webkit-scrollbar-thumb {
    width: 100%;
    background: #4b92f7;
    border-radius: 3px;
}

/* forum Modal : END */
/* forum : START */

#bbpress-forums .bbp-body .bbp-topic-freshness,
#bbpress-forums .bbp-body .bbp-forum-freshness {
    display: flex;
    flex-direction: column-reverse;
    width: 25%;
    min-width: 200px;
}

#bbpress-forums .bbp-header .bbp-topic-freshness,
#bbpress-forums .bbp-body .bbp-forum-freshness {
    min-width: 200px;
}

#bbpress-forums .bbp-body .bbp-topic-freshness .bbp-topic-freshness-author .bbp-author-name {
    color: #55596d;
    line-height: 14px;
    font-weight: 500;
}

#bbpress-forums a.subscription-toggle {
    color: white !important;
    padding: 7px 20px !important;
    font-weight: 400;
    text-align: center;
    background: #00B8F7;
    border-radius: 5px;
    line-height: 25px;
}

#bbpress-forums a.subscription-toggle:before {
    content: unset;
    display: none;
}

#bbpress-forums p.bbp-topic-meta {
    display: block !important;
}

#bbpress-forums li.bbp-topic-title .bbp-topic-permalink,
#bbpress-forums li.bbp-topic-title .bbp-topic-meta .bbp-author-link .bbp-author-name {
    font-style: normal;
    font-weight: 500;
    color: #4b92f7;
}

#bbpress-forums li.bbp-body ul.topic {
    display: flex;
    border-color: #e5e5e5 !important;
}

#bbpress-forums li.bbp-body ul.topic:last-of-type {
    border-bottom: 1px solid;
}


#bbpress-forums li.bbp-footer {
    padding: 10px 0 !important;
}

#bbpress-forums .bbp-pagination {
    color: #9ba1c0;
}

#bbpress-forums form {
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px;
    padding: 20px;
}

#bbpress-forums form input[type="text"],
#bbpress-forums form textarea {
    /*width: 100%;*/
    border: 1px solid #9ba1c0;
    border-radius: 4px;
    font-size: 13px;
    padding: 20px;
    transition: all 0.2s ease-in-out;
}


#bbpress-forums form textarea {
    padding: 20px;
}

#bbpress-forums form input[type="text"] {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}

#bbpress-forums form label:not(.attachment) {
    font-weight: 500;
    font-size: 12px;
    line-height: 28px;
    color: #55596d;
}

#bbpress-forums form legend {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #55596d;
    margin-bottom: unset;
}

#bbpress-forums form .bbp-template-notice {
    color: #9ba1c0;
}

#bbpress-forums form .attachment {
    cursor: pointer;
    width: 150px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    color: #cccccc;
    border: 1px dashed #cccccc;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
}

#bbpress-forums form .attachment:hover {
    box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.08);
}

#bbpress-forums form .attachment .description {
    position: relative;
}

#bbpress-forums form .attachment.has-files .description {
    display: block;
    color: #55596d;
    width: 100%;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#bbpress-forums form .attachment .description:before {
    content: '+';
    position: absolute;
    left: -16px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    line-height: 11px;
    font-size: 10px;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 2px;
}

#bbpress-forums form .attachment.has-files .description:before {
    display: none;
}

#bbpress-forums form input[type="file"] {
    display: none;
}

#bbpress-forums a.d4p-attachment-addfile {
    font-weight: normal;
    font-size: 15px;
    text-decoration-line: underline;
    color: #4b92f7;
}

#bbpress-forums form [type="submit"] {
    color: white;
    font-weight: normal;
    font-size: 17px;
    line-height: 28px;
    height: auto;
    text-align: center;
    background: #4b92f7;
    border-radius: 10px;
    outline: none;
    border: unset;
    text-transform: none;
}

#bbpress-forums #wp-bbp_topic_content-editor-container,
#bbpress-forums #wp-bbp_reply_content-editor-container {
    border: unset;
}

#bbpress-forums #qt_bbp_topic_content_toolbar,
#bbpress-forums #qt_bbp_reply_content_toolbar {
    margin-bottom: 5px;
    border-radius: 4px;
}

#bbpress-forums #qt_bbp_topic_content_toolbar .button {
    color: var(--color-grey);
}

@media (max-width: 1024px) {
    #bbpress-forums li.bbp-topic-title {
        width: calc(100% - 40px);
    }

    #bbpress-forums .bbp-body .bbp-topic-freshness {
        width: initial;
        min-width: unset;
    }
}

/* forum : END */

.tax-module #main-container,
.single-lesson #main-container {
    position: relative;
    margin-bottom: 5em;
    border-radius: 15px;
    background: #ffffff;
    padding: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tax-module #main-container {
    padding: 0 30px !important;
}

@media (max-width: 1170px) {
    .single-lesson #main-container {
        padding: 0 20px !important;
    }
}

.tax-module .bluebghalf,
.tax-module .rectangle-bg,
.single-lesson .bluebghalf,
.single-lesson .rectangle-bg {
    display: none;
}


.single-lesson .link-block {
    -webkit-box-shadow: 0px 0px 22px -5px rgba(171, 171, 171, 0.3);
    -moz-box-shadow: 0px 0px 22px -5px rgba(171, 171, 171, 0.3);
    box-shadow: 0px 0px 22px -5px rgba(171, 171, 171, 0.3);
    padding: 15px 25px;
    border-radius: 15px;
}

.single-lesson .article-content {
    margin-top: 2em;
    font-family: 'Poppins', sans-serif;
}

.single-lesson .article-content .wp-block-file {
    min-height: 600px;
}

.sensei-message {
    font-family: 'Poppins', sans-serif !important;
}

.widget_sensei_course_progress .course-progress-navigation li a:before,
.widget_sensei_course_progress .course-progress-navigation li a:after {
    font-size: 1.1em;
}

.course-progress-navigation li a {
    padding: 5px 0 !important;
}

/* Icons with redirects */

.link-block .block-content .block-title {
    font-family: 'Poppins', sans-serif;
    font-size: 20px !important;
    letter-spacing: 0px;
    margin: 0;
}

.link-block .block-content p {
    font-family: var(--font-family-Poppins);
    font-size: 17px;
    color: #5f5f5f;
    line-height: 25px;
}

.lesson-main-left-col {
    border-right: none !important;
}

.single-lesson .custom-html-widget .link-block .block-media {
    margin-right: 20px;
    box-sizing: content-box;
    border-radius: 50%;
    width: 30px;
}

.single-lesson .custom-html-widget .link-block:nth-child(2) .block-media {
    background: #f6f0e1;
    border: 15px solid #f6f0e1;
}

.single-lesson .custom-html-widget .link-block:nth-child(3) .block-media {
    background: #dceceb;
    border: 15px solid #dceceb;
}

.single-lesson .custom-html-widget .link-block:nth-child(4) .block-media {
    background: #e8e1f6;
    border: 15px solid #e8e1f6;
}

.link-block .block-content a.link {
    font-family: 'Poppins', sans-serif;
    font-size: 13px !important;
    text-decoration: none !important;
    text-transform: none !important;
    color: #4b92f7;
    padding: 7px 10px;
    border: 1px solid #4b92f7;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

/* Download files button */

.single-lesson .lesson-content .text-left {
    text-align: right;
}

.single-lesson .lesson-content .text-left .btn {
    background: #ffffff !important;
    border: 0 !important;
    color: #4b92f7 !important;
    font-family: var(--font-family-Poppins);
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
}

.single-lesson .lesson-content .text-left i {
    margin-right: 5px;
}

.widget_sensei_course_progress .course-progress-lessons .completed {
    /*border-bottom: 1px solid #4b92f7 !important;*/
}

.single-quize .widget .course-progress-lesson.current span {
    background: #ffffff !important;
}

.widget_sensei_course_progress .course-progress-module {
    padding: 5px 20px;
}

/* Comments */

.comments-area .hr-long {
    display: none;
}

.comment-content,
#respond-wrap {
    font-family: 'Poppins', sans-serif;
}

.comment-author a {
    color: #4b92f7;
    font-weight: 600;
}

#comments-list .comment-date {
    font-size: 13px !important;
    color: #555555 !important;
}

.comment-body p {
    font-size: 16px;
    color: #333333;
}

.comment-reply-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

html .single-lesson .comment-form textarea {
    border-color: #93a0b3 !important;
    border-radius: 15px !important;
}

/**************** Budypress profile ****************/
.bp-user .products-wrap {
    margin-top: 60px;
}

@media (max-width: 767px) {
    .bp-user .products-wrap {
        margin-top: 0;
    }
}

.bp-user #main a.add_to_cart_button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 14px;
}

.bp-user #main .quick-view {
    top: 2px;
}

@media (max-width: 991px) {
    .bp-user #main a.add_to_cart_button {
        display: block;
        width: 50%;
    }

    .bp-user #main li.product figcaption .shop-actions>a.button:before {
        top: 50%;
        line-height: 0;
    }

    .bp-user #main li.product .shop-actions .quick-view:before {
        top: 12px;
    }
}

.my-account #item-body>h3 {
    display: none;
}

.bp-user #main-container .profile .course-rating.good {
    color: green;
}

.bp-user #main-container .profile .course-rating.neutral {
    color: darkgoldenrod;
}

.bp-user #main-container .profile .course-rating.bad {
    color: darkred;
}


.bp-user #main-container .coupon-products {
    margin-top: 10px;
}

.bp-user .coupon-products .coupon-product {
    padding: 5px 0;
}

.coupon-products .coupon-product .product-title {
    margin-bottom: 2px;
}

.coupon-products .coupon-product .actions {
    display: flex;
    flex-direction: row;
}


#buddypress .activity-inner>p {
    font-family: 'Poppins', sans-serif !important;
}

.meter.green>span {
    max-width: 100% !important;
    width: 100% !important;
}

div.meter>span {
    min-width: 55px !important;
}

/**************** Become Teacher *********************/

.page-template-page-bt-wg #main-container,
.page-template-page-faq #main-container {
    z-index: 2;
    position: relative;
    background: #ffffff;
    border-radius: 15px;
    margin: 1em auto 5em auto;
    padding: 65px 60px;
    max-width: 1300px !important;
    -webkit-box-shadow: 0px 0px 22px -5px rgba(171, 171, 171, 0.3);
    -moz-box-shadow: 0px 0px 22px -5px rgba(171, 171, 171, 0.3);
    box-shadow: 0px 0px 22px -5px rgba(171, 171, 171, 0.3);
}

.page-template-page-faq .main-wrap {
    background: #f8faff !important;
}

.page-template-page-bt-wg .rectangle-bg {
    z-index: 0;
    height: 1500px;
    width: 85%;
    top: 5px;
}

.page-template-page-bt-wg #main {
    background: transparent;
}

.page-template-page-bt-wg h1,
.page-template-page-bt-wg h2,
.page-template-page-bt-wg h3 {
    font-weight: 700;
    font-size: 30px;
}

/*** Values and plan ***/
/*** video wrap ***/
/*** Offer in numbers ***/
/*** Instructors ***/

.instructors-row-wrap {
    margin-top: 100px;
}

.instructors-row-wrap h3 {
    text-align: center;
    margin-bottom: 75px;
}

/*** Contact form ***/
.page-template-page-bt-wg .form-wrap label,
.page-template-page-bt-wg .form-wrap input[type=text],
.page-template-page-bt-wg .form-wrap input[type=email] {
    width: 100%;
}

.page-template-page-bt-wg .form-wrap input[type=text],
.page-template-page-bt-wg .form-wrap input[type=email],
.page-template-page-bt-wg .form-wrap textarea {
    margin-top: 10px;
    border-color: #cccccc;
    border-radius: 5px;
}

.page-template-page-bt-wg .form-wrap input[type=text]::placeholder,
.page-template-page-bt-wg .form-wrap input[type=email]::placeholder,
.page-template-page-bt-wg .form-wrap textarea::placeholder {
    color: #acacac;
}

/**************** BLOG *********************/
.category .tpl-right .wrap-content {
    padding-right: 0 !important;
}

.wg-bloglist-sidebar .widget {
    list-style: none;
}

.blog .breadcrumbs-container,
.category .breadcrumbs-container,
.tag .breadcrumbs-container {
    display: none;
}

/* Pagination */
/**************** Mobiles devices ****************/
/******* Tablets *******/
@media (min-width: 769px) and (max-width: 1024px) {

    /*** Home ***/
    .sc-home-col {
        margin-bottom: 30px;
    }

    .r-author-wrap {
        width: 70%;
    }

    .lbs-col {
        margin-bottom: 30px;
    }

    /*** User account ***/
    .bp-user #item-header-content {
        left: 19.5%;
        bottom: -33%;
    }

    /*** Single course ***/
    .top-info {
        margin-top: 25px;
    }

    .single-course-author-wrap {
        justify-content: flex-start;
    }

    .sc-author,
    .sc-count {
        margin-right: 15px;
    }

    /*** Single lesson ***/
    .single-lesson .row-tablet {
        flex-direction: column;
    }

    /*** Blog ***/
    .top-newsletter {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    /*** Become teacher ***/
    .offer-numbers-wrap {
        margin: 50px 0;
        justify-content: space-evenly;
    }

    .offer-numbers-wrap .on-col {
        width: 200px !important;
    }

    .page-template-page-bt-wg .video-trigger {
        height: 420px !important;
    }

}

/******* Devices up to 768px *******/
@media (max-width: 768px) {

    /*** Globals **/
    .rectangle-bg {
        display: none;
    }

    .big-title {
        font-size: 32px;
        line-height: 45px !important;
        max-width: 99%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .header-color .bimv-custom-blog-link,
    .header-color .icon-bell,
    .header-color .notify-items,
    .header-color .cart-items i,
    .header-color .search-trigger i,
    #nav-menu-item-side a i,
    .header-color .kleo-bp-user-avatar .caret:after {
        color: #555555 !important;
    }

    .row-full {
        width: initial;
    }

    /*** SECTION GLOBALS ***/
    .why-us-wrapper,
    .courses-wrapper,
    .course-cats-wrapper,
    .reviews-wrapper,
    .instructors-wrapper,
    .blog-wrapper,
    .contact-wrapper {
        padding-bottom: 50px;
    }

    /*** Slogan section ***/
    .right-col-img {
        position: relative;
        height: 250px;
        width: 100%;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
    }

    .slogan-wrap .big-title {
        line-height: 55px !important;
        max-width: 95% !important;
    }

    .slogan-buttons-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 3em;
    }

    .slogan-buttons-wrap .first-slogan-btn,
    .slogan-buttons-wrap .sec-slogan-btn {
        min-width: initial;
        padding: 20px;
    }

    .slogan-wrap .subtitle {
        text-align: center;
    }

    /*** Why us section ***/
    .why-us-wrapper p {
        text-align: center;
    }

    /*** Latest courses section ***/
    .latest-courses-header {
        justify-content: center;
    }

    .courses-wrapper .latest-courses-header .lc-metaheader {
        margin-bottom: 3em;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .courses-wrapper .section-title:after {
        width: 100%;
    }

    .single-course {
        margin-bottom: 3em;
    }

    .sc-meta small {
        font-size: 14px;
    }

    /*** Reviews section **/
    .r-author-wrap {
        width: 65%;
    }

    .review-author {
        width: 90%;
    }

    .review-content {
        padding: 20px 25px;
    }

    .review-footer a {
        padding: 0;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin-bottom: 20px;
    }

    /*** Instructors section **/
    .instructors-wrapper .big-title {
        margin-left: auto;
        margin-right: auto;
    }

    .single-instructor {
        margin-bottom: 40px;
    }

    .instructor-courses .first-slogan-btn {
        padding: 15px 25px;
        max-width: 90% !important;
        min-width: initial;
        font-size: 14px;
    }

    .sc-teacher>span {
        margin-left: 10px;
    }

    .prev-inst {
        left: -0.5%;
    }

    .next-inst {
        right: -0.5%;
    }

    /*** Blog section ***/
    .blog-wrapper .section-title {
        display: block;
        text-align: center;
    }

    .blog-wrapper .section-title:after {
        width: 10%;
        margin: 5px auto 0;
    }

    .latest-blog-single {
        margin-bottom: 3em;
    }

    .latest-courses-header .lc-metaheader {
        margin-bottom: 3em;
    }

    /*** Contact section **/
    .contact-info-wrap {
        height: 450px;
    }

    .contact-wrapper .wpcf7 {
        padding-top: 3em;
    }

    .contact-info-wrap h3 {
        font-size: 25px;
    }

    .contact-info-wrap .infos h3>img {
        height: 80px;
    }

    /******* Single course *******/
    .course-top {
        flex-direction: column;
    }

    .single-course-wrapper {
        box-shadow: none;
    }

    .gradient.show {
        width: auto !important;
    }

    .bimv-section-single-course-video .course-title {
        padding: 15px;
    }

    .bimv-course-playlist {
        width: 100%;
        margin: 20px 0;
    }

    /* Author */
    .course-countdown {
        padding: 0 15px;
    }

    .single-course-author-wrap {
        justify-content: flex-start;
        padding: 0 15px;
    }

    .sc-author {
        width: 100%;
        flex-direction: row;
        align-items: center;
        margin-bottom: 25px;
        justify-content: flex-start;
    }

    .sc-count {
        margin-right: 15px;
    }

    .sc-author-meta {
        display: flex;
        flex-direction: column;
    }

    .sc-rating {
        margin-left: 20px;
    }

    /* Actions */
    .course-actions-simple {
        padding: 0 15px;
    }

    .action-bottom-price .b-btn-white {
        font-size: 13px;
        padding: 0px 15px;
        height: 30px;
        line-height: 30px;
    }

    .course-actions-simple .action .woocommerce-Price-amount {
        font-size: 15px;
    }

    /* Tabs */
    .courses-custom .nav-tabs li a {
        font-size: 12.5px !important;
    }

    .bimv-author-block {
        padding: 0;
    }

    #tab-certyfikacja .row {
        margin: 0 0 25px !important;
    }

    .comment-borderbox {
        display: flex;
        flex-direction: column;
    }

    .sip-rswc-wrapper .comment-borderbox {
        padding: 0 15px !important;
    }

    .sip-rswc-wrapper .thumb {
        position: relative;
        margin: 10px auto !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }

    button.sip-rswc-more {
        width: auto;
    }

    /* Price tables */
    .ptables-single-wrap {
        margin-bottom: 25px;
    }

    /* Related */
    .sc-related-title {
        font-size: 30px;
        text-align: center;
    }

    /* Instructor CTA */
    .single-course .license {
        flex-direction: column;
        height: auto;
        padding: 0;
    }

    .single-course .license h3 {
        max-width: 100%;
        padding: 30px 15px;
        text-align: center;
    }

    .single-course .license .btn-see-through {
        position: relative;
        margin-bottom: 30px;
    }

    /******* Single lesson *******/
    .next-lesson {
        float: none;
        margin: 15px 0 0;
        display: block;
        width: 150px;
    }

    /******* Budypress profile *******/
    #my-courses article h2 a {
        width: 95%;
    }

    .buddypress.bp-light-icons div#item-header {
        min-height: 300px;
    }

    #item-header-avatar {
        position: relative !important;
        left: initial !important;
        bottom: initial !important;
        margin-top: 2em !important;
    }

    .bp-user #item-header-content {
        position: relative !important;
        width: auto;
        margin: 0 auto;
        left: initial !important;
        bottom: initial !important;
        z-index: 3 !important;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    html .is-user-profile div#item-header div#item-header-content a {
        background: #ffffff !important;
    }

    .bp-overlay-menu #buddypress div#item-nav {
        min-height: auto;
        padding: 0 !important;
    }

    /* Courses list */
    .entry-list-wrap .entry {
        padding: 15px;
        margin: 0;
    }

    /* === POPRAWKA: Ikona postępu w Moje Kursy === */
    .entry-list-wrap .course-author {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }

    .entry-list-wrap .progress-ic-wrap {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 100% !important;
        margin: 10px 0;
    }

    .entry-list-wrap .progress-ic-wrap img,
    .entry-list-wrap .progress-ic-wrap svg {
        width: 50px !important;
        height: 50px !important;
        object-fit: contain;
    }
    /* === KONIEC POPRAWKI === */

    /* Pagination */
    a.page-numbers,
    span.page-numbers {
        padding: 10px 10px !important;
        width: auto;
        display: inline-block !important;
        border-radius: 15px !important;
        margin: 0 8px !important;
    }

    /******* Become teacher *******/
    .acc__title::after {
        top: 40%;
    }

    .page-template-page-bt-wg h1,
    .page-template-page-bt-wg h2,
    .page-template-page-bt-wg h3 {
        font-size: 26px;
    }

    .page-template-page-bt-wg #main-container {
        padding: 3em 15px;
    }

    .offer-numbers-wrap {
        flex-direction: column;
        align-items: center;
        margin-bottom: 3em;
    }

    .offer-numbers-wrap .on-col {
        margin-bottom: 20px;
    }

    /******* BLOG *******/
    /* Top newsletter */
    .nl-wrap {
        max-width: 95%;
    }

    .top-newsletter h3 {
        line-height: 1.1;
    }

    /* Categories list */
    .bloglist-category {
        padding: 0 15px;
    }

    /* Articles */
    .blog article,
    .category article {
        width: 100% !important;
    }

    .blogpost-list-bottom-part {
        padding: 15px;
    }

    .blogpost-cats a {
        margin: 0 5px 0 0;
    }

    /* Pagination */
    .main-color .pagination>li>a,
    .main-color .pagination>li>span {
        padding: 17px 17px !important;
        height: 15px !important;
        width: 17px !important;
        border-radius: 50% !important;
        margin: 0px 5px !important;
    }

    /*** Courses categories ***/
    .thumb-img-wrap {
        min-width: 320px;
    }

    .ccc-footer .check-course {
        display: none !important;
    }

    .ccc-footer .ccc-in-numbers {
        width: 100%;
    }

}

.fixed-left-buttons {
    position: absolute;
    left: -90px;
    top: 0;
    width: 70px;
}

.fixed-left-buttons .button-group {
    background: url(./img/ask-on-forum.svg) center / 40px no-repeat;
}

.fixed-left-buttons .button-chat {
    background: url(./img/bi_chat-dots.svg) center / 40px no-repeat;
}

.fixed-left-buttons .btn,
.fixed-left-buttons .btn+.btn {
    border-radius: 50%;
    border: 1px solid #4b92f7;
    box-shadow: 0 15px 43px rgba(128, 128, 128, 0.1);
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    min-width: inherit;
    margin: 0 0 20px;
}

.single-course .sensei-results-links {
    display: block;
}

#main .posts-listing .archive-description {
    display: block;
    width: 100%;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .top-info {
        margin-top: 25px;
    }

    .fixed-left-buttons {
        width: fit-content;
        margin: 0 auto;
        position: unset;
    }

    .fixed-left-buttons .btn,
    .fixed-left-buttons .btn+.btn {
        float: left;
        width: 70px;
    }

    .fixed-left-buttons .btn {
        margin-right: 20px;
    }

    .single-course .sensei-results-links {
        float: right;
        margin: 0;
    }
}

@media (max-width: 677px) {
    #header .sticky-wrapper {
        display: flex !important;
        height: 100px !important;
        width: 100% !important;
    }

    #header .kleo-main-header {
        width: 100% !important;
    }

    #header .navbar-header {
        display: flex !important;
        width: 100% !important;
        align-items: center;
        justify-content: space-between;
    }

    .navbar-header .logo {
        order: 1;
        margin-right: auto;
    }

    #header .navbar-header .day-night-wrapper {
        float: none;
        order: 2;
    }

    .navbar-header .kleo-mobile-icons {
        display: flex;
        order: 3;
    }

    .navbar-header .kleo-mobile-switch {
        order: 4;
        float: none;
    }

    .navbar-header .logo img {
        width: 90px !important;
    }

    .navbar-header .logo {
        float: none !important;
    }
}

@media (max-width: 576px) {
    .tab-content>.tab-pane .badges-wrap {
        flex-direction: row;
    }

    .tab-content>.tab-pane .badges-wrap>a {
        margin: 0 10px 0 0;
    }
}

@media (max-width: 991px) and (min-width: 678px) {
    .kleo-main-header.header-normal .navbar-header {
        flex-grow: 0;
    }

    .header-flexmenu #header .kleo-main-header>.container {
        height: auto;
    }

    .kleo-mobile-switch {
        margin-top: 30px;
        margin-left: 20px;
    }
}

.kleo-toggle-menu .minicart-buttons {
    padding: 15px 10px !important;
}

body a.opinion-more-link {
    display: table;
    margin: auto;
    height: 50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 1px;
    border-color: #4b92f7 !important;
    border-radius: 30px !important;
    outline: none !important;
    color: #4b92f7;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 15px 20px 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.4s ease-in-out 0s;
}

#buddypress div#item-nav ul li#opinie-kursy-personal-li a:before {
    content: "\E862";
}

.mfp-hide {
    display: none !important;
}

html body .toast-container {
    z-index: 9999;
}

.bimv-course-category-nav p {
    font-size: 22px;
    font-weight: 800;
}

#tab-o-kursie p.main-header {
    font-size: 16px;
    font-weight: bold;
    color: rgb(0, 0, 0);
}

/* temporary black friday price tag color change */
.thumb-price-tag {
    position: absolute;
    top: 5%;
    left: 5%;
    border: 1px solid #ff0000;
    background: #000000;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 25px;
}

/* .thumb-price-tag.sc-price.is-on-sale {
    background-color: #ff8c00;
    color: #fff;
} */

/* .page-template-page-hom-wg .thumb-price-tag.sc-price del, .page-template-page-hom-wg .thumb-price-tag.sc-price .subscription-details {
    display: none;
} */

.field_news_subscription {
    display: none;
}

/* ==========================================================================
   BIMV - Naprawa osi czasu i struktury kursu (do style.css)
   ========================================================================== */

/* Ukrycie nagłówka sekcji Lekcje */
body.groups #buddypress .course .module .module-lessons header,
body.groups #buddypress .course .module .module-lessons > h3 {
    display: none !important;
}

/* Resetowanie listy dla uzyskania ciągłej linii */
body.groups #buddypress .course .module .module-lessons ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

body.groups #buddypress .course .module .module-lessons ul li {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: none !important;
}

/* Stylizacja linku jako głównego kontenera wiersza */
body.groups #buddypress .course .module .module-lessons ul li a {
    position: relative !important;
    display: block !important;
    padding: 14px 20px 14px 45px !important; /* Miejsce na linię i kółko */
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Geometria kółek (Węzłów) */
body.groups #buddypress .course .module .module-lessons ul li a:before {
    content: "" !important;
    position: absolute !important;
    left: 15px !important; 
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    z-index: 3 !important;
}

/* Status ukończony - wypełnienie kółka */
body.groups #buddypress .course .module .module-lessons ul li.completed a:before {
    background-color: #06a5e6 !important;
    border-color: #06a5e6 !important;
}

/* Ciągła linia łącząca (Timeline Track) */
body.groups #buddypress .course .module .module-lessons ul li a:after {
    content: "" !important;
    position: absolute !important;
    left: 20px !important; /* Idealnie w osi kółka */
    top: 0 !important;
    width: 2px !important;
    height: 100% !important;
    background-color: #e2e8f0 !important;
    z-index: 1 !important;
    display: block !important;
}

/* Ukrycie wystającej linii w ostatniej lekcji modułu */
body.groups #buddypress .course .module .module-lessons ul li:last-child a:after {
    height: 50% !important; /* Linia kończy się na kółku ostatniej lekcji */
}

/* Usunięcie starej linii z oryginalnych stylów, jeśli jeszcze prześwituje */
body.groups #buddypress .module .module-lessons ul li a:after {
    background-image: none !important;
}

/* ==========================================================================
   BIMV: GLOBALNY WYGLĄD AWATARÓW (CIENIE ZAMIAST RAMEK)
   ========================================================================== */

/* 1. Usunięcie obramowania z kontenerów nadrzędnych */
body.bp-user #buddypress div#item-header-avatar,
body.bp-user #buddypress div#item-header-avatar.rounded,
body.groups #buddypress div#item-header-avatar,
body.groups #buddypress div#item-header-avatar.rounded {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 2. Usunięcie ramki z samego zdjęcia i dodanie niebieskiego cienia */
body.bp-user #buddypress div#item-header-avatar img.avatar,
body.groups #buddypress div#item-header-avatar img.avatar,
.single-course-wrapper div#item-header-avatar img.avatar {
    border: none !important; /* Wymuszone usunięcie starych ramek */
    
    /* Parametry cienia (box-shadow):
       oś X (0px), oś Y (12px), rozmycie (24px), kurczenie (-6px).
       Kolor: rgba(75, 146, 247, 0.35) to niebieski #4b92f7 z 35% przezroczystością. 
    */
    -webkit-box-shadow: 0px 12px 24px -6px rgba(75, 146, 247, 0.35) !important;
    -moz-box-shadow: 0px 12px 24px -6px rgba(75, 146, 247, 0.35) !important;
    box-shadow: 0px 12px 24px -6px rgba(75, 146, 247, 0.35) !important;
    
    /* Utrzymanie odpowiedniego zaokrąglenia i dopasowania wewnątrz obszaru */
    object-fit: cover !important;
    background-color: #ffffff !important;
}

/* 3. Zabezpieczenie poprawnego kształtu dla mobile (nadpisuje poprzednie reguły) */
@media (max-width: 768px) {
    body.bp-user #buddypress div#item-header-avatar a,
    body.bp-user #buddypress div#item-header-avatar img.avatar {
        width: 110px !important;
        height: 110px !important;
        border-radius: 50% !important;
        border: none !important; /* Brak białej ramki na mobile */
    }
}