/* base */

@font-face{font-family:"Montserrat";font-style:normal;font-weight:300;src:local("Montserrat Light"),local("Montserrat-Light"),url(/fonts/montserrat-v15-latin-300.woff2) format("woff2"),url(/fonts/montserrat-v15-latin-300.woff) format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(/fonts/montserrat-v15-latin-regular.woff2) format("woff2"),url(/fonts/montserrat-v15-latin-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;src:local("Montserrat Medium"),local("Montserrat-Medium"),url(/fonts/montserrat-v15-latin-500.woff2) format("woff2"),url(/fonts/montserrat-v15-latin-500.woff) format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;src:local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(/fonts/montserrat-v15-latin-600.woff2) format("woff2"),url(/fonts/montserrat-v15-latin-600.woff) format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(/fonts/montserrat-v15-latin-700.woff2) format("woff2"),url(/fonts/montserrat-v15-latin-700.woff) format("woff");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;src:local("Montserrat ExtraBold"),local("Montserrat-ExtraBold"),url(/fonts/montserrat-v15-latin-800.woff2) format("woff2"),url(/fonts/montserrat-v15-latin-800.woff) format("woff");font-display:swap}

@font-face{font-family:"UTAS-UI";src:url(/fonts/UTAS-UI.ttf) format("truetype"),url(/fonts/UTAS-UI.woff) format("woff"),url(/fonts/UTAS-UI.svg#UTAS-UI) format("svg");font-weight:normal;font-style:normal;font-display:block;font-display:swap}

html, * {
  text-rendering: auto;
  -webkit-font-smoothing: auto;
}
body {
  height: 100vh;
  font-family: "Montserrat",sans-serif;
  font-size: 17px;
  font-weight: 400;
  background-color: #fff;
  overflow-x: hidden;
}
.container {
    width: 1600px;
    max-width: 100%;
}
.btn {
    font-family: "Montserrat",sans-serif;
    font-weight: 600 !important;
    border-radius: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
}
.btn-default {
    border: rgba(0, 0, 0, 0.1) solid 1px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    text-align: left;
}
.topbar {
    font-family: "Montserrat",sans-serif;
}
.header {
    font-family: "Montserrat",sans-serif;
}
.header .navbar-default .navbar-nav li a:not(.btn) {
    font-family: "Montserrat",sans-serif;
}
.nav.navbar-nav li.admin-menu .dropdown-toggle {
    font-family: "Montserrat",sans-serif;
}

/* course style overrides */

/* panel colours */
.course-MSMOOC_DMT .activity-panel {
    background-color: #3166ab !important;
    border: none !important;
}
.course-MSMOOC_MH .activity-panel {
    background-color: #3C8257 !important;
    border: none !important;
}
.course-MSMOOC_Ageing .activity-panel {
    background-color: #796EA6 !important;
    border: none !important;
}
.course-MSMOOC_DMT .activity-panel p, .course-MSMOOC_MH .activity-panel p, .course-MSMOOC_Ageing .activity-panel p {
    color: #fff !important;
}
.course-MSMOOC_DMT .activity-panel a:not(.btn), .course-MSMOOC_MH .activity-panel a:not(.btn), .course-MSMOOC_Ageing .activity-panel a:not(.btn) {
    color: #fff !important;
    border-bottom: #fff solid 2px !important;
}
.course-MSMOOC_DMT .activity-panel ul:not(.dropdown-menu) li, .course-MSMOOC_DMT .activity-panel ol li,
.course-MSMOOC_MH .activity-panel ul:not(.dropdown-menu) li, .course-MSMOOC_MH .activity-panel ol li,
.course-MSMOOC_Ageing .activity-panel ul:not(.dropdown-menu) li, .course-MSMOOC_Ageing .activity-panel ol li {
    color: #fff !important;
}
#course.course-MSMOOC_DMT .activity-panel h1, #course.course-MSMOOC_DMT .activity-panel h2, #course.course-MSMOOC_DMT .activity-panel h3, #course.course-MSMOOC_DMT .activity-panel h4, #course.course-MSMOOC_DMT .activity-panel h5, #course.course-MSMOOC_MH .activity-panel h5,
#course.course-MSMOOC_MH .activity-panel h1, #course.course-MSMOOC_MH .activity-panel h2, #course.course-MSMOOC_MH .activity-panel h3, #course.course-MSMOOC_MH .activity-panel h4, #course.course-MSMOOC_MH .activity-panel h5, #course.course-MSMOOC_MH .activity-panel h5,
#course.course-MSMOOC_Ageing .activity-panel h1, #course.course-MSMOOC_Ageing .activity-panel h2, #course.course-MSMOOC_Ageing .activity-panel h3, #course.course-MSMOOC_Ageing .activity-panel h4, #course.course-MSMOOC_Ageing .activity-panel h5, #course.course-MSMOOC_Ageing .activity-panel h5 {
    color: #fff !important;
}

/* panel icons */

.course-MSMOOC_DMT .activity-learning-outcomes::before, .course-MSMOOC_MH .activity-learning-outcomes::before, .course-MSMOOC_Ageing .activity-learning-outcomes::before {
    background: none;
    content: "\f19d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 8rem;
    color: #fff;
    text-align: center;
    top: 0;
}
.course-MSMOOC_DMT .activity-web_resource::before, .course-MSMOOC_MH .activity-web_resource::before, .course-MSMOOC_Ageing .activity-web_resource::before {
    background: none;
    content: "\f129";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9rem;
    color: #fff;
    text-align: center;
    top: 10px;
}
.course-MSMOOC_DMT .activity-quiz::before, .course-MSMOOC_MH .activity-quiz::before, .course-MSMOOC_Ageing .activity-quiz::before {
    background: none;
    content: "\f128";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9rem;
    color: #fff;
    text-align: center;
    top: 10px;
}
@media (max-width: 767px) {
    .course-MSMOOC_DMT .activity-learning-outcomes::before, .course-MSMOOC_MH .activity-learning-outcomes::before, .course-MSMOOC_Ageing .activity-learning-outcomes::before {
        font-size: 3rem;
        top: 15px;
    }
    .course-MSMOOC_DMT .activity-web_resource::before, .course-MSMOOC_MH .activity-web_resource::before, .course-MSMOOC_Ageing .activity-web_resource::before {
        font-size: 4rem;
        top: 15px;
    }
    .course-MSMOOC_DMT .activity-quiz::before, .course-MSMOOC_MH .activity-quiz::before, .course-MSMOOC_Ageing .activity-quiz::before {
        font-size: 4rem;
        top: 15px;
    }
}

/* quiz callout fix */
.question.bs-callout.bs-callout-default {
    background-color: #fff;
}
.question.bs-callout.bs-callout-default h4, .question.bs-callout.bs-callout-default p {
    color: #222 !important;
}

/* survey label overrides */

.course-MSMOOC_MH .activity-survey::before, .course-MSMOOC_Ageing .activity-survey::before {
    background: none;
    content: "\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9rem;
    color: #fff;
    text-align: center;
    top: 10px;
}
.course-MSMOOC_MH .activity-survey h2 b, .course-MSMOOC_Ageing .activity-survey h2 b {
    display: none;
}
.course-MSMOOC_MH #survey_btn_1, .course-MSMOOC_MH #survey_btn_2, .course-MSMOOC_MH #survey_btn_3, .course-MSMOOC_MH #survey_btn_4 {
    position: relative;
    width: 180px;
    color: rgba(0,0,0,0);
}
.course-MSMOOC_MH #survey_btn_1::after, .course-MSMOOC_MH #survey_btn_2::after, .course-MSMOOC_MH #survey_btn_3::after, .course-MSMOOC_MH #survey_btn_4::after {
    content: 'Open activity';
    position: absolute;
    left: 15px;
    color: rgba(0,0,0,1);
}
.course-MSMOOC_MH .activity-survey #btn-submit-survey, .course-MSMOOC_Ageing .activity-survey #btn-submit-survey{
    position: relative;
    height: 62px;
    color: rgba(255,255,255,0);
}
.course-MSMOOC_MH .activity-survey #btn-submit-survey::after, .course-MSMOOC_Ageing .activity-survey #btn-submit-survey::after{
    content: 'Save';
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    color: rgba(255,255,255,1);
}

.course-MSMOOC_MH .label-survey, .course-MSMOOC_Ageing .label-survey {
    display: none;
}
.course-MSMOOC_MH .progress-indicator > li .bar-background .badge.badge-quiz, .course-MSMOOC_Ageing .progress-indicator > li .bar-background .badge.badge-quiz{
    display: none;
}

@media (max-width: 767px) {
    .course-MSMOOC_MH .activity-survey::before, .course-MSMOOC_Ageing .activity-survey::before {
        font-size: 4rem;
        top: 15px;
    }
}

/* group assignment overrides */

.course-MSMOOC_DMT .activity-group::before, .course-MSMOOC_MH .activity-group::before {
    background: none;
    content: "\f46c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9rem;
    color: #fff;
    text-align: center;
    top: 10px;
}

@media (max-width: 767px) {
    .course-MSMOOC_DMT .activity-group::before, .course-MSMOOC_MH .activity-group::before {
        font-size: 4rem;
        top: 15px;
    }
}

/* discussion overrides */

.course-MSMOOC_Ageing .activity-discussion_board.activity-activity_board::before {
    background: none;
    content: "\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9rem;
    color: #fff;
    text-align: center;
    top: 10px;
}
.course-MSMOOC_Ageing .activity-discussion_board:not(.activity-activity_board)::before {
    background: none;
    content: "\f086";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 9rem;
    color: #fff;
    text-align: center;
    top: -10px;
}

@media (max-width: 767px) {
    .course-MSMOOC_Ageing .activity-discussion_board:not(.activity-activity_board)::before {
        font-size: 4rem;
        top: 10px;
    }
}


/*quiz overrides*/
#course .quiz_form .question h4 {
    color: #000 !important;
}
#course #form-actions h4, #course #form-actions h5 {
    color: #000 !important;
}

/* course style overrides */
.container.course {
    max-width: 1600px;
}
.row-offcanvas .btn-top-right {
    margin: -1px -1px 0 0;
}
@media screen and (max-width: 991px) {
    .breadcrumb-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .container.course {
        padding-left: 0;
        padding-right: 0;
    }
    .row-offcanvas .menu-icon {
        margin: -1px 0 0 -2px;
        border-radius: 0;
        z-index: 2;
    }
    .row-offcanvas .btn-top-right {
        margin-right: -2px;
    }
    .course_ap .row-offcanvas .content-offcanvas .panel-offcanvas {
        border: none;
    }
}

.wizard-label {
    max-width: 640px;
}
.wizard-label h5 {
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.wizard-label p {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.wizard-label .btn {
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 600;
}
@media (max-width: 640px) {
    .wizard-label {
        max-width: 100%;
    }
}

/* activity mobile icon tweaks */
@media (max-width: 767px) {
    .activity-panel {
        padding-left: 19px;
        padding-top: 70px;
    }
    .activity-panel:before {
        top: 15px;
        left: 15px;
        width: 60px;
        height: 52px;
    }
    .activity-panel .quiz_content, .activity-panel .discussion_content {
        margin-left: 0;
    }
}