#Gocha#

// Post SCSS for the theme.

#page-course-view-topics:not(.path-user) {
    #page-navbar {
        background-position: center;
    }

#page-header {
        .col-12 {
            bottom: 0;
            z-index: 9;
            background-color: #0e4e98;

.card {
                background-color: transparent;
            }

h1 {
                color: #fff;
                margin: 0;
            }
        }
    }

@include media-breakpoint-up(md) {
        #page-header {
            .col-12 {
                bottom: -18px;
                z-index: 9;
                background-color: transparent;
            }

.page-header-headings h1 {
                background: #0d274d;
                display: inline-block;
                border-radius: 20px;
                padding: 7px 21px;
                font-size: 26px;
            }
        }
    }
}

.pagelayout-incourse,
.pagelayout-course,
.pagelayout-report {
    #nav-drawer .list-group:nth-of-type(1) .list-group-item:nth-of-type(1):before {
        content: "Módulo 1";
    }
}

// Modules
.path-mod {

h1,
    h2 {
        color: #0e4e98;
    }
}

// Componentes

.course-module-area {

h3,
    h4,
    h5,
    h6 {
        color: #0d4e97;
    }

// Banner
    .unit-banner {
        background-image: url([[pix:theme|banner_mask]]), url([[pix:theme|banner]]);
        background-position: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-size: cover;
        background-repeat: no-repeat, no-repeat;
        margin-bottom: 40px;
        height: 50vw;
        min-height: 190px;
        max-height: 443px;
    }

.unit-banner__content h2 {
        color: $primary;
        font-size: 32px;
        padding-bottom: 30px;
    }

.unit-black-bar {
        background-color: $primary;
        padding: 3px 20px;
        width: fit-content;
        margin: 0 auto;
        border-radius: 50px;
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;

.unit-info p {
            color: $primary;
            font-weight: 600;
            margin-bottom: 0;
            font-size: 20px;
        }

.unit-info p span {
            color: #fff;
        }
    }

@media (max-width:767px) {
        .unit-banner {
            margin-bottom: 30px;
            background-size: cover;
        }

.unit-black-bar {
            width: 100% !important;
            border-radius: 0 !important;
        }

.unit-black-bar .unit-info p span {
            font-size: 16px;
        }
    }
}