#navbarhy {
    background-color: #fff;
    border-top: solid 5px #00b140;
}

.navbar.header-area {
    border-top: none;
}

.footer-header-underline {
    display: none;
}

.course-header-txt {
    display: none;
}

.section .label .contentwithoutlink, .section .label .activityinstance {
    padding-right: 0;
}

.modtype_page .activityinline {
    padding: 0;
}

.modtype_page .activityinline .activitytitle {
    display: none;
}

.description .course-description-item {
    background-color: initial;
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0;
}

.activityiconcontainer {
    display: none;
}

#page-course-view-topics .hide_on_course_view_page {
    display: none;
}

#page-mod-forum-view .hide-discussboard-content {
    display: none;
}

.loading-blur {
    filter: blur(5px);
    pointer-events: none;
}

body .single-course {
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: white;
}

body .course-header-image {
    background-size: 100%; /* fix header image size issue on mobile */ 
}

.activity-item iframe {
    width: 100%; /* fix iframe/youtube size issue on mobile */
    max-width: 640px;
}

body .jwplayer .jw-media video {
    max-width: 100%; /* fix jwplayer size issue on mobile */
}

body#page-course-view-topics {
    height: auto; /* fix scorlling issue for side nav on mobile */ 
}

body .stickyhy {
    position: sticky; /* avoid hiding of the heading text of the section below */
}

body .activity-item .activity-altcontent.activity-description {
    font-size: 0.9375rem; /* adjust the font size of activity description to match that of the main content */
}

/* Overwrite the default active item in side nav for class .pageitem */
body .courseindex .courseindex-item.pageitem:hover,
body .courseindex .courseindex-item.pageitem:focus {
    background-color: transparent;
    color: #495057;
}

body .courseindex .courseindex-item.pageitem {
    background-color: transparent;
    color: #495057;
}

body .courseindex .courseindex-item.pageitem a {
    color: #495057;
}

body .courseindex .courseindex-item.pageitem:hover .courseindex-link {
    color: #000;
}

/* Apply the same style to our own class .active */
body.format-topics .courseindex .courseindex-item.active:hover,
body.format-topics .courseindex .courseindex-item.active:focus {
    background-color: #008b32;
    color: #e6e6e6;
}

body.format-topics .courseindex .courseindex-item.active {
    background-color: #00b140;
    color: #FFF;
}

body.format-topics .courseindex .courseindex-item.active a {
    color: #FFF;
}

body.format-topics .courseindex .courseindex-item.active:hover .courseindex-link {
    color: #e6e6e6;
}