/*
Theme Name:     Mobie eSmart Cloud Theme
Description:    Mobie eSmart Cloud by Mobie.
Author:         Mobie Oy
Author URI:     https://www.mobie.fi
Template:       boss
Version:        2.3.1
*/

/* mobile */
@media screen and (max-width: 480px) {
    .esmart .entry-content {
        font-size: 15px;
    }
}

/* LD-sisällön leipätekstin koko */

.esmart .lms-post-content p {
    font-size: inherit;
}

/* Edellinen/seuraava luku */

.esmart #post-entries {
    display: inline-block;
    width: 100%;
}

.esmart .nav-prev {
    float: left;
    width: 50%;
}

/* Päävalikon ikonit */

.esmart.is-desktop .header-navigation ul li a span,
.esmart.boxed.is-desktop #mastlogo .site-title a,
.esmart.is-desktop #item-buttons .pop .inner a {
    background: none;
    color: inherit;
    font-size: inherit;
    padding: 0 4px;
    position: inherit;
    top: 0;
}

.esmart.is-mobile #header-menu i {
    display: none;
}

.esmart.is-mobile #header-menu span {
    background: transparent;
    color: inherit;
    font-size: inherit;
    padding: inherit;
}

/* Luku-tekstin poisto */

.esmart .entry-content .entry-header > span {
    display: none;
}

/* Ryhmälinkit mobiilissa */

.esmart #buddypress #mobile-item-nav ul li a {
    display: inline-block;
}

/* Learndash Notes */

.esmart .nt-note-tab {
    font-weight: normal;
}

.esmart #nt-note-title {
    color: #cecece;
}

.esmart .ldnt-content-notes {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .esmart .nt-note-wrapper {
        bottom: auto !important;
    }
}

/* WP Video margin */

.esmart .wp-video {
    margin-bottom: 15px;
}

/* Sitewide notice style */

.esmart #sitewide-notice #message {
    background-color: #eee;
}

.esmart #sitewide-notice #message #close-notice span {
    display: none;
}

/* Unset left panel box-shadow because it went across the sitewide notice */

body.esmart.left-menu-open #left-panel #scroll-area,
body.esmart:not(.left-menu-open) #left-panel {
    box-shadow: unset;
}

/* SIVUPALKKI
---------------------------------*/

@media screen and (min-width: 481px) {
    .page-right-sidebar #primary.site-content {
        box-sizing: border-box;
    }
}

/* Sivupalkin sisäinen viivoitus */

.secondary-inner #item-actions,
#group-description,
#secondary.widget-area .widget {
    border-bottom: 1px solid;
}

/* KURSSIN EDISTYMINEN "OMAT KURSSIT" SIVULLA
--------------------------------------------------*/

/* Expanded, kurssin otsikon alta padding pois */

#learndash_profile #course_list > div .expand + h4 > a {
    padding-bottom: 0;
}

/* Expanded, kurssin otsikon vieressä suoritettu/ei suoritettu -merkin sijainti */

@media screen and (max-width: 600px) {
    .is-mobile #learndash_profile #course_list .expand + h4 > a:after {
        top: 60%;
    }
}

@media screen and (min-width: 600px) {
    #learndash_profile #course_list .expand + h4 > a:after {
        top: 75%;
    }
}

/* Kurssikategoriat */

.single-sfwd-courses .course-header .categories a {
    border-radius: 3px;
    border: 2px solid;
}

/* TAKE THIS COURSE -napin tyylittely */

#course-details #btn-join {
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 4px;
}

/* Kurssimateriaali-laatikko */

#learndash_course_materials .materials-content {
    padding: 10px 15px 10px;
}

/* Kurssimateriaalin linkki */

.materials-content a {
    padding-bottom: 0;
}

/* Lukujen luettelo */

.esmart .learndash_topic_dots.type-list ul li {
    margin: 0 0 0 0;
}

#lessons_list .lesson h4,
#quiz_list > div h4,
.ld-item {
    padding: 10px 30px 10px 76px;
}

#lessons_list .lesson h4 a {
    margin-top: 7px;
}

#learndash_lessons #lessons_list .lesson-meta {
    line-height: 40px;
}

/* Lukulistaus, merkkinuolien sijainti */

.esmart .learndash .type-list .topic-completed:before,
.esmart .learndash .type-list .topic-notcompleted:before {
    margin-top: 19px;
}

.esmart .learndash #lessons_list .completed:before,
.esmart .learndash #lessons_list .in-progress:before,
.esmart .learndash #lessons_list .notcompleted:before {
    top: 14px;
}

/* Kurssin kokeiden koetulostrn jälkeen olevien nappien marginaali */

.wpProQuiz_button[name=restartQuiz],
.wpProQuiz_button[name=reShowQuestion],
div.quiz_continue_link {
    margin-bottom: 0;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 0 !important;
}

/* KURSSIYMPÄRISTÖ, UPLOAD ASSIGNMENT
--------------------------------------------------*/

#leardash_upload_assignment u {
    background-color: transparent;
    line-height: 50px;
    text-decoration: none;
}

/* Kurssisisältö sivupalkissa, lukujen luettelo */

body .learndash_navigation_lesson_topics_list .list_arrow.collapse {
    background-position: 0 3px;
    padding-right: 5px !important;
}

/* Sivupalkin lukulistaus, merkkinuolien sijainti */

.learndash_navigation_lesson_topics_list .list_arrow.expand {
    background-position: 20% 6px;
}

#secondary .list_arrow.collapse.lesson_completed,
#secondary .lesson_incomplete.list_arrow.collapse,
#secondary .list_arrow.expand,
#secondary .list_arrow.expand.lesson_completed,
#secondary .lesson_incomplete.list_arrow.expand {
    display: inline-block;
    float: left;
    padding: 10px;
}

/* Kokeet listattuna */

#quiz_list .completed:before,
#quiz_list .notcompleted:before,
.ld-item .completed:before,
.ld-item .in-progress:before,
.ld-item .notcompleted:before,
.learndash .type-list .topic-completed:before,
.learndash .type-list .topic-notcompleted:before {
    margin-top: 8px;
}

/* Kommentoi-nappi tyyliteltynä uusiksi */

#buddypress div.activity-meta a.acomment-reply {
    letter-spacing: 0;
    padding: 6px 13px;
    font-size: 14px !important;
}

@media screen and (max-width: 480px) {
    #buddypress ul#activity-stream li.activity-item div.activity-meta a {
        margin-bottom: 10px !important;
    }
}

/* Kommentoi-napin vieressä oleva kommenttilaskuri */

#buddypress a.bp-primary-action span,
#buddypress #reply-title small a span {
    margin-left: 2px;
    padding: 2px 4px;
    font-size: 13px;
}

/* Oma toiminta -alueen kommentti-nappi */

#buddypress div.activity-meta a.acomment-reply {
    letter-spacing: 0;
    padding: 6px 13px;
    border-width: 2px;
    border-style: solid;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    width: inherit;
    font-weight: 800;
    line-height: 23px;
}

/* TEE MUISTIINPANOJA -nappi */

.ldnt-content-notes .nt-note-tab {
    border-radius: 3px;
}

/* Laajenna kaikki / Supista kaikki -tekstit sijoiteltu uusiksi */

@media screen and (max-width: 480px) {
    #learndash_profile .expand_collapse {
        position: relative;
        top: -15px;
    }
}

/* Jäsenten aktiivisuus, teksti */

#buddypress div#item-body .activity {
    font-size: 13px;
}

@media screen and (min-width: 481px) {
    .bp-user.messages #buddypress div#subnav.item-list-tabs ul li a {
        width: 168px;
    }
}

/* Search-laatikko */

.text-filter-box {
    max-width: 200px;
}

/* BACK TO GROUP MANAGEMENT -nappi */

button.ulgm-modal-link,
button.ulgm-link,
button.submit-group-management-form {
    height: 40px;
    display: block;
    width: 100%;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    background-color: transparent;
    text-transform: uppercase;
    border-radius: 4px;
    border: 2px solid;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 2px;
    font-weight: 600;
}

/* Listausnäkymän sivutus */

.jplist-pagingprev button,
.jplist-pagingmid button,
.jplist-pagingnext button {
    font-size: 16px;
}

/* Taulukon värillisen headerin jälkeinen osuus */

.pseudo-table-body {
    padding: 5px;
}

/* Listausnäkymä-nappi */

.jplist-drop-down {
    border-radius: 4px;
    border: 2px solid;
    padding: 0;
}

/* Listausnäkymä-napin vaihtoehdot ilman marginaalia */

.entry-content .jplist-drop-down ul li {
    margin: 0;
}

/* Listausnäkymä-napin tekstityyli */

.jplist-dd-panel,
.jplist-drop-down ul li span {
    float: left;
    padding-left: 15px;
    font-weight: 600;
    height: 38px;
    line-height: 38px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
}

/* Listausnäkymä-napin tyyli */

.jplist-drop-down ul {
    width: 100%;
    list-style: none;
    margin: 0;
    transition: all 0.2s ease;
    position: absolute;
    z-index: 3;
    left: -2px;
    top: 34px;
    border: 2px solid;
    border-top: none;
    padding: 0;
    border-radius: 2px;
}

/* Listausnäkymä-napin nuolimerkki */

.jplist-dd-panel:after {
    position: absolute;
    top: 15px;
    right: 15px;
}

/* CSV-nappi */

a.dt-button.buttons-csv.buttons-html5 {
    padding: 7px 20px;
    border-radius: 4px;
    border: none !important;
    display: inline-block;
    height: auto;
}

a.dt-button.buttons-csv.buttons-html5 span {
    text-transform: uppercase;
    line-height: normal;
    font-weight: 800;
    font-size: 12px;
}

/* Taulukon viivoitus */

table.dataTable thead th,
table.dataTable thead td,
table.dataTable.no-footer {
    border-bottom: 1px solid;
}

/* Log in -vimpain, turhien välistyksien poistaminen */

.esmart #secondary .esmart-login-widget .widget.buddypress {
    padding: 0;
}

/* Log in -vimpain, profiilikuvan tyylit */

.esmart #secondary .esmart-login-widget .widget img.avatar {
    border-radius: 50px;
    border: 3px solid;
}

/* Log in -vimpain, kirjaudu ulos -napin tyylittely */

.esmart #secondary .bp-login-widget-user-logout a.logout {
    font-weight: 800;
    font-size: 12px;
    padding: 7px 20px;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    line-height: normal;
    margin-top: 20px;
}

/* Restricted page notice */
.mec_access_restricted {
    display: flex;
    align-items: center;
    background-color: #ddd;
    padding: 1rem;
    border-radius: 3px;
    color: #111;
}
.mec_access_restricted i.fa-times-circle {
    margin-right: 1rem;
    color: rgb(194, 24, 0);
}
.mec_access_restricted i.fa-times-circle::before {
    font-size: 1.25rem;
}