:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #15284C;--nav-text-color: #F6F4EC;--color-primary: #0C818F;--btn-prim-accent-color: #4D2379;--btn-accent-color: #4D2379;--link-color: #4D2379;--color-state: #15284C;--color-text: #000000;--footer-bg-color: #15284C;--footer-text-color: #F6F4EC;--btn-prim-accent-color-focus: #43196f;--btn-prim-accent-color-active: #32085e;--btn-accent-color-focus: #43196f;--btn-accent-color-active: #32085e;--link-color-hover: #43196f;--color-state-hover: #0b1e42;--color-state-focus: #0b1e42;--color-state-active: #000d31;--footer-text-color-hover: #eceae2;}
/*VERSION CONTROL
LAST UPDATE BY: Katherine Rayn
DATE: 29 April 2025
WR: 448787
COPY:https://alfresco.wgtn.cat-it.co.nz/share/s/FI8lSiJHTL2i6n-JVdErbA
*/


/*SITE ELEMENTS*/

/*font, text and headings*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", serif;
    color: #15284c;
    line-height: 1.25;
}

body {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

h1,
h2 {
    font-weight: 700;
}

h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 17px;
}

/*************************FIX MULTISELECT CUSTOM FIELD SPACING*************/
.customfield-multiselect .felement>span {
    margin: 0;
}

/*site header*/
@media only screen and (min-width: 768px) {
    .totaraNav .totaraNav_prim .masthead_logo--header_img {
        height: 5.5rem;
    }
}


/*site footer*/
footer .footer-logo {
    max-width: 100%;
    width: 26rem;
}


/*buttons*/
button,
input.form-submit,
input[type=button],
input[type=submit],
input[type=reset],
.link-as-button,
.btn-default,
input#id_submitbutton,
input#id_submitbutton2,
.btn-primary,
.tui-formBtn--prim,
.tui-iconBtn--prim,
.tui-actionLink--prim,
#notice .singlebutton+.singlebutton input,
.submit.buttons input[name=cancel],
.tw-catalogManageBtns__btn,
.tw-catalogResultsShare__btn,
.tw-evidence__header_titleBtns_buttons_link,
.tui-formBtn,
td.submit input,
.btn-cancel,
.btn-secondary,
#page-site-index input[type='submit'],
input.btn.btn-primary.btn-block,
.loginbox #loginbtn,
.f2f-attendees-table input[name=saveattendance],
.path-mod-feedback .feedback_form input[type=submit],
.path-mod-feedback .feedback_form input[type=submit],
.addBlock--trigger,
.tw-containerCourse-enrolmentBanner__enrolButton,
.btn.totara_core__myreports__title__btn {
    border-radius: 10px;
    border: 1px solid #4D2379;
    box-shadow: 0px 5px 0 0 #4D2379;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: white;
    color: #4D2379;
    padding: 12px 40px;
}

button:hover,
input.form-submit:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.link-as-button:hover,
.btn-default:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
.btn-primary:hover,
.tui-formBtn--prim:hover,
.tui-iconBtn--prim:hover,
.tui-actionLink--prim:hover,
#notice .singlebutton+.singlebutton input:hover,
.submit.buttons input[name=cancel]:hover,
.tw-catalogManageBtns__btn:hover,
.tw-catalogResultsShare__btn:hover,
.tw-evidence__header_titleBtns_buttons_link:hover,
.tui-formBtn:hover,
td.submit input:hover,
.btn-cancel:hover,
.btn-secondary:hover,
#page-site-index input[type='submit']:hover,
input.btn.btn-primary.btn-block:hover,
.loginbox #loginbtn:hover,
.f2f-attendees-table input[name=saveattendance]:hover,
.path-mod-feedback .feedback_form input[type=submit]:hover,
.path-mod-feedback .feedback_form input[type=submit]:hover,
.addBlock--trigger:hover,
.tw-containerCourse-enrolmentBanner__enrolButton:hover,
.btn.totara_core__myreports__title__btn:hover,
button:focus,
input.form-submit:focus,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.link-as-button:focus,
.btn-default:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus,
.btn-primary:focus,
.tui-formBtn--prim:focus,
.tui-iconBtn--prim:focus,
.tui-actionLink--prim:focus,
#notice .singlebutton+.singlebutton input:focus,
.submit.buttons input[name=cancel]:focus,
.tw-catalogManageBtns__btn:focus,
.tw-catalogResultsShare__btn:focus,
.tw-evidence__header_titleBtns_buttons_link:focus,
.tui-formBtn:focus,
td.submit input:focus,
.btn-cancel:focus,
.btn-secondary:focus,
#page-site-index input[type='submit']:focus input.btn.btn-primary.btn-block:focus .loginbox #loginbtn:focus,
.f2f-attendees-table input[name=saveattendance]:focus,
.path-mod-feedback .feedback_form input[type=submit]:focus,
.path-mod-feedback .feedback_form input[type=submit]:focus,
.addBlock--trigger:focus,
.tw-containerCourse-enrolmentBanner__enrolButton:focus,
.btn.totara_core__myreports__title__btn:focus {
    border-radius: 10px;
    transform: translateY(3px);
    box-shadow: 0px 2px 0 0 #4D2379;
    background-color: white;
    color: #4D2379;
}

button:active,
input.form-submit:active,
input[type=button]:active,
input[type=submit]:active,
input[type=reset]:active,
.link-as-button:active,
.btn-default:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.btn-primary:active,
.tui-formBtn--prim:active,
.tui-iconBtn--prim:active,
.tui-actionLink--prim:active,
#notice .singlebutton+.singlebutton input:active,
.submit.buttons input[name=cancel]:active,
.tw-catalogManageBtns__btn:active,
.tw-catalogResultsShare__btn:active,
.tw-evidence__header_titleBtns_buttons_link:active,
.tui-formBtn:active,
td.submit input:active,
.btn-cancel:active,
.btn-secondary:active,
#page-site-index input[type='submit']:active,
input.btn.btn-primary.btn-block:active,
.loginbox #loginbtn:active,
.path-mod-feedback .feedback_form input[type=submit]:active,
.path-mod-feedback .feedback_form input[type=submit]:active,
.addBlock--trigger:active,
.tw-containerCourse-enrolmentBanner__enrolButton:active,
.btn.totara_core__myreports__title__btn:active {
    transform: translateY(4.5px);
    box-shadow: 0px 0px 0 0 #4D2379;
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-radius: 10px;
    border: none;
    box-shadow: none;
    transition: none;
    background-color: white;
    color: #4D2379;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-radius: 10px;
    border: none;
    box-shadow: none;
    transition: none;
    background-color: white;
    color: #4D2379;
}

button.ui-button-text {
    border-radius: 10px;
    border: 1px solid #4D2379;
    box-shadow: 0px 7.5px 0 0 #4D2379;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background-color: white;
    color: #4D2379;
}

button.ui-button-text:hover button.ui-button-text:focus {
    border-radius: 10px;
    transform: translateY(4.5px);
    box-shadow: 0px 3px 0 0 #4D2379;
    background-color: white;
    color: #4D2379;
}




@media(max-width:425px) {

    button,
    input.form-submit,
    input[type=button],
    input[type=submit],
    input[type=reset],
    .link-as-button,
    .btn-default,
    input#id_submitbutton,
    input#id_submitbutton2,
    .btn-primary,
    .tui-formBtn--prim,
    .tui-iconBtn--prim,
    .tui-actionLink--prim,
    #notice .singlebutton+.singlebutton input,
    .submit.buttons input[name=cancel],
    .tw-catalogManageBtns__btn,
    .tw-catalogResultsShare__btn,
    .tw-evidence__header_titleBtns_buttons_link,
    .tui-formBtn,
    td.submit input,
    .btn-cancel,
    .btn-secondary,
    #page-site-index input[type='submit'],
    input.btn.btn-primary.btn-block,
    .loginbox #loginbtn,
    .f2f-attendees-table input[name=saveattendance],
    .ui-button-text {
        padding: 2px 5px;
        border-radius: 5px;
    }
}

.path-calendar .maincalendar .header .buttons,
.btn.btn-secondary.fp-btn-choose {
    margin-bottom: 25px;
}



.atto_collapse_button,
.editor_atto_toolbar button,
button.yui3-button.closebutton,
.atto_form button,
.fp-content-center .fp-upload-btn.btn-primary.btn {
    box-shadow: none;
    transform: none;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    padding: 6px 25px;
}

/*add underline under hyperlinks*/
.summary a,
.activity.modtype_label.label a,
.block_course_summary a,
.block_html a {
    text-decoration: underline;
}

.summary a:hover,
.activity.modtype_label.label a:hover,
.block_course_summary a:hover,
.block_html a:hover {
    color: #4D2379 !important;
    text-decoration: none;
}


/*Fix Search button*/
.tw-selectSearchText button.tw-selectSearchText__btn {
    margin: 0;
    min-width: 40px;
    border-radius: 10px;
}


/*forms*/
/*fixes the blank clickable space on after the text on checkbox items*/
.mform .fgroup .felement label {
    width: auto;
    vertical-align: middle;
    padding: 5px;
}

/*login page*/


/*home page*/

/*Remove block margin on site home page*/
#page-site-index .block {
    margin-bottom: 0;
}

#page-site-index .block .content {
    padding: 0;
}

/*catalogue*/
.tw-catalogManageBtns__group_options {
    border-color: #eaeaea;
    border-top: 2px solid var(--btn-prim-bg-color);
}



.tw-catalogItemNarrow {
    border: 1px solid #dedede;

}

.tw-catalogItemWide {
    border: 1px solid #dedede;
    box-shadow: none;
    transition: 0.8s all;
    margin-bottom: 20px;
}


.tw-catalog__primaryFilter {
    border: none;
}

.tw-selectMulti__link {
    color: var(--link-color);
}

.tw-selectRegionPanel__selector_header {
    font-weight: 700;
}




/*dashboards*/
/*Search Block*/
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 10px;
    border: 1px solid #4D2379;
}

.input-group-btn:last-child>.btn {
    margin-left: 5px;
    border-radius: 10px;
}

/*blocks*/
.block:not(.chromeless) {
    border: #15284C 2px solid;
}

.block-totara-featured-links-layout .block-totara-featured-links-tile, .block-totara-featured-links-layout .block-totara-featured-links-flex-filler, .block-totara-featured-links-layout .block-totara-featured-links-tile-adder, .block-totara-featured-links-layout .block-totara-featured-links-tile.background-cover, .block-totara-featured-links-layout .block-totara-featured-links-flex-filler.background-cover, .block-totara-featured-links-layout .block-totara-featured-links-tile-adder.background-cover {
    border-radius: 10px;
}


.block .block-header h2 {
    color: #F6F4EC;
}
.block .block-title {
    box-shadow: none;
}

#block-region-side-post .block-header h2,
#block-region-side-pre .block-header h2 {
    color: #000000;
}
.block .block-header {
    border-radius: 10px;
    background-color: #15284C;
}

#block-region-side-post .block-header,
#block-region-side-pre .block-header {
    background-color: #e6ecf1;
}

#block-region-side-pre .block:not(.chromeless),
#block-region-side-post .block:not(.chromeless){
    border: #bccde1 2px solid;
}

.block:not(.chromeless) {
    border: #15284C 2px solid;
}

.block .block-header h2 {
    font-size: 18px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0.03rem;
}

.block {
border-radius: 10px;
padding: 8px;
box-shadow: none;
}

.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/*Featured Link Left*/
#featured-links-title--left.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: none;
    padding: 20px;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#featured-links-title--left h3 {
    font-size: 3rem;
    color: #F6F4EC;
    margin-bottom: 4px;
    font-weight: bold;
}

#featured-links-title--left p {
    font-size: 1.8rem;
}

/**NELSON MARLBOROUGH FEATURED LINK BLOCK STYLING**/
#NM-featured-link-block.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: rgba(0, 0, 0, 0.5);
}

#NM-featured-link-block.block-totara-featured-links-layout>div .block-totara-featured-links-content h3 {
    color: #ffffff;
}

/*Featured Link Center align (grey)*/
#featured-links-title--grey.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: none;
    padding: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#featured-links-title--grey h3 {
    font-size: 3rem;
    color: #F6F4EC;
    margin-bottom: 4px;
    font-weight: bold;
}

#featured-links-title--grey.block-totara-featured-links-layout>div .block-totara-featured-links-content p {
    font-size: 1.8rem;
    color: #F6F4EC;
}

/*COURSE PAGE*/
.path-course-view .completionprogress {
    float: none;
}
.course-content ul li.section.main {
    border-bottom: 1px solid #bccde1;
    margin-top: 0;
}

.tw-formatTopics__topic--collapsible.tw-formatTopics__topic--color .tw-formatTopics__topic_header {
    border-radius: 10px;
}

.tw-formatTopics__topic--color .tw-formatTopics__topic_header {
    border-radius: 10px;
    background: #0C818F !important;
    color: white;
    padding: 10px 10px 10px 15px;
}


/*FIX FOR INDENTED LABELS IN EDIT MODE*/
.editing .section .activity .mod-indent-outer {
    padding-left: 32px;
    padding-right: 30px;
}

@media(max-width:425px) {
    .pagelayout-course #region-main {
        padding: 10px;
    }
}

/**********IMAGE BLUR STYLING****************/
.graphic-content {
    filter: blur(5px);
}

.graphic-content:hover {
    cursor: pointer;
}

.blur {
    filter: blur(0px);
}

/*COMPLETION FILTERS*/
input.completion-icon {
    -webkit-appearance: none;
    appearance: none;
}

input.completion-icon::before {
    content: '\f096';
    padding-right: 3px;
    font-size: 32.71px;
    font-family: 'FontAwesome';
    color: #15284C;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input.completion-icon:checked::before {
    content: '\f046';
    font-size: 30px;
}

.autocompletion [data-flex-icon*="completion-auto-n"],
.course-content ul.section li.activity span.autocompletion {
    font-size: 30px;
    padding-right: 2px;
    color: #15284C;
}

/*COURSE ACTIVITIES*/
/*ACTIVITY BUTTONS*/
.activityinstance {
    margin-bottom: 20px;
    margin-top: 0;
}


.activityinstance a {
    display: inline-block;
    box-sizing: border-box;

    border: 2px solid #4D2379;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    background-color: #ffffff;
    color: #4D2379 !important;

    box-shadow: 0px 5px 0 0 #4D2379;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.activityinstance a:hover,
.activityinstance a:focus {
    transform: translateY(3px);
    box-shadow: 0px 2px 0 0 #4D2379;
}

.activityinstance a:active {
    transform: translateY(4.5px);
    box-shadow: 0px 0px 0 0 #4D2379;
}

@media(max-width:425px) {
    .activityinstance a {
        padding: 5px 5px;
        border-radius: 5px;
    }
}

/*LABEL WIDTH RESTRICTION*/
.section .activity.modtype_label.label p,
.section .activity.modtype_label.label div {
    padding-right: 10px;
}

/*ADD MARGINS UNDER BUTTONS*/
#searchform_button,
.pull-right {
    margin-bottom: 10px;
}


/*Lesson*/
/** SLIDESHOW DISPLAY FIX*/
.slideshow {
    height: auto !important;
    width: auto !important;
}

/*CUSTOM CERTIFICATE*/
#page-mod-customcert-view div.box.generalbox {
    display: none;
}

#page-mod-customcert-view #intro {
    display: block !important;
}

/*Label*/
.activity.modtype_label.label {
    margin-bottom: 15px;
}

/*COURSE TEMPLATES*/
/***********COURSE TEMPLATE TWO**********/
#course-template-2 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: start !important;
}

.course-template-2 .main .left-block {
    max-width: 700px;
    height: auto;
    padding: 30px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 500px) {
    #course-template-2 .main .left-block {
        min-height: 400px;
        margin: 20px;
    }
}

.course-template-2 .main .image {
    overflow: hidden;
    margin-bottom: 20px;
}

.course-template-2 .main .image img {
    height: auto;
    width: 100%;
}

@media only screen and (min-width: 500px) {
    #course-template-2 .main .image {
        height: 270px;
    }
}

.course-template-2 .main .right-block {
    max-width: 600px;
    height: auto;
    border: 1px solid #eee;
    /* border colour */
    padding: 30px;
    display: block
}

@media only screen and (min-width: 500px) {
    #course-template-2 .main .right-block {
        min-height: 400px;
        margin: 20px;
    }
}

.course-template-2 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1240px;
}

.course-template-2 .main .course-title {
    align-self: flex-start;
    margin-top: 0;
    font-size: 26px;
}

.course-template-2 .main .course-header .checkbox {
    margin: 0 0 20px 0;
}

.course-template-2 .main .subheading-container {
    display: flex;
    width: 100%;
    align-items: center;
}

.course-template-2 .main .subheading-container .icon {
    align-self: center;
    margin-right: 10px;
}

.course-template-2 .main .course-subheading {
    margin: 0;
    font-size: 18px;
}



.course-template-2 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
}

.course-template-2 .main .activity {
    width: 100%;
    display: flex;
}

.course-template-2 .main .btns .template-2 {
    width: calc(100% - 80px);
}

.course-template-2 .checkbox {
    margin-left: 20px;
    margin-top: 0;
    padding-right: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.course-template-2 .main .resources {
    width: 100%;
}

.course-template-2 .main .fa-link {
    padding-right: 10px;
}

.course-template-2 .main .resource {
    text-decoration: none;
}

.restricted-activity {
    text-align: center;
}

.button-full-width {
    width: 100%;
    max-width: 1246px;
    text-align: center;
    border-radius: 50px;
    padding: 10px;

}

.course-template-2 .main .description {
    margin-bottom: 20px;
}

/********COURSE TEMPLATE ONE*********/
.course-template-1 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.course-template-1 .main .image {
    display: block;
    background-color: transparent;
    margin: 10px;
    overflow: hidden;
    max-width: 600px;
    height: auto;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .image {
        max-height: 400px;
        margin: 20px;
    }
}

.course-template-1 .main .image img {
    max-height: 250px;
    width: auto;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .image img {
        max-height: 400px;
    }
}

.course-template-1 .main .course-content {
    width: 600px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 20px;
    margin: 10px;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .course-content {
        height: 400px;
        margin: 20px;
        padding: 30px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

.course-template-1 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.course-template-1 .main .course-header .course-title {
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
}

.course-template-1 .main .course-header .checkbox {
    margin: 0 0 20px 0;
}

.course-template-1 .main .description {
    font-size: 17px;

}

.course-template-1 .main .btns {
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    align-items: flex-middle;
    margin-right: 10px;
}

.course-template-1 .main .btns .template-1 {
    width: 50%;
}

@media only screen and (min-width: 550px) {
    .course-template-1 .main .btns .btn {
        width: 80%;
    }
}

.course-template-1 .main .btns .checkbox {
    float: right;
    margin-top: -10px;
    filter: invert(100%);
    /* button checkbox colour */
}

.course-content ul li.section.main {
    border-bottom: none;
    margin-bottom: 30px;
}

/**IMPROVING TOGETHER THEME ELEMENTS**/
.quote {
    font-size: 26px;
    letter-spacing: .1em;
    line-height: 55px;
    padding: 50px 10px 70px;
    max-width: 700px;
    margin: 0 auto;
}

.key-message {
    padding: 50px 80px;
    margin: 30px 0;
    background: #15284c;
}

.key-message-container {
    padding: 30px;
    background: white;
}

.key-message-container p {
    text-align: left;
}

.display-2col {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

@media (min-width: 500px) {
    .display-2col {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .display-2col .col--1of2 {
        width: 50%;
        max-width: 400px;
        flex: 0 0 50%;
    }
}

@media (min-width: 500px) {
    .display-2col .col--1of2 {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .display-2col .col--1of2 {
        width: 50%;
        max-width: 400px;
        flex: 0 0 50%;
    }
}

@media (min-width: 500px) {
    .display-2col .col--1of2 {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .question {
        padding: 50px 80px;
    }
}

.question {
    background: #15284c;
    padding: 50px 30px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    #page-mod-lesson-view #page-content .lesson-summary {
        padding: 50px 80px;
    }
}

#page-mod-lesson-view #page-content .lesson-summary {
    text-align: center;
    background: #fff;
    color: #293868;
    padding: 50px 30px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

#page-mod-lesson-view #page-content .lesson-summary h4 {
    width: 100%;
    font-size: 18px;
    letter-spacing: .05em;
    margin-bottom: 30px;
    border-bottom: 1px solid #15284c;
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    #page-mod-lesson-view #page-content .summary-col {
        width: 45%;
    }
}

#page-mod-lesson-view #page-content .summary-col ul {
    list-style-type: circle;
    width: fit-content;
    margin: 0 20px;
    text-align: left;
    letter-spacing: .03em;
}

.question--description {
    color: #fff;
    font-size: 16px;
}

.question--heading {
    margin: 30px 0;
    color: #fff !important;
    font-weight: 700;
}

#page-mod-lesson-view #page-content .lesson-summary ul {
    list-style-type: circle;
    width: fit-content;
    margin: 0 20px;
    text-align: left;
    letter-spacing: .03em;
}

.hqsc-table,
.hqsc-table th,
.hqsc-table td {
    border: 1px solid #ccc;
    padding: 10px 15px;
}

/* MT 20250716 - Hide course search block on login page (site home) */
.path-site .block_course_search {
    display: none;
}

/* MT 20250716 - Hide 'Banner featured links block on login page */
.path-site .block_totara_featured_links[data-instanceid="72869"] {
    display: none;
}

/* Hide Tē Whāriki ā Toi blocks */
.block_totara_featured_links[data-instanceid="85515"],
.block_totara_featured_links[data-instanceid="85516"],
.block_html[data-instanceid="85513"] {
    display: none;
}