: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)}.moodle-dialogue-base .closebutton{height:30px;width:50px;background:transparent;border-radius:0;box-shadow:none;position:relative}.moodle-dialogue-base .closebutton:after{position:absolute;font-family:'FontAwesome';content:"\f00d";font-size:15px;color:var(--link-color)}.moodle-dialogue-base .closebutton:after:hover,.moodle-dialogue-base .closebutton:after:focus{color:var(--link-color-hover)}.moodle-dialogue-base .moodle-dialogue-wrap{border:none;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd{letter-spacing:0.02em;background:#fff;font-weight:700;font-size:14px;color:var(--color-text);padding:12px}.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-bd{background:#fff}.jsenabled .choosercontainer #chooseform .alloptions{box-shadow:none}.popover{box-shadow:0 0 20px rgba(0, 0, 0, 0.1);border:0}.popover.bottom>.arrow{border:0;border-bottom-color:#f2f2f2}.block .addBlockPopover--search input[type=text]{width:calc(100% - 25px);border:0;border-bottom:1px solid #ccc;margin:0 15px 0 7px}.alert-info{margin-top:20px}.alert-info,#page-admin-index .adminwarning.availableupdatesinfo,#page-admin-index .releasenoteslink{border-color:var(--btn-prim-bg-color)}.alert-info .alert-icon,#page-admin-index .adminwarning.availableupdatesinfo .alert-icon,#page-admin-index .releasenoteslink .alert-icon{background:var(--btn-prim-bg-color)}.tui-modal__inner{border-radius:10px !important}.alert-warning,.que .outcome,.que .comment{border-color:#eead2f}.alert-warning .alert-icon,.que .outcome .alert-icon,.que .comment .alert-icon{background:#eead2f}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{padding:12px 40px;border-radius:50px;font-weight:600;font-size:14px}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,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{box-shadow: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}.btn-group>.btn:last-child:not(:first-child){border-radius:0 50px 50px 0;padding:12px 40px}.totaraNav .usermenu .btn{margin-left:10px}.nextsetoperator-then,.nextsetoperator .operator-then{background:none}.report-links p::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c1";margin-right:10px}.quick-links p::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c6";margin-right:10px}.useful-links p::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c6";margin-right:10px}.path-rating .ratingtable>tbody>tr:nth-of-type(2n+1),table#explaincaps>tbody>tr:nth-of-type(2n+1),table#defineroletable>tbody>tr:nth-of-type(2n+1),table.grading-report>tbody>tr:nth-of-type(2n+1),table#listdirectories>tbody>tr:nth-of-type(2n+1),table.rolecaps>tbody>tr:nth-of-type(2n+1),table.userenrolment>tbody>tr:nth-of-type(2n+1),table#form>tbody>tr:nth-of-type(2n+1),form#movecourses table>tbody>tr:nth-of-type(2n+1),#page-admin-course-index .editcourse>tbody>tr:nth-of-type(2n+1),.forumheaderlist>tbody>tr:nth-of-type(2n+1),table.flexible>tbody>tr:nth-of-type(2n+1),.generaltable>tbody>tr:nth-of-type(2n+1){background-color:transparent}.user-enroller-panel .uep-search-results .users>tbody>tr:hover,table.grading-report>tbody>tr:hover,.forumheaderlist>tbody>tr:hover,.generaltable>tbody>tr:hover,table.flexible>tbody>tr:hover,table#permissions>tbody>tr:hover{background-color:transparent}.block .header{background-color:transparent}.tui-contributionBaseContent__title{font-weight:300}.tui-sidePanel__inner{background-color:#fff;border:0;border-radius:10px;padding:15px;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.tui-sidePanel__outsideClose{background-color:#fff}.tui-engageNavigationPanel__link{padding:10px}input[type].tui-formInput{border:0;border-bottom:1px solid #727272;padding:10px 0;height:auto}input[type].tui-formInput:focus{border:0;box-shadow:none;border-bottom:1px solid #000}.tui-searchBox__button{border:0;color:#727272}.tui-searchBox__button:hover,.tui-searchBox__button:focus,.tui-searchBox__button:active{box-shadow:none;background-color:#fff;border:0}.tui-searchFilter__group-icon{position:relative;height:auto;order:1}.messaging-area-container .messaging-area .contacts-area .tabs{height:auto}.background-color-primary{background-color:var(--color-state)}#featured_links_content--center{width:auto;max-width:350px;left:auto;bottom:unset;padding:20px;background-color:transparent;text-align:center}#featured_links_content--left{width:auto;max-width:350px;bottom:unset;padding:20px;background-color:transparent;text-align:left}#featured_links_content--right{width:auto;max-width:350px;bottom:unset;padding:20px;left:auto;right:0;background-color:transparent;text-align:right}.block-link-web::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c1";margin-right:10px}.block-link-doc::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c6";margin-right:10px}.link-external{padding-right:1em;background-image:url('/server/theme/catalyst/pix/link-external.svg');background-repeat:no-repeat;background-position:right;background-size:calc(1em - 0.25em)}@font-face{font-family:'Inter';font-style:normal;font-weight:300;src:local('Inter Light'), local('Inter-Light'), url(/theme/font.php/koawatea/theme/1791503302/inter-v2-latin-ext_latin-300.woff) format('woff'), url(/theme/font.php/koawatea/theme/1791503302/inter-v2-latin-ext_latin-300.woff2) format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-weight:400;src:local('Inter Regular'), local('Inter-Regular'), url(/theme/font.php/koawatea/theme/1791503302/inter-v2-latin-ext_latin-regular.woff) format('woff'), url(/theme/font.php/koawatea/theme/1791503302/inter-v2-latin-ext_latin-regular.woff2) format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-weight:700;src:local('Inter Bold'), local('Inter-Bold'), url(/theme/font.php/koawatea/theme/1791503302/inter-v2-latin-ext_latin-700.woff) format('woff'), url(/theme/font.php/koawatea/theme/1791503302/inter-v2-latin-ext_latin-700.woff2) format('woff2');}.activityinstance{margin:10px 0 0px}.activityinstance a{font-size:1.2em;font-weight:700}.activityinstance span{margin-right:5px}.editing .hidden{width:auto}.tw-catalogManageBtns__group_options{border-color:#eaeaea;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-top:2px solid var(--btn-prim-bg-color)}.tw-catalogItemStyleToggle{background-color:#eaeaea;border-color:#eaeaea}.tw-catalogItemStyleToggle__btn_active{border-color:#eaeaea}.tw-catalogItemNarrow{border:1px solid #dedede}.tw-catalogItemNarrow:active,.tw-catalogItemNarrow:hover,.tw-catalogItemNarrow:focus{box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.tw-catalogItemNarrow__content{padding:10px 15px}.tw-catalogItemNarrow__title{font-size:16px}.tw-catalogItemWide{border:1px solid #dedede;box-shadow:none;transition:0.8s all;margin-bottom:20px}.tw-catalogItemWide:active,.tw-catalogItemWide:hover,.tw-catalogItemWide:focus{box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.tw-catalogItemWide__image{position:unset}.tw-catalog__primaryFilter{border:none}.tw-selectMulti__link{color:var(--link-color)}.tw-selectRegionPanel__selector_header{font-weight:700}.tw-selectSearchText__field_input{border:1px solid transparent;border-bottom:1px solid #727272;padding:10px 0;background:transparent}.tw-selectSearchText__field_input:focus{border-color:transparent;border-bottom-color:#000;outline:none}.tw-selectSearchText__btn{background:transparent;border-color:transparent;color:#262626;box-shadow:none;width:10px;padding:0}.tw-selectSearchText__btn:hover,.tw-selectSearchText__btn:focus{transition:0.3s all;background:transparent;border-color:transparent;color:var(--btn-prim-bg-color);outline:none}.tw-selectRegionPrimary__selector{max-width:none;flex-shrink:0}@media only screen and (min-width:768px){.tw-selectRegionPrimary__selector:first-of-type{min-width:auto;width:33.3%}}@media only screen and (min-width:992px){.tw-selectRegionPrimary__selector:first-of-type{min-width:auto;width:25%}}@media only screen and (min-width:1400px){.tw-selectRegionPrimary__selector:first-of-type{min-width:auto;width:16.67%}}@media only screen and (min-width:768px){.tw-selectRegionPrimary__selector:last-of-type{flex-shrink:0;flex-grow:1;max-width:none}}.mform .fgroup .felement label{width:calc(100% - 30px);vertical-align:middle;padding:5px}.mform .fitem .felement input[type="checkbox"],.mform .fitem .felement input[type="radio"]{vertical-align:-2px}#section-0 .sectionname{font-size:2em;font-weight:700}.course-content .section{padding:5px 0 10px}.pagelayout-incourse #region-main,.pagelayout-course #region-main{background:#fff;padding:30px;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.path-mod-quiz.pagelayout-incourse #region-main{background:transparent;padding:0;box-shadow:none}#section-0 .tw-formatTopics__collapse_handle{background-color:transparent !important;color:#262626 !important}#section-0 .tw-formatTopics__collapse_handle .tfont-var-chevron-down:before{display:none}#mod-ojt-user-ojt .mod-ojt-topic-signoff{font-weight:bold}.mod-ojt-topic-heading{padding-left:1.2em;margin-top:40px}.mod-ojt-topic h4{padding-top:20px}.path-mod-ojt{}.path-mod-ojt .comment-area .fd{height:40px;margin-top:20px}.path-mod-ojt .comment-area .fd a{padding:12px 15px;margin-top:15px;border-radius:3px;font-size:1.2em}.path-mod-ojt .comment-area .fd a:hover,.path-mod-ojt .comment-area .fd a:focus{text-decoration:none}.path-mod-ojt .evalprint{padding:12px 15px;margin-top:15px;border-radius:3px}.path-mod-ojt .evalprint:hover,.path-mod-ojt .evalprint:focus{text-decoration:none}#ojtintro{margin-top:30px}.que{background:#fff;border-radius:10px;border-bottom:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);padding:20px}.que .info{background:transparent;border-radius:0;border:0}.que .formulation{background-color:transparent;border-radius:0;border:0}.que h3.no{font-size:1.5em;text-align:right}#page-mod-quiz-attempt .state,#page-mod-quiz-review .state,#page-mod-quiz-attempt .grade,#page-mod-quiz-review .grade,#page-mod-quiz-attempt .questionflag,#page-mod-quiz-review .questionflag{display:none}.que h3.no{font-size:1.5em;text-align:right}.prompt{font-size:1em;font-style:normal;margin:15px 0;font-weight:700}.que .outcome,.que .comment{border-radius:0}.formulation .incorrect,.formulation .correct,.que.multichoice .answer .specificfeedback{border:0}.fitem>fieldset>legend{font-size:1em}.path-mod-feedback div.feedback_itemlist{border-top:0}.path-mod-lesson .contents{margin-bottom:30px}#site-admin-training{display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;color:#333}.course-help-link{background-color:#e6ad30;border:2px solid #e6ad30;padding:15px 20px;margin:10px;border-radius:50px;color:white;text-decoration:none;font-size:16px;font-weight:600;transition:0.3s;letter-spacing:0.5px}.course-help-link:hover,.course-help-link:focus{background-color:white;color:#e6ad30;text-decoration:none}.course-description{width:100%;font-size:16px;line-height:24px;margin-bottom:60px;margin-top:30px}.course_catalogue{width:100%;display:flex;flex-wrap:wrap}.course_catalogue_row{display:flex;flex-wrap:wrap;width:100%}.course_catalogue .level-1-heading{width:100%;padding:10px;font-size:28px;font-weight:200;border-bottom:1px solid #333;margin:10px;margin-top:25px}.course_catalogue .level-2-heading{font-size:20px;font-weight:600;color:#171717;letter-spacing:0.5px;padding-top:13px}.course_catalogue_row--tile{width:100%;height:auto;max-height:300px;padding:0px 20px 100px;margin:10px;position:relative;box-shadow:0 0 20px #eee}@media only screen and (min-width:768px){.course_catalogue_row--tile{width:calc(50% - 20px)}}@media only screen and (min-width:1200px){.course_catalogue_row--tile{width:calc(25% - 20px)}}.course_catalogue_row--tile p{color:#333}.course_catalogue_link{margin:0;bottom:0;position:absolute;width:100%;left:0;padding:20px 0;display:inline;text-align:center;color:white;text-decoration:none;font-size:18px;font-weight:600;background-color:#171717;letter-spacing:0.5px}.course_catalogue_link:hover,.course_catalogue_link:focus{transition:0.3s;color:white;text-decoration:none;background-color:#32363a}.course_catalogue_row.blue .level-2-heading{color:#5b9aa9}.course_catalogue_row.blue .course_catalogue_link{background-color:#5b9aa9}.course_catalogue_row.blue .course_catalogue_link:hover,.course_catalogue_row.blue .course_catalogue_link:focus{background-color:#487d89}.course_catalogue_row.green .level-2-heading{color:#889a3a}.course_catalogue_row.green .course_catalogue_link{background-color:#889a3a}.course_catalogue_row.green .course_catalogue_link:hover,.course_catalogue_row.green .course_catalogue_link:focus{background-color:#67752c}.course_catalogue_row.yellow .level-2-heading{color:#e6ad30}.course_catalogue_row.yellow .course_catalogue_link{background-color:#e6ad30}.course_catalogue_row.yellow .course_catalogue_link:hover,.course_catalogue_row.yellow .course_catalogue_link:focus{background-color:#cb9318}.course_catalogue_row.orange .level-2-heading{color:#dd8545}.course_catalogue_row.orange .course_catalogue_link{background-color:#dd8545}.course_catalogue_row.orange .course_catalogue_link:hover,.course_catalogue_row.orange .course_catalogue_link:focus{background-color:#ca6a25}.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;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}.course-template-1 .main .course-header .checkbox{margin:0 0 20px 0}.course-template-1 .main .btns{display:flex;flex-wrap:wrap;width:100%;align-items:flex-end;justify-content:space-between}.course-template-1 .main .btns .btn{width:100%;text-decoration:none}@media only screen and (min-width:550px){.course-template-1 .main .btns .btn{width:48%}}.course-template-1 .main .btns .checkbox{float:right;margin-top:-10px;filter:invert(100%)}.course-content ul li.section.main{border-bottom:none;margin-bottom:30px}.course-template-2 .main{display:flex;flex-wrap:wrap;justify-content:center}.course-template-2 .main .left-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid #eee;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;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px}@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}.course-template-2 .main .course-title{align-self:flex-start;margin-top: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}.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 .activity--link{width:100%;text-align:center;text-decoration:none}.course-template-2 .main .activity .checkbox{margin-left:20px;margin-top:0;padding-right:0;width:40px;height:40px}.course-template-2 .main .resources{width:100%}.course-template-2 .main .fa-link{padding-right:10px}.course-template-2 .main .resource{text-decoration:none}.course-template-2 .main .button-full-width{width:100%;max-width:1246px}.course-template-3 .main{display:flex;flex-wrap:wrap;justify-content:center}.course-template-3 .main .left-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px;margin-bottom:10px}@media only screen and (min-width:500px){.course-template-3 .main .left-block{min-height:400px;margin:20px}}.course-template-3 .main .image{overflow:hidden;margin-bottom:20px}.course-template-3 .main .image img{height:auto;max-width:100%}@media only screen and (min-width:500px){.course-template-3 .main .image{height:270px}}.course-template-3 .main .right-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px}@media only screen and (min-width:500px){.course-template-3 .main .right-block{min-height:400px;margin:20px}}.course-template-3 .main .course-header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.course-template-3 .main .course-title{align-self:flex-start;margin-top:0}.course-template-3 .main .subheading-container{display:flex;width:100%}.course-template-3 .main .subheading-container .icon{align-self:center;margin-right:10px}.course-template-3 .main .course-subheading{margin:0}.course-template-3 .main .activities{list-style-type:none;width:100%;margin-left:0px;margin-top:20px}.course-template-3 .main .activity{width:100%;display:flex}.course-template-3 .main .activity--link{width:100%;text-align:center;text-decoration:none}.course-template-3 .main .activity .checkbox{margin-left:20px;margin-top:0;padding-right:0;width:40px;height:40px}.course-template-3 .main .resources{width:100%}.course-template-3 .main .fa-link{padding-right:10px}.course-template-3 .main .resource{text-decoration:none}.course-template-3 .main .button-full-width{width:100%;max-width:1246px}.sectionname{margin-top:10px}.course-template-4{display:flex;flex-wrap:wrap}.course-template-4 .checkbox.main{display:flex;width:100%;justify-content:flex-end;margin-bottom:20px}.course-template-4 .checkbox.main img{width:40px;height:40px}.course-template-4 .overview{width:100%;display:flex;flex-wrap:wrap}.course-template-4 .overview .description{width:100%;padding:0 60px 20px 30px;order:2}@media only screen and (min-width:1120px){.course-template-4 .overview .description{width:calc(100% - 324px);padding:0 60px 0 0;order:0}}.course-template-4 .overview .image{width:100%;padding:30px}@media only screen and (min-width:1120px){.course-template-4 .overview .image{padding:0;width:324px;height:220px}}.course-template-4 .overview .image img{width:100%;height:auto}.course-template-4 .activities{list-style-type:none;width:100%;margin-left:0;padding-left:30px}@media only screen and (min-width:1120px){.course-template-4 .activities{padding-left:0}}.course-template-4 .activity{width:100%;display:flex;align-items:center}@media only screen and (min-width:1120px){.course-template-4 .activity{width:calc(100% - 324px)}}.course-template-4 .activity--link{width:calc(100% - 50px);max-width:400px;text-align:center;text-decoration:none}.course-template-4 .activity .checkbox{margin-left:20px}.course-template-4 .activity .checkbox img{width:40px;height:40px}.course-template-5 .main{display:flex;flex-wrap:wrap;justify-content:center}.course-template-5 .main .section{width:100%;padding-bottom:30px;border-bottom:1px solid #ccc}.course-template-5 .main .course-header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.course-template-5 .main .course-header .course-title{align-self:flex-start;margin-top:0}.course-template-5 .main .course-header .checkbox{margin:0 0 20px 0}.course-template-5 .main .btns{display:flex;flex-wrap:wrap;width:100%;align-items:flex-end;justify-content:space-between}.course-template-5 .main .btns .btn{width:100%}@media only screen and (min-width:550px){.course-template-5 .main .btns .btn{width:49%}}.course-template-5 .main .btns .checkbox{float:right;margin-top:-10px;filter:invert(100%)}.course-template-5 .main .activities{list-style-type:none;width:100%;margin-left:0px;margin-top:20px}.course-template-5 .main .activity{width:100%;display:flex}.course-template-5 .main .activity--link{width:100%;text-align:center;text-decoration:none}.course-template-5 .main .activity .checkbox{margin-left:20px;margin-top:0;padding-right:0;width:40px;height:40px}.coursetitle{font-size:32px}.coursecompletion{float:right;margin-right:5px}.section .activity .contentwithoutlink{display:block}.mod-bootstrapelements-toggle{min-width:320px;background-color:#e6e7e8}.instructiontext{font-weight:bold}.buttons{display:flex;width:100%;flex-wrap:wrap}.buttons .btn-small{text-align:center;width:calc(100% - 55px);color:var(--btn-prim-text-color)}.buttons .btn-small:hover,.buttons .btn-small:focus{color:var(--btn-prim-text-color-focus)}.buttons .small img{margin:0 5px}#page-course-view-topics .small{width:100%;margin:5px 0}@media only screen and (min-width:767px){#page-course-view-topics .small{width:50%}}#page-course-view-topics .section .label .contentwithoutlink{padding-right:0}.btn-full{text-align:center;width:calc(100% - 55px);color:var(--btn-prim-text-color) !important}.btn-full:hover,.btn-full:focus{color:var(--btn-prim-text-color-focus)}.full img{margin:0 5px}.image-block img{width:100%}.course-template-7 .course-title{font-size:32px;margin-left:20px}@media only screen and (min-width:767px){.course-template-7 .course-title{margin-left:40px}}.course-template-7 .image img{width:100%}@media only screen and (min-width:767px){.course-template-7 .image img{width:100%}}.course-template-7 .overview{display:flex;flex-wrap:wrap;justify-content:center;margin:20px;border:1px solid #ccc}@media only screen and (min-width:767px){.course-template-7 .overview{margin:40px}}.course-template-7 .overview--heading_container{display:flex;flex-wrap:wrap}.course-template-7 .overview--name{margin-top:0;width:calc(100% - 40px)}.course-template-7 .overview .checkbox{width:40px;margin:0}.course-template-7 .overview--description{padding:0 0 20px 0}.course-template-7 .overview .description{padding:20px 0;font-size:17px}.course-template-7 .overview .fa{margin-right:10px}.course-template-7 .section{padding:0;margin:20px;width:100%}@media only screen and (min-width:767px){.course-template-7 .section{width:calc(50% - 40px);padding:20px}}.course-template-7 .activities{display:flex;flex-wrap:wrap;justify-content:center}.course-template-7 .activity{width:100%;padding:10px;margin:10px}@media only screen and (min-width:767px){.course-template-7 .activity{width:calc(50% - 40px);padding:20px;margin:20px}}.course-template-7 .activity--name{margin-top:0;border-bottom:1px solid #ccc;padding-bottom:5px}.course-template-7 .btn{width:100%;text-decoration:none;margin-bottom:15px}.course-template-7 .btn .checkbox{float:right;margin-top:-10px}.course-template-7 .btn .checkbox img{filter:invert(1)}.course-template-8 .overview{padding:0 20px}.course-template-8 .course-title{font-size:32px}.course-template-8 .activities{display:flex;flex-wrap:wrap;justify-content:center}.course-template-8 .activity{width:100%;border:1px solid #ccc;padding:20px;margin:20px}@media only screen and (min-width:767px){.course-template-8 .activity{width:calc(50% - 40px)}}@media only screen and (min-width:1120px){.course-template-8 .activity{width:calc(33.3% - 40px)}}.course-template-8 .activity--name{margin-top:0}.course-template-8 .btn{width:100%;text-decoration:none}.course-template-8 .btn .checkbox{float:right;margin-top:-10px}.course-template-8 .btn .checkbox img{filter:invert(1)}.pagelayout-dashboard{}.pagelayout-dashboard .block .content .footer{margin-top:30px;text-align:right;line-height:3}.pagelayout-dashboard .block .content .footer a{background:var(--link-color);padding:7px 25px;color:#fff;border-radius:50px;margin-top:6px;font-weight:700;font-size:14px}.pagelayout-dashboard .block .content .footer a:hover,.pagelayout-dashboard .block .content .footer a:focus{background:var(--link-color-hover);text-decoration:none;color:#fff}.block.block_totara_recent_learning .content ul a::before{display:inline;content:"\f19d";font-family:'FontAwesome';margin-right:5px}.block_totara_certifications .content ul a::before{display:inline;content:"\f0a3";font-family:'FontAwesome';margin-right:5px}.block_current_learning .content.block-content{padding:16px}.block_current_learning .panel-body ul li{border-bottom-color:#ccc;padding:10px}.block_current_learning .panel-body ul li:nth-of-type(even){background-color:transparent}.block_current_learning .panel-body ul li h3{font-weight:400}.block_current_learning .panel-footer{border-top:0}.progress{border:1px solid var(--link-color);box-shadow:none;border-radius:50px}.progress .bar{background-color:var(--link-color);box-shadow:none}.progress-invert .progressbar__text{font-weight:700}.block-totara-featured-links-gallery-subtiles.slick-slider{border-radius:10px}#custom-heading .block-totara-featured-links-tile{border-radius:10px}#custom-heading .block-totara-featured-links-content{background-color:rgba(255, 255, 255, 0.9);position:relative;padding:30px;border-radius:10px;max-width:500px;display:none}#custom-heading .block-totara-featured-links-content h3,#custom-heading .block-totara-featured-links-content p{color:#262626}.overlapping_text--h2 h2{font-size:60px;font-weight:700}.overlapping_text--h1{margin-bottom:-75px;z-index:1;position:relative;background:transparent}.editing .overlapping_text--h1{margin-bottom:0}.overlapping_text--h1 h1{font-weight:700;font-size:72px !important;color:#fff;text-align:right;float:right;background:#e5677f;padding:10px 20px;border-radius:10px 10px 0 10px}.pagelayout-dashboard .breadcrumb-nav{display:none}.block.homepage-block{display:inline-block;width:calc(33.3% - 13px);background:#9fbffe;padding:20px;color:#fff;font-weight:bold;font-size:18px;margin-right:15px;vertical-align:middle}.block.homepage-block .content.block-content .no-overflow{display:flex;flex-wrap:wrap;align-items:center}.block.homepage-block .icon i{font-size:30px;opacity:0.8}.block.homepage-block .text{margin-left:25px}.block.homepage-block p{opacity:0.8;margin:0}.block.homepage-block a{display:block;color:#fff;border-bottom:1px solid}.block.homepage-block a:hover,.block.homepage-block a:focus{text-decoration:none;border-bottom:1px dashed}.block.homepage-block.pink{background-color:#e5677f}.block.homepage-block.yellow{background-color:#f8cf61}.block.homepage-block.right{margin-right:0}.skip-block-to{display:inline}.block.block-row{display:inline-block;padding:20px;background-color:#eee;border-radius:10px;width:calc(25% - 15px);margin-right:15px}.block.block-row.right{margin-right:0}.block.block-row h3{display:inline;margin-bottom:0}.block.block-row i{float:right;font-size:29px;opacity:0.8}.block.call_to_action{width:50%;float:left;max-width:600px;margin-top:-435px;margin-left:40%;padding:30px 50px;background:#9fbffe;align-items:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.06) !important}.block.call_to_action h2{color:#fff;margin-bottom:20px}.block.call_to_action--btn{padding:12px 40px;border-radius:50px;font-weight:600;font-size:16px;background-color:#9fbffe;color:#fff;border-color:#9fbffe;border:2px solid;margin-bottom:0;float:right}.block.call_to_action--btn:hover,.block.call_to_action--btn:focus{background-color:#fff;color:#9fbffe;border-color:#fff;text-decoration:none}#block-region-top .block_totara_featured_links{background-color:transparent}.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-totara-featured-links-layout>div .block-totara-featured-links-flex-filler.background-cover,.block-totara-featured-links-layout>div .block-totara-featured-links-flex-filler{border-radius:10px}.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-bottom{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.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}#page-footer{border-top:none;border-bottom:none;min-height:140px;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}#page-footer a:link.btn{padding:8px 26px;font-size:14px;margin-left:20px;border-radius:50px;font-weight:500}#page-footer .purgecaches{display:none}#page-footer .page-footer-poweredby{display:none}body{font-family:'Inter';font-size:15px;font-weight:400;line-height:26px;background-color:#fafafa}#page-content{padding:20px;margin-top:20px}h1,h2,h3,h4,h5{font-family:'Inter';font-weight:700}.block{border:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-radius:10px;padding:8px}.block .block-title{box-shadow:none;padding-bottom:5px}.block .block-header h2{color:#262626;font-size:18px;text-transform:capitalize;font-weight:bold;letter-spacing:0.03rem}#region-main{border-radius:10px}.nav-tabs>li>a{text-transform:capitalize;font-size:15px}.reportbuilder-table .user_namewithlinks a{font-size:20px}.reportbuilder-table .user_namewithlinks li a{font-size:15px;line-height:25px;padding:0 10px}@media only screen and (min-width:768px){.reportbuilder-table .user_namewithlinks li a{line-height:10px;font-size:18px}}.reportbuilder-table .user_namewithlinks ul{float:right}.active_tree_node a{color:#2b292d;background:#f8cf61}.label-default{background-color:#f8cf61;color:#2b292d}textarea{width:100%}@media only screen and (max-width:992px){.has-region-side-pre #region-main,.has-region-side-post #region-main{border-bottom-left-radius:0;border-bottom-right-radius:0}}#page-login-index .totaraNav{display:none}#page-login-index #maincontent{height:0px}#page-login-index #page{padding:0;margin:0;max-width:100%}#page-login-index #page-content{padding:0;margin:0}#page-login-index #page-content>.row{margin-left:0;margin-right:0}#page-login-index #region-main{padding:0}#page-login-index #login_hero-image{width:100%;margin:0}#page-login-index #page-footer{display:none}#page-login-index .loginbox .loginform .form-input input[type=text],#page-login-index .loginbox .loginform .form-input input[type=password]{border:none;box-shadow:none;border-bottom:1px solid #919191;background:transparent;padding:20px 0 25px 0;font-size:16px}#page-login-index .loginbox .loginform .form-input input[type=text]:focus,#page-login-index .loginbox .loginform .form-input input[type=password]:focus{border-color:transparent;outline:0;box-shadow:none;border-bottom:1px solid var(--btn-prim-bg-color)}#page-login-index .loginbox .loginform .form-input{margin-bottom:35px}#page-login-index .loginbox .loginform .form-label label{margin-bottom:0;font-weight:500}#page-login-index .loginbox #loginbtn{width:100%;margin-top:0}#page-login-index .forgetpass{text-align:center}#page-login-index .desc{text-align:center;margin-top:10px;color:#6e6e6e}#page-login-index .desc a{color:#6e6e6e}#page-login-index .desc a:hover{text-decoration:none}#page-login-index .loginbox{padding:0 30px}@media only screen and (min-width:768px){#page-login-index .loginbox{padding:0;padding-top:30px}}#page-login-index .loginbox .subcontent{margin-top:88px}@media only screen and (min-width:768px){#page-login-index .loginbox .subcontent{margin-top:50px}}#page-login-index h2{font-weight:600;margin-bottom:25px;font-size:40px}#page-login-index hr{display:none}#notice{padding:15px}.modal-content{box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border:none;padding:10px 20px}.modal-content .modal-header{padding:15px 5px;border-bottom:none}.modal-content .modal-header h4{font-weight:600}.modal-content .modal-footer{border-top:none}.totaraNav{box-shadow:none}.totaraNav_prim{}.totaraNav_prim .container-fluid{padding-left:10px;padding-right:10px}@media only screen and (min-width:768px){.totaraNav_prim .container-fluid{padding-left:30px;padding-right:30px}}.totaraNav_prim--toggleNav_target{padding:4px;background:var(--nav-bg-color)}.totaraNav_prim--toggleNav_target:hover,.totaraNav_prim--toggleNav_target:focus{background:var(--nav-bg-color)}.totaraNav_prim--toggleNav_target .flex-icon{font-size:25px;vertical-align:middle}.totaraNav_prim .masthead_logo{flex-basis:auto}.totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after{border-color:var(--btn-prim-bg-color)}.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link{font-weight:600}.totaraNav_prim--side .totara_core__QuickAccess_hr{border-top:1px solid #efefef}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_footer:before{border-top:1px solid #efefef}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu{box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-radius:6px;font-size:15px;margin-top:1px}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-input{background-color:#ffffff;color:#000;border:1px solid #ccc;box-shadow:none;border-radius:6px 0 0 6px !important}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button{border-radius:0 6px 6px 0}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_group-title{font-size:15px;font-weight:bold}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_group-list li a{color:var(--link-color)}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_footer a{font-weight:bold;font-size:1.3rem}.totaraNav_prim--side__separator{display:none}.totaraNav_prim--side .menu .filler{display:none}.totaraNav_prim--list_showMobile{background:var(--nav-bg-color);color:var(--nav-tab-text-color)}.totaraNav_sub{border-top:none;background-color:#eee}.totaraNav_sub--list_item_link{border:none;font-weight:400;background-color:#eee}.totaraNav_sub--list_item_label{font-size:15px}.totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link{font-weight:600;background-color:#fafafa}.usermenu .moodle-actionmenu[data-enhanced].show .menu{border:none}.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a{padding:15px 20px}.moodle-actionmenu .menu-action{padding:15px 20px}.navExpand--listSecond{border:none;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-top:2px solid var(--btn-prim-bg-color);border-radius:0 0 3px 3px}.navExpand--listSecond .navExpand--list_item_link{padding:1.6rem;font-weight:400;font-size:15px;border-color:#f4f4f4}.navExpand--listSecond .navExpand--list_item_label{font-size:15px}.popover-region-container{border-radius:10px;border:none}.popover-region-container .popover-region-header-container{border-radius:10px 10px 0 0;padding:10px 20px;height:45px;background:#f4f4f4}.popover-region-container .popover-region-content-container{height:calc(100% - 90px)}.popover-region-container .popover-region-footer-container{border-radius:0 0 10px 10px;height:45px;padding:10px;background:#f4f4f4}.count-container{top:13px}.breadcrumb-container.container-fluid{padding-left:30px;padding-right:30px}body{background-color:#ffffff}body,h1,h2,h3,h4,h5,h6{font-family:Arial, sans-serif}.block .block-header{border-radius:10px;background-color:#15284C}.block .block-header h2{color:#F6F4EC}.block .header{background-color:none}.block,.pagelayout-incourse #region-main,.pagelayout-course #region-main{box-shadow:none}input.form-submit,input#id_submitbutton,input#id_submitbutton2,.path-admin .buttons input[type=submit],td.submit input{color:#F6F4EC}.tw-catalogManageBtns a.btn{color:var(--btn-text-color);background-color:var(--btn-bg-color)}.tw-catalogManageBtns a.btn:hover,.tw-catalogManageBtns a.btn:focus{background-color:var(--btn-bg-color-focus)}.tw-catalogManageBtns a.btn:active{background-color:var(--btn-bg-color-active);box-shadow:var(--btn-shadow-active)}.tui-formBtn--prim,.tui-actionLink--prim,a.btn,a.btn.btn-primary,.pagelayout-dashboard .block .content .footer a,input.form-submit,input#id_submitbutton,input#id_submitbutton2,.path-admin .buttons input[type=submit],td.submit input{color:var(--btn-text-color);background:#ffffff;border:1px solid var(--btn-border-color)}.tui-formBtn--prim:hover,.tui-actionLink--prim:hover,a.btn:hover,a.btn.btn-primary:hover,.pagelayout-dashboard .block .content .footer a:hover,input.form-submit:hover,input#id_submitbutton:hover,input#id_submitbutton2:hover,.path-admin .buttons input[type=submit]:hover,td.submit input:hover,.tui-formBtn--prim:focus,.tui-actionLink--prim:focus,a.btn:focus,a.btn.btn-primary:focus,.pagelayout-dashboard .block .content .footer a:focus,input.form-submit:focus,input#id_submitbutton:focus,input#id_submitbutton2:focus,.path-admin .buttons input[type=submit]:focus,td.submit input:focus{color:var(--btn-text-color);background-color:var(--btn-bg-color-focus)}.messaging-area-container .messaging-area .contacts-area .tabs,.popover-region-header-actions .newmessage-link{display:none}.block.chromeless.block{box-shadow:none;padding:10px}#block-region-side-post .block:not(.chromeless){border:#bccde1 2px solid}#block-region-side-post .block-header{background-color:#e6ecf1}#block-region-side-post .block-header h2{color:#000000}#block-region-side-pre .block:not(.chromeless){border:#bccde1 2px solid}#block-region-side-pre .block .chromeless{border-style:none}#block-region-side-pre .block-header{background-color:#e6ecf1}#block-region-side-pre .block-header h2{color:#000000}#page-course-view-topics #block-region-top,#page-course-view-topics #block-region-bottom{padding:0}#page-course-view-topics #block-region-top.editing-region-border,#page-course-view-topics #block-region-bottom.editing-region-border{padding:15px}@media only screen and (min-width:992px){#page-course-view-topics #block-region-bottom{margin-top:15px}}#page-course-view-topics .row{margin-left:0;margin-right:0}#page-course-view-topics #block-region-side-pre{padding:0}#page-course-view-topics #block-region-side-pre.editing-region-border{padding:15px}@media only screen and (min-width:768px){#page-course-view-topics #block-region-side-pre{padding:0 15px 0 0}}#page-course-view-topics #block-region-side-post{padding:0}#page-course-view-topics #block-region-side-post.editing-region-border{padding:15px}@media only screen and (min-width:768px){#page-course-view-topics #block-region-side-post{padding:0 0 0 15px}}.block-background{height:14rem;color:#F6F4EC;text-align:center;font-size:3rem !important;padding:5rem 0 !important}.block-background--img{background-image:url(/theme/image.php/koawatea/theme/1791503302/background-img);background-repeat:no-repeat;background-size:cover}.block-background--blue{background-color:#15284C}#featured-links-title--grey.block-totara-featured-links-layout>div .block-totara-featured-links-content{background:none;padding:20px 0;text-align:center}#featured-links-title--grey.block-totara-featured-links-layout>div .block-totara-featured-links-content p{font-size:1.8rem;color:#F6F4EC}#featured-links-title--grey h3{font-size:3rem;color:#F6F4EC;margin-bottom:4px;font-weight:bold}#page-content #region-main .ftoggler{font-size:30px;font-weight:700;text-align:left;color:#8f4282}.totaraNav .totaraNav_prim .masthead_logo--header_img{height:3rem}@media only screen and (min-width:768px){.totaraNav .totaraNav_prim .masthead_logo--header_img{height:4.5rem}}#page-site-index form input[type='text'],#page-site-index form input[type='password']{border:0px;border-bottom:1px solid #919191;box-shadow:none;border-radius:0px;line-height:1.428571429;display:block;width:100%}#page-site-index label{font-weight:500}#page-site-index input[type='submit']{color:var(--btn-prim-text-color);background-color:var(--btn-prim-bg-color);border-color:var(--btn-prim-border-color);font-weight:bold;margin:var(--gap-4) 0 var(--gap-4)}#page-site-index .block_login{height:500px}#page-site-index .clearer{background:transparent;border-width:0;clear:both;display:block;height:20px;margin:0;padding:0}#page-site-index #login{margin-bottom:20px}#page-site-index #block-region-side-pre .block-header{background-color:transparent}#page-site-index .block .block-header{background-color:transparent}#page-site-index h2{font-weight:600;margin-bottom:25px;font-size:40px;color:#000000}#page-site-index .login-instructions{margin-bottom:20px}#page-site-index .btn-secondary{padding:12px 40px;border-radius:50px;font-weight:600;font-size:14px}.guestsub{display:none}footer .footer-logo{max-width:100%;width:22rem}footer .logo-container{padding:5rem 0}#page-mod-quiz-attempt .questionflag,#page-mod-quiz-review .questionflag{display:block}#page-mod-quiz-attempt .que input.questionflagimage,#page-mod-quiz-review .que input.questionflagimage{padding-right:0}#page-mod-quiz-attempt .que .info .questionflag input,#page-mod-quiz-review .que .info .questionflag input{vertical-align:middle}#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{color:#171717;align-self:flex-start;margin-top:0;font-size:32px;font-family:'Lato Light', sans-serif;}#course-template-1 .main .course-header .checkbox{margin:0 0 20px 0}#course-template-1 .main .description{color:#666666;font-size:17px}#course-template-1 .main .btns{display:flex;flex-wrap:wrap;width:100%;align-items:flex-end;justify-content:space-between}#course-template-1 .main .btns .btn{width:100%;height:60px;background-color:#bb3526;padding:18px;margin-top:10px;color:#ffffff;text-decoration:none;border-radius:3px;font-size:18px}@media only screen and (min-width:550px){#course-template-1 .main .btns .btn{width:48%}}#course-template-1 .main .btns .btn:hover,#course-template-1 .main .btns .btn:focus{background-color:#d74c3d;color:#ffffff;}#course-template-1 .main .btns .checkbox{float:right;margin-top:-10px;filter:invert(100%);}.course-content ul li.section.main{border-bottom:none;margin-bottom:30px}#course-template-2 .main{display:flex;flex-wrap:wrap;justify-content:center}#course-template-2 .main .left-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid;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;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px}@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{color:#171717;align-self:flex-start;margin-top:0;font-size:32px;font-family:'Lato Light', sans-serif;}#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;color:#666;font-size:22px;font-family:'Lato Light', sans-serif;}#course-template-2 .main .description{color:#666;font-size:17px}#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 .activity--link{width:100%;text-decoration:none;color:#fff;height:40px;background-color:#bb3526;padding:7px;margin-bottom:10px;border-radius:3px;text-align:center;font-size:18px}#course-template-2 .main .activity--link:hover,#course-template-2 .main .activity--link:focus{background-color:#d74c3d;}#course-template-2 .main .activity .checkbox{margin-left:20px;margin-top:0;padding-right:0;width:40px;height:40px}#course-template-2 .main .resources{width:100%}#course-template-2 .main .fa-link{padding-right:10px}#course-template-2 .main .resource{color:#666;text-decoration:none}#course-template-2 .main .button-full-width{width:100%;max-width:1246px}: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;}
/* ============================================================
   COPILOT LEARNING HUB - GLOBAL STYLES (COURSE 15624)
   ============================================================ */

/* 1. TYPOGRAPHY & BRAND VARIABLES */
.course-15624 .ch-hub {
    --ch-ink: #1A2235;
    --ch-muted: #526178;
    --ch-blue: #005EB8;
    --ch-shadow: 0 2px 12px rgba(26,34,53,.08);
    --ch-shadow-lg: 0 6px 24px rgba(26,34,53,.14);
    color: var(--ch-ink);
    line-height: 1.45;
    font-family: "Poppins", "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* Protect Totara/Moodle Icon Fonts */
.course-15624 .ch-hub *:not([class*="tfont"]) {
    font-family: "Poppins", "Segoe UI", Arial, Helvetica, sans-serif !important;
}

.course-15624 .text-dark { color: var(--ch-ink) !important; }
.course-15624 .text-muted { color: var(--ch-muted) !important; }

/* 2. BLOCK SPACING & CONTAINERS */
.course-15624 .ch-block { margin-bottom: 24px !important; }
.course-15624 .ch-block:last-of-type { margin-bottom: 0 !important; }
.course-15624 .ch-block .card.ch-native-block,
.course-15624 .ch-block .ch-bg-gradient { margin-bottom: 0 !important; }

.course-15624 .ch-native-block {
    border-radius: 8px !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
}
.course-15624 .ch-native-block-head {
    border-radius: 8px 8px 0 0 !important;
    background-color: #15284C !important;
    border-bottom: none !important;
    padding: 16px 20px !important; 
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.course-15624 .ch-native-block-body {
    border-radius: 0 0 8px 8px !important;
    background-color: #ffffff !important;
}

/* 3. HERO & HERO BUTTONS */
.course-15624 .ch-hub .ch-bg-gradient {
    position: relative; z-index: 1; border-radius: 16px !important;
    background:
        radial-gradient(70% 90% at 8% 95%, rgba(0,94,184,.9) 0%, rgba(0,94,184,0) 58%),
        radial-gradient(58% 76% at 58% 55%, rgba(0,48,135,.8) 0%, rgba(0,48,135,0) 62%),
        radial-gradient(72% 90% at 100% 100%, rgba(123,45,139,.9) 0%, rgba(123,45,139,0) 62%),
        linear-gradient(135deg, #003087 0%, #005EB8 48%, #7B2D8B 100%) !important;
}
.course-15624 .ch-hub .ch-bg-gradient::after {
    content: ""; position: absolute; right: -70px; top: -70px;
    width: 260px; height: 260px; border-radius: 999px;
    background: rgba(255,255,255,.08); pointer-events: none; z-index: -1;
}
.course-15624 .ch-hub .ch-bg-gradient h1,
.course-15624 .ch-hub .ch-bg-gradient p,
.course-15624 .ch-hub .ch-bg-gradient .ch-bounce-arrow,
.course-15624 .ch-hub .ch-bg-gradient .badge:first-child {
    color: #ffffff !important;
}
.course-15624 .ch-hub .ch-bg-gradient .badge:first-child {
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    font-size: 12px !important; letter-spacing: .08em !important; text-transform: uppercase !important;
}
.course-15624 .ch-hub .btn-outline-light {
    border: 1.5px solid rgba(255,255,255,.55) !important;
    background: transparent !important; color: #ffffff !important;
}
.course-15624 .ch-hub .btn-outline-light:hover { background: rgba(255,255,255,.12) !important; }

/* 3. Hero Banner Spacing Overrides (Beat Ventura's Bootstrap Resets) */
.course-15624 .ch-hub .ch-bg-gradient,
.course-99999 .ch-hub .ch-bg-gradient {
    padding: 40px 48px !important; /* Replaces p-4 / p-md-5 */
}

/* Space under the "Copilot Learning Hub" badge */
.course-15624 .ch-hub .ch-bg-gradient .badge,
.course-99999 .ch-hub .ch-bg-gradient .badge {
    margin-bottom: 16px !important; 
    display: inline-block !important;
}

/* Space around the "Start small..." H1 */
.course-15624 .ch-hub .ch-bg-gradient h1,
.course-99999 .ch-hub .ch-bg-gradient h1 {
    margin-top: 0 !important;
    margin-bottom: 20px !important; /* Replaces mb-3 */
    line-height: 1.2 !important; /* Prevents multi-line text from squishing */
}

/* Space under the paragraph */
.course-15624 .ch-hub .ch-bg-gradient p.lead,
.course-99999 .ch-hub .ch-bg-gradient p.lead {
    margin-top: 0 !important;
    margin-bottom: 32px !important; /* Replaces mb-4 */
}

/* 4. BLOCK 1: 3/4 NEW DROP + 1/4 QUICK LINKS GRID */
.course-15624 .ch-split-row {
    display: grid !important;
    grid-template-columns: 3fr 1fr !important;
    gap: 20px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: 24px !important;

}
@media (max-width: 992px) {
    .course-15624 .ch-split-row { grid-template-columns: 1fr !important; }
}

.course-15624 .ch-quick-links-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.course-15624 .ch-compact-link {
    display: flex !important; align-items: center !important;
    padding: 8px 12px !important; border-radius: 6px !important;
    border: 1px solid #DDE3EE !important; background: #ffffff !important;
    text-decoration: none !important; transition: all 0.15s ease !important;
    gap: 10px !important; width: 100% !important; box-sizing: border-box !important;
}
.course-15624 .ch-compact-link:hover {
    background: #F8F9FA !important; border-color: #005EB8 !important; transform: translateX(2px) !important;
}
.course-15624 .ch-cl-icon {
    width: 26px !important; height: 26px !important; border-radius: 4px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 13px !important; flex-shrink: 0 !important;
}
.course-15624 .ch-cl-title {
    font-size: 12.5px !important; font-weight: 700 !important; color: #1A2235 !important;
    flex-grow: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
.course-15624 .ch-cl-arrow { font-size: 12px !important; font-weight: 700 !important; color: #005EB8 !important; flex-shrink: 0 !important; }

/* New Drop Cards */
.course-15624 .ch-hub .ch-drop-card {
    display: flex; flex-direction: column; border-radius: 14px !important;
    border: 1px solid #DDE3EE !important; overflow: hidden;
    box-shadow: 0 2px 12px rgba(26,34,53,.08) !important;
    transition: transform .18s ease, box-shadow .18s ease !important; background: #fff !important; width: 100%;
}
.course-15624 .ch-hub .ch-drop-card:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 24px rgba(26,34,53,.14) !important; }
.course-15624 .ch-hub .ch-drop-top { height: 68px !important; position: relative; padding: 10px 14px !important; overflow: hidden; }
.course-15624 .ch-hub .ch-drop-top::after { content: ""; position: absolute; right: -20px; top: -28px; width: 96px; height: 96px; border-radius: 999px; background: rgba(255,255,255,.12); pointer-events: none; }
.course-15624 .ch-hub .ch-drop-badge {
    position: relative; z-index: 1; display: inline-flex; align-items: center;
    border-radius: 999px !important; background: rgba(255,255,255,.18) !important;
    border: 1px solid rgba(255,255,255,.28) !important; padding: 3px 10px !important;
    font-size: 10px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #fff !important;
}
.course-15624 .ch-hub .ch-drop-body { display: flex; flex-direction: column; gap: 5px; padding: 12px 14px !important; flex: 1; background: #fff !important; }
.course-15624 .ch-hub .ch-drop-body h3 { font-size: 13px !important; font-weight: 700 !important; color: #1A2235 !important; line-height: 1.25 !important; margin: 0 !important; }
.course-15624 .ch-hub .ch-drop-body p { font-size: 11.5px !important; color: #526178 !important; margin: 0 !important; }
.course-15624 .ch-hub .ch-drop-link { font-size: 12px !important; font-weight: 700 !important; margin-top: auto !important; padding-top: 8px !important; display: inline-block; text-decoration: none !important; }

/* 5. BLOCK 2: TRAINING CALENDAR - Compact Mosaic / 2x2 Grid Redesign */
.course-15624 .ch-hub .ch-month-btn {
    border-radius: 999px !important; padding: 4px 16px !important; font-size: 13px !important; font-weight: 700 !important;
    border: 1.5px solid rgba(255,255,255,0.4) !important; background: transparent !important; color: #fff !important;
    transition: all 0.2s ease !important; cursor: pointer;
}
.course-15624 .ch-hub .ch-month-btn[aria-selected="true"] { background: #fff !important; color: #15284C !important; border-color: #fff !important; }
.course-15624 .ch-hub .ch-month-btn:hover { background: rgba(255,255,255,0.15) !important; }

/* Calendar Grid: 2 columns of Day Cards */
.course-15624 .ch-hub .ch-cal-grid {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important; align-items: start !important; padding: 16px !important;
}
@media (max-width: 768px) {
    .course-15624 .ch-hub .ch-cal-grid { grid-template-columns: 1fr !important; }
}

/* Day Group Card */
.course-15624 .ch-hub .ch-cal-day-group {
    display: flex !important; flex-direction: column !important;
    border: 1px solid #DDE3EE !important; border-radius: 12px !important;
    overflow: hidden !important; box-shadow: 0 2px 8px rgba(26,34,53,.04) !important;
    background: #fff !important; height: 100% !important;
}

/* Top Date Header for the Day */
.course-15624 .ch-hub .ch-cal-day-heading {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    border-bottom: 1px solid #DDE3EE !important; background-color: #F8F9FA !important;
    padding: 8px 14px !important;
}
.course-15624 .ch-hub .ch-cal-date { display: flex !important; align-items: center !important; gap: 8px !important; text-align: left !important; }
.course-15624 .ch-hub .ch-cal-day { font-size: 11px !important; font-weight: 700 !important; color: #526178 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.course-15624 .ch-hub .ch-cal-num { font-size: 15px !important; font-weight: 800 !important; color: #1A2235 !important; line-height: 1 !important; }

/* Events Container: 2x2 Mosaic Grid */
.course-15624 .ch-hub .ch-cal-day-events {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    background: #FAFBFC !important;
    flex: 1 !important;
}

/* Individual Event Tile */
.course-15624 .ch-hub .ch-cal-row {
    background: #fff !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    outline: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Automatically span full width for single events or leftover odd items */
.course-15624 .ch-hub .ch-cal-row:only-child {
    grid-column: span 2 !important;
}
.course-15624 .ch-hub .ch-cal-row:last-child:nth-child(odd) {
    grid-column: span 2 !important;
}

.course-15624 .ch-hub .ch-cal-row:hover,
.course-15624 .ch-hub .ch-cal-row:focus-within,
.course-15624 .ch-hub .ch-cal-row.expanded {
    border-color: #005EB8 !important;
    background-color: #F4F6FA !important;
    box-shadow: 0 2px 6px rgba(0,94,184,0.08) !important;
}

.course-15624 .ch-hub .ch-cal-event-time {
    display: inline-block !important; font-size: 10.5px !important; font-weight: 700 !important;
    background: #E2E8F0 !important; color: #1A2235 !important; padding: 2px 6px !important;
    border-radius: 4px !important; margin-bottom: 4px !important; width: fit-content !important;
}
.course-15624 .ch-hub .ch-cal-title { font-size: 12.5px !important; font-weight: 700 !important; color: #1A2235 !important; margin-bottom: 2px !important; line-height: 1.25 !important; }
.course-15624 .ch-hub .ch-cal-host { font-size: 11px !important; color: #526178 !important; display: block !important; margin-bottom: 4px !important; }
.course-15624 .ch-hub .ch-cal-badge { font-size: 9px !important; background: #0C818F !important; color: #fff !important; padding: 1px 5px !important; border-radius: 3px !important; margin-left: 4px !important; text-transform: uppercase !important; font-weight: 700 !important; display: none; }
.course-15624 .ch-hub .ch-cal-desc { display: none; margin-top: 8px !important; padding-top: 8px !important; border-top: 1px dashed #DDE3EE !important; font-size: 11.5px !important; color: #526178 !important; line-height: 1.4 !important; }
.course-15624 .ch-hub .ch-cal-row.expanded .ch-cal-desc { display: block !important; }
.course-15624 .ch-hub .ch-cal-link { display: inline-block !important; font-weight: 700 !important; color: #005EB8 !important; text-decoration: none !important; margin-top: 4px !important; }

/* 6. BLOCK 3: ALL RESOURCES, FILTERS & MODALS */
.course-15624 .ch-hub .ch-search input {
    width: 100% !important; height: 42px !important; padding: 0 16px 0 38px !important;
    border: 1.5px solid #DDE3EE !important; border-radius: 999px !important; font-size: 13px !important;
    color: #1A2235 !important; outline: none !important; background: #fff !important; box-sizing: border-box !important;
}
.course-15624 .ch-hub .ch-search input:focus { border-color: #0C818F !important; box-shadow: 0 0 0 3px rgba(12,129,143,.14) !important; }
.course-15624 .ch-hub .ch-filter-toolbar { background: #fff !important; padding: 18px 20px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
.course-15624 .ch-hub .ch-filter-group { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.course-15624 .ch-hub .ch-filter-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: #526178 !important; margin-right: 4px !important; flex-shrink: 0 !important; }
.course-15624 .ch-hub .ch-filter-divider { border: none !important; border-top: 1px solid #DDE3EE !important; margin: 4px 0 0 !important; }

.course-15624 .ch-hub .ch-filter-chip, .course-15624 .ch-hub .ch-level-chip-btn {
    display: inline-flex !important; align-items: center !important; gap: 5px !important;
    font-size: 12.5px !important; font-weight: 700 !important; border: 1.5px solid #DDE3EE !important;
    border-radius: 999px !important; padding: 5px 14px !important; background: #fff !important;
    color: #005EB8 !important; cursor: pointer !important; transition: .15s ease !important;
}
.course-15624 .ch-hub .ch-filter-chip[aria-pressed="true"] { background: #0C818F !important; border-color: #0C818F !important; color: #fff !important; }
.course-15624 .ch-hub .ch-level-chip-btn[aria-pressed="true"].all { background: #526178 !important; border-color: #526178 !important; color: #fff !important; }
.course-15624 .ch-hub .ch-level-chip-btn[aria-pressed="true"].foundation { background: #00843D !important; border-color: #00843D !important; color: #fff !important; }
.course-15624 .ch-hub .ch-level-chip-btn[aria-pressed="true"].proficient { background: #003087 !important; border-color: #003087 !important; color: #fff !important; }
.course-15624 .ch-hub .ch-level-chip-btn[aria-pressed="true"].advanced { background: #7B2D8B !important; border-color: #7B2D8B !important; color: #fff !important; }
.course-15624 .ch-hub .ch-tile-count { font-size: 11.5px !important; color: #526178 !important; font-style: italic !important; margin-left: auto !important; }

.course-15624 .ch-hub .ch-tile-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 16px !important; padding: 20px !important; background: #fff !important; }
.course-15624 .ch-hub .ch-tile-card { display: flex !important; flex-direction: column !important; border-radius: 14px !important; border: 1px solid #DDE3EE !important; overflow: hidden !important; box-shadow: 0 2px 12px rgba(26,34,53,.08) !important; transition: transform .18s ease, box-shadow .18s ease !important; background: #fff !important; }
.course-15624 .ch-hub .ch-tile-card:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 24px rgba(26,34,53,.14) !important; }
.course-15624 .ch-hub .ch-card-top { height: 72px !important; position: relative !important; padding: 10px 14px !important; overflow: hidden !important; }
.course-15624 .ch-hub .ch-card-top::after { content: "" !important; position: absolute !important; right: -20px !important; top: -28px !important; width: 96px !important; height: 96px !important; border-radius: 999px !important; background: rgba(255,255,255,.12) !important; }
.course-15624 .ch-hub .ch-card-icon { position: relative !important; z-index: 1 !important; font-size: 24px !important; color: #fff !important; }
.course-15624 .ch-hub .ch-card-body { display: flex !important; flex-direction: column !important; gap: 5px !important; padding: 12px 14px !important; flex: 1 !important; }
.course-15624 .ch-hub .ch-card-body h3 { font-size: 13.5px !important; font-weight: 700 !important; color: #1A2235 !important; line-height: 1.3 !important; margin: 0 !important; }
.course-15624 .ch-hub .ch-card-body p { font-size: 11.5px !important; color: #526178 !important; line-height: 1.4 !important; margin: 0 !important; flex: 1 !important; }

/* Meta Badges & Links */
.course-15624 .ch-hub .ch-meta { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: auto !important; padding-top: 8px !important; align-items: center !important; }
.course-15624 .ch-hub .ch-pill { display: inline-flex !important; align-items: center !important; border-radius: 999px !important; padding: 3px 9px !important; font-size: 10px !important; font-weight: 700 !important; }
.course-15624 .ch-hub .ch-pill.tag-video    { background: rgba(0,94,184,.08) !important;  color: #005EB8 !important; }
.course-15624 .ch-hub .ch-pill.tag-course   { background: rgba(0,132,61,.08) !important;  color: #00843D !important; }
.course-15624 .ch-hub .ch-pill.tag-playlist { background: rgba(12,129,143,.08) !important;color: #0C818F !important; }
.course-15624 .ch-hub .ch-pill.tag-pdf      { background: rgba(123,45,139,.08) !important;color: #7B2D8B !important; }
.course-15624 .ch-hub .ch-pill.tag-other    { background: rgba(82,97,120,.08) !important; color: #526178 !important; }
.course-15624 .ch-hub .ch-pill.lvl-foundation{ background: rgba(0,132,61,.08) !important;  color: #00843D !important; }
.course-15624 .ch-hub .ch-pill.lvl-proficient{ background: rgba(0,48,135,.08) !important;  color: #003087 !important; }
.course-15624 .ch-hub .ch-pill.lvl-advanced  { background: rgba(123,45,139,.08) !important;color: #7B2D8B !important; }

.course-15624 .ch-hub .ch-open { font-size: 12px !important; font-weight: 700 !important; color: #005EB8 !important; background: none !important; border: none !important; cursor: pointer !important; padding: 0 !important; text-align: left !important; margin-top: auto !important; padding-top: 8px !important; text-decoration: none !important; }

/* Modals */
.course-15624 .ch-modal { display: none; position: fixed !important; inset: 0 !important; background: rgba(26,34,53,.55) !important; z-index: 9999 !important; align-items: center !important; justify-content: center !important; padding: 16px !important; }
.course-15624 .ch-modal.open { display: flex !important; }
.course-15624 .ch-modal-box { background: #fff !important; border-radius: 20px !important; max-width: 820px !important; width: 100% !important; max-height: 90vh !important; overflow-y: auto !important; box-shadow: 0 24px 80px rgba(26,34,53,.22) !important; }
.course-15624 .ch-modal-head { padding: 22px 28px !important; border-radius: 20px 20px 0 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
.course-15624 .ch-modal-head.journey-head { background: linear-gradient(135deg, #005EB8, #003087, #7B2D8B) !important; }
.course-15624 .ch-modal-head.prompt-head { background: linear-gradient(135deg, #003087, #7B2D8B) !important; }
.course-15624 .ch-modal-head.story-head { background: linear-gradient(135deg, #8B1A1A, #005EB8) !important; }
.course-15624 .ch-modal-title { font-size: 17px !important; font-weight: 800 !important; color: #fff !important; margin: 0 !important; }
.course-15624 .ch-modal-subtitle { font-size: 12px !important; color: rgba(255,255,255,.8) !important; margin: 4px 0 0 !important; }
.course-15624 .ch-modal-close { background: rgba(255,255,255,.15) !important; border: 1px solid rgba(255,255,255,.3) !important; border-radius: 999px !important; color: #fff !important; font-size: 16px !important; cursor: pointer !important; padding: 6px 14px !important; flex-shrink: 0 !important; }
.course-15624 .ch-modal-body { padding: 24px 28px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }

/* Modal Article Cards */
.course-15624 .ch-modal .ch-modal-level { border-radius: 14px !important; border: 1px solid #DDE3EE !important; overflow: hidden !important; }
.course-15624 .ch-modal .ch-modal-level-head { padding: 14px 20px !important; display: flex !important; align-items: center !important; gap: 12px !important; }
.course-15624 .ch-modal .ch-modal-level-head.foundation { background: linear-gradient(135deg, #00843D, #005EB8) !important; }
.course-15624 .ch-modal .ch-modal-level-head.proficient { background: linear-gradient(135deg, #003087, #7B2D8B) !important; }
.course-15624 .ch-modal .ch-modal-level-head.advanced { background: linear-gradient(135deg, #7B2D8B, #005EB8) !important; }
.course-15624 .ch-modal .ch-modal-num { background: rgba(255,255,255,.2) !important; border-radius: 999px !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 800 !important; color: #fff !important; flex-shrink: 0 !important; }
.course-15624 .ch-modal .ch-modal-level-name { font-size: 15px !important; font-weight: 800 !important; color: #fff !important; margin: 0 !important; }
.course-15624 .ch-modal .ch-modal-level-tag { font-size: 12px !important; color: rgba(255,255,255,.8) !important; margin: 2px 0 0 !important; }
.course-15624 .ch-modal .ch-modal-level-body { padding: 16px 20px !important; background: #fff !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.course-15624 .ch-modal .ch-modal-uses-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #526178 !important; margin: 0 0 6px !important; }
.course-15624 .ch-modal .ch-modal-uses { margin: 0 !important; padding-left: 18px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
.course-15624 .ch-modal .ch-modal-uses li { font-size: 12.5px !important; color: #1A2235 !important; }
.course-15624 .ch-modal .ch-modal-next { padding: 10px 14px !important; background: #F4F6FA !important; border-radius: 10px !important; font-size: 12px !important; color: #1A2235 !important; line-height: 1.5 !important; }

/* Modal Content Boxes */
.course-15624 .ch-modal .ch-prompt-box { padding: 14px 18px !important; background: #F4F6FA !important; border-radius: 12px !important; }
.course-15624 .ch-modal .ch-prompt-box pre { font-family: "Courier New", monospace !important; font-size: 12.5px !important; color: #1A2235 !important; line-height: 1.75 !important; margin: 0 !important; white-space: pre-wrap !important; word-break: break-word !important; }
.course-15624 .ch-modal .ch-prompt-why { padding: 14px 18px !important; background: #F4F6FA !important; border-radius: 12px !important; border-left: 4px solid #003087 !important; }
.course-15624 .ch-modal .ch-prompt-how { padding: 14px 18px !important; background: #F4F6FA !important; border-radius: 12px !important; border-left: 4px solid #7B2D8B !important; }
.course-15624 .ch-modal .ch-prompt-section-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #526178 !important; margin: 0 0 6px !important; }
.course-15624 .ch-modal .ch-copy-btn { display: inline-flex !important; align-items: center !important; background: linear-gradient(135deg, #003087, #7B2D8B) !important; color: #fff !important; border: none !important; border-radius: 999px !important; padding: 10px 24px !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer !important; align-self: flex-start !important; }

.course-15624 .ch-modal .ch-story-quote { font-size: 14px !important; font-weight: 700 !important; color: #1A2235 !important; line-height: 1.6 !important; margin: 0 !important; font-style: italic !important; border-left: 4px solid #8B1A1A !important; padding-left: 16px !important; }
.course-15624 .ch-modal .ch-story-stat { padding: 14px !important; background: #F4F6FA !important; border-radius: 12px !important; }
.course-15624 .ch-modal .ch-story-stat-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: #526178 !important; margin: 0 0 6px !important; }
.course-15624 .ch-modal .ch-story-stat-val { font-size: 22px !important; font-weight: 800 !important; color: #00843D !important; margin: 0 !important; }

/* 7. ANIMATIONS & ACCESSIBILITY */
@keyframes chBounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
.course-15624 .ch-bounce-arrow { display: inline-block; margin-left: 4px; animation: chBounce 1.2s infinite ease-in-out; }
.course-15624 .ch-hub *:focus-visible { outline: 3px solid var(--ch-blue) !important; outline-offset: 3px !important; border-radius: 4px !important; }

<!-- COPILOT HUB: CALENDAR MOSAIC MASONRY GRID OVERRIDES -->
  /* Convert calendar grid container to multi-column mosaic layout */
  .ch-cal-grid {
    display: block !important; /* Overrides default flex/grid row constraints */
    column-count: 3;
    column-gap: 16px;
    width: 100%;
    box-sizing: border-box;
  }

  /* Prevent day groups from breaking awkwardly across columns */
  .ch-cal-day-group {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    margin-bottom: 16px !important;
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Responsive breakpoints for tablet and mobile */
  @media (max-width: 992px) {
    .ch-cal-grid {
      column-count: 2 !important;
    }
  }

  @media (max-width: 576px) {
    .ch-cal-grid {
      column-count: 1 !important;
    }
  }

<!-- COPILOT HUB: MOSAIC COLUMN LAYOUT STYLING -->

  .ch-cal-masonry-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .ch-cal-column {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-column: column !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .ch-cal-day-group {
    width: 100% !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  @media (max-width: 992px) {
    .ch-cal-masonry-wrapper {
      flex-direction: column !important;
    }
  }

/* ============================================================
   VENTURA CHILD THEME OVERRIDES (KALHUB FIXES)
   ============================================================ */

/* 1. Force the Split Row (Beat Ventura's .card stacking) */
.course-15624 .ch-hub main > .d-flex,
.course-99999 .ch-hub main > .d-flex { /* Use actual KAL course ID */
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

/* Target the New Drops Card */
.course-15624 .ch-hub main > .d-flex > .card:nth-child(1),
.course-99999 .ch-hub main > .d-flex > .card:nth-child(1) {
    flex: 3 1 0% !important;
    min-width: 60% !important;
    width: auto !important; /* Overrides Ventura forcing 100% width */
}

/* Target the Quick Links Card */
.course-15624 .ch-hub main > .d-flex > .card:nth-child(2),
.course-99999 .ch-hub main > .d-flex > .card:nth-child(2) {
    flex: 1 1 0% !important;
    min-width: 250px !important;
    width: auto !important;
}

/* 2. Force Headers Inline (Beat Ventura's .card-header display:block) */
.course-15624 .ch-hub .card-header.ch-native-block-head,
.course-99999 .ch-hub .card-header.ch-native-block-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important; /* Prevents icon and text from wrapping */
    padding: 16px 20px !important;
}

/* Lock the icon and text elements in place */
.course-15624 .ch-hub .card-header.ch-native-block-head span,
.course-99999 .ch-hub .card-header.ch-native-block-head span {
    display: inline-block !important;
    margin-bottom: 0 !important;
    flex-shrink: 0 !important; /* Stops the icon from squishing */
}

.course-15624 .ch-hub .card-header.ch-native-block-head h2,
.course-99999 .ch-hub .card-header.ch-native-block-head h2 {
    display: inline-block !important;
    margin: 0 !important;
    flex-grow: 1 !important;
}


/* end AI Hub */

/* HP additions to support visual difference for AI hub only targets course-15624*/

/* Scope everything to the specific course */
.course-15624 {

    /* Local variables (instead of :root) */
    --dark-blue: #15284C;
    --dark-aqua: #0C818F;
    --vibrant-aqua: #30A1AC;
    --cobalt: #003399;
    --purple: #4D2379;
    --emerald: #006060;
    --maroon: #660033;
    --muka: #F6F4EC;
    --white: #FFFFFF;
    --ink: #15284C;
    --line: rgba(21, 40, 76, .12);
    --shadow: 0 10px 30px rgba(21, 40, 76, .10);
    --shadow-lg: 0 24px 60px rgba(21, 40, 76, .18);
    --radius: 18px;
    --maxw: 1180px;
    --gradient: radial-gradient(60% 80% at 12% 92%, rgba(0, 96, 96, .95) 0%, rgba(0, 96, 96, 0) 55%),
                radial-gradient(55% 70% at 52% 60%, rgba(0, 51, 153, .85) 0%, rgba(0, 51, 153, 0) 60%),
                radial-gradient(70% 90% at 100% 100%, rgba(77, 35, 121, .95) 0%, rgba(77, 35, 121, 0) 60%),
                linear-gradient(135deg, #15284C 0%, #173163 45%, #3a2270 100%);
    --font: "Poppins", "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Hero block */
.course-15624 .hero-block {
    position: relative;
    background: var(--gradient);
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 34px 24px 38px;
    overflow: hidden;
    border-bottom-right-radius: 78px;
    box-shadow: var(--shadow);
}

/* Inner wrapper */
.course-15624 .hero-block-inner {
    position: relative;
    padding: 78px 0 92px;
    margin-inline: auto;
    padding-inline: 28px;
}

/* Heading */
.course-15624 .hero-block h1 {
    font-size: clamp(40px, 6vw, 68px);
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.12;
    color: var(--white);
    margin: 6px 0 18px;
}

/* Block headings */
.course-15624 .block_html .content h3 {
    font-size: 24px;
    color: #ffffff;
}

.course-15624 .block-totara-featured-links-layout>div .block-totara-featured-links-content {
    position: absolute;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    max-height: 100%;
    overflow: hidden;
    background: var(--color-backdrop-standard);
    color: var(--color-neutral-1);
    padding: 15px;
}
.course-15624 .tw-formatTopics__topic--color .tw-formatTopics__topic_header {
    border-radius: 10px;
    background: var(--gradient) !important;
    color: #fff;
    color: white;
    padding: 15px 15px 15px 20px;
}

/* can be removed above once new has been added */


/*VERSION CONTROL
LAST UPDATE BY: Katherine Rayn
DATE: 01 May 2025
WR: 448787
COPY:https://alfresco.wgtn.cat-it.co.nz/share/s/6AzZYzTKR1CNhT82oy1brw
*/
/* SAML logout button removal 
#page-auth-saml2-error .singlebutton {
visibility: hidden !important;
}*/

#page-auth-saml2-error .singlebutton div {
display: block !important;
margin-left: 44%;
}

/*Hide login with password button on saml2 error page*/
#page-auth-saml2-error .usermenu {
display: none;
}

/*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;
}

.ft-state-danger {
    color: #660033 !important;
}

/*************************FORMS*************/
.customfield-multiselect .felement>span {
    margin: 0;
}

form select,
form input[type=text],
form input[type=password],
form input[type=number],
form.atto_form input[type=url],
select.singleselect {
    max-width: 500px;
}

/*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,
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,
#page-site-index input[type='submit'] {
    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;
}

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,
#page-site-index input[type='submit']: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,
#page-site-index input[type='submit']: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,
#page-site-index input[type='submit']: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;
    transform: translateY(3px);
    box-shadow: 0px 2px 0 0 #4D2379;
    background-color: white;
    color: #4D2379;
}



/*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*/
#page-login-index .totaraNav {
    display: block;
}

#page-login-index #page-footer {
    display: block;
}

.path-login #page {
    background-color: white;
}

/*home page & Login Page*/

#page-site-index .box.generalbox.sitetopic {
    display: none;
}

#page-site-index.editing .box.generalbox.sitetopic {
    display: block;
}


#page-site-index form input[type=text],
#page-site-index form input[type=password] {
    max-width: 600px;
}


.sso-login {
    background-color: #F6F4EC;
    display: flex;
    justify-content: center;

}

.request-block {
    background-color: #F6F4EC;
}

.request-block .content h3 {
    font-weight: 600;
    font-size: 20px;
}

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

.site-name-banner {
    display: flex;
    justify-content: center;
}

.block.sso-login .content {
    max-width: 600px;
    min-width: 600px;
    padding-top: 20px;
}

.block.sso-login .content .btn.btn-primary {
    width: 100%;
}

.block.sso-login,
.block.site-name-banner {
    margin-bottom: 0;
    border-radius: 0;
}
.block.block_login {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#page-site-index h2 {
    color: #15284C;
    font-size: 24px;
}

#page-site-index #block-region-side-post .block-header h2 {
    color: #15284C;
}

#page-site-index .block_login {
    height: 450px;
}

#page-site-index .block_login .content.block-content {
    padding: 0 15px;
  display: flex;
    flex-direction: column;
    gap: 20px;
}

#page-site-index form input[type='text'],
#page-site-index form input[type='password'] {
    background-color: #F6F4EC;
}




#page-site-index.notloggedin .totaraNav ul {
    display: none;
}

#page-login-index .loginbox.twocolumns {
    display: flex;
}

#page-login-index .loginpanel {
    order: 2;
}

.loginbox.twocolumns .loginpanel {
    border-right: none;
    background-color: #F6F4EC;
    margin: 10px;
    border-radius: 10px;
    margin-right: 15px;
    margin-left: 15px;
    min-height: 515px;
}

.loginbox.twocolumns .signuppanel {
    padding: 0;
}

.loginbox.twocolumns .loginpanel {
    padding: 2%;
}

.signuppanel h2 {
    display: none;
}

.login-background h2 {
    display: block;
}



#page-login-index.loginpanel h2 {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 40px;
    padding: 25 15px 15px 15px;

}

.path-login #login_hero-image {
    max-height: 210px;
}

#page-login-index .signupform {
    display: none;
}
#page-login-index .signuppanel {
    background-color: #F6F4EC;
    border-radius: 10px;
    margin: 10px;
    border-radius: 10px;
    margin-right: 15px;
    margin-left: 15px;
    min-height: 515px;
    padding: 35px;
}

/*Responsiveness on Login Page*/
@media screen and (min-width: 1024px) {
    .loginbox.twocolumns .loginpanel {
        width: 25%;
        float: left;
        border-right: none;
        background-color: #F6F4EC;
        margin: 10px;
        border-radius: 10px;
        margin-right: 15px;
        margin-left: 15px;
        min-height: 515px;
    }
}

@media screen and (min-width: 1024px) {
    .loginbox.twocolumns .signuppanel {
        width: 65%;
        float: left;
        margin-right: 15px;
        margin-left: 15px;
        margin-top: 10px;
    }

}

@media screen and (max-width: 1024px) {
    .loginbox.twocolumns .loginpanel {
        width: 80%;
        border-right: none;
        background-color: #F6F4EC;
        margin: 10px;
        border-radius: 10px;
        margin-right: 15px;
        margin-left: 15px;
        min-height: 515px;
    }
}

@media screen and (max-width: 1024px) {
    .loginbox.twocolumns .signuppanel {
        width: 80%;
        margin-right: 15px;
        margin-left: 15px;
        margin-top: 10px;
    }

}

@media screen and (max-width: 1024px) {
    #page-login-index .loginbox.twocolumns {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 1024px) {
    #page-login-index .loginbox .subcontent {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1024px) {
    #page-login-index .loginbox {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 425px) {
    #page-login-index .loginbox {
        padding: 0 5px;
    }
}

/*Responsiveness for home page*/
@media (max-width:1024px) {
    #page-site-index .col-md-9 {
        width: 100%;
    }
}

@media (max-width:1024px) {
    #page-site-index .col-md-3 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #page-site-index .col-sm-offset-6 {
        margin-left: 0;
    }
}

@media (max-width: 992px) {

    #page-site-index .has-region-side-pre #region-main,
    #page-site-index .has-region-side-post #region-main {
        border-bottom: none;
        margin-bottom: 1em;
        padding-bottom: 0;
    }
}

@media (max-width:425px) {
    #page-site-index a.btn.btn-primary {
        text-wrap: auto;
    }
}

/*LearnOnline Redirect Page*/
.learnonline-masterhead-logo {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-start;
    padding-left: 30px;
}

.learnonline-header {
    height: 120px;
    background-color: #006ab4;
    background-image: url(https://koawatealearn.co.nz/pluginfile.php/434944/mod_folder/content/0/moh-pattern-fade-40.png?forcedownload=1);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 40% auto;
}

.cmid-151315 h2 {
    color: #006ab4;
    font-size: 45px;
    text-align: center;
}

.cmid-151315 h3 {
        color: #006ab4;
        margin-bottom: 15px;
}
.cmid-151315 .modified,
.cmid-151315 .breadcrumb,
.cmid-151315 .totaraNav_prim--list,
.cmid-151315 .totaraNav_prim--side {
    display: none;
}

.btn.btn-primary.learnonline {
    color: #f18700;
    border-color: #f18700;
    box-shadow: 0px 5px 0 0 #f18700;
}

.btn.btn-primary.learnonline:hover,
.btn.btn-primary.learnonline:focus  {
    color: #f18700;
    border-color: #f18700;
    box-shadow: 0px 2px 0 0 #f18700;
}

.btn.btn-primary.learnonline:active {
    color: #f18700;
    border-color: #f18700;
    box-shadow: 0px 0px 0 0 #f18700;
}

.learnonline-nav {
    margin-bottom: 50px;
}


/**CHANGE ACCOUNT PAGE**/
#page-local-cmdhb-account_change_request form input[type=text],
#page-local-cmdhb-account_change_request form select {
    max-width: 600px;
    width: 100%;
}

#page-local-cmdhb-account_change_request textarea {
    width: 600px;
}

#page-local-cmdhb-account_change_request .tfont-var-caret-down-fill {
    display: none;
}

#page-local-cmdhb-account_change_request .fheader {
    color: #15284C;
}

#page-local-cmdhb-account_change_request .collapsible-actions {
    display: none;
}


@media (min-width: 992px) {
    #page-local-cmdhb-account_change_request .col-md-12 {
        float: none;
        max-width: 1000px;
        background-color: #F6F4EC;
        padding: 25px;
        margin: 0 auto;
    }
}

#page-local-cmdhb-account_change_request legend {
    border-bottom: none;
}

@media (min-width: 1200px) {
    #page-local-cmdhb-account_change_request .mform .fitem_actionbuttons>div.felement {
        margin-left: 40%;
    }
}

/***********TILES**************/

.course-tiles,
.help-tiles {
    display: flex;
    justify-content: space-around;
    gap: 20px;

}

.course-tiles {
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {

    .course-tiles,
    .help-tiles {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: 20px;
    }
}

@media only screen and (max-width: 768px) {
    #page-login-index .loginbox .subcontent {
        margin-top: 0;
    }
}

.tile {
    flex-basis: 33.3%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 5px;
    min-height: 355px;
    background-color: #F6F4EC;
    padding: 10px;
    border-radius: 10px;

}

.tile-title h2 {
    color: #15284C;
}

.tile-title {
    padding: 15px;
}

.title-content {
    padding: 0 15px;
}


.tile-button {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px 15px 15px;
}

.tile-short {
    flex-basis: 50%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
    border-radius: 10px;

}

.tile-short .tile-button {
    display: flex;
}



.block_login div {
    text-align: center;
}



.block_login #login div {
    text-align: left;
}

.block_login {
    background-color: #F6F4EC;
    border-radius: 10px;
    margin-top: 10px;
}

.block_login a[href$="signup.php"],
.potentialidps {
    display: none;
}

.block_login a[href$="forgot_password.php"] {
    text-align: center;
    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: 5px 15px;
    margin-top: 15px;
}

.block_login a {
    text-align: center;
}


/*Change password screen*/
#page-login-change_password #fitem_id_username,
#page-login-forgot_password #fitem_id_username2 {
    display: none;
}




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

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

#page-site-index #login {
    margin-bottom: 5px;
     width: 600px;
     align-self: center;

}

/*reset password screen*/
#page-login-forgot_password #fitem_id_username,
#page-login-forgot_password #id_submitbuttonusername {
    display: none;
}

.core__forgotpassword .mform fieldset+fieldset {
    border-top: none;
}

.core__forgotpassword {
    background-color: #F6F4EC;
    border-radius: 10px;
    padding: 25px;
}

.core__forgotpassword h2 {
    margin-bottom: 25px;
}

.path-login hr {
    display: none;
}

/*Create an account page*/

#fitem_id_passwordpolicyinfo {
    margin-bottom: 5px;
}

@media (min-width: 1200px) {
    .mform .fitem .fitemtitle {
        float: left;
        width: 30%;
    }
}

@media (min-width: 1200px) {
    .mform .fitem .felement {
        float: left;
        width: 70%;
    }
}

@media screen and (min-width: 992px) {
    #page-login-signup #region-main {
        float: none;
        margin: 0 auto;
        width: 1000px;
        background-color: #F6F4EC;
        border-radius: 10px;
        padding: 25px;
    }
}

#page-login-signup .collapsible-actions {
    display: none;
}

#page-login-signup .tfont-var-caret-down-fill {
    display: none;
}


.auth_approved-instructions {
    padding: 30px;
}

.auth_approved-instructions a {
    background-color: #F6F4EC !important;
}


#page-login-signup .mform legend a,
.mform legend a:hover {
    color: #15284C;
}

#page-login-signup .mform .fcontainer .fitem .felement>input[type=text],
#page-login-signup form input[type=text],
#page-login-signup form select {
    max-width: 600px;
    width: 600px;
}

#page-login-signup label {
    font-weight: 400;
}

#page-login-signup legend {
    border-bottom: none;
}

div#fitem_id_organisationid,
div#fitem_id_positionid {
    margin-bottom: 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;
}

/*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 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

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

/*COURSE PAGE*/
.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;
}

/*Assignment*/
/***WR463492 - Ensure first column width is constant in rubric grading***/
#advancedgrading-criteria .description {
   overflow-wrap: anywhere;
}

/***WR461467 - Fix comment column width when printing rubric grading***/
@media print {
    #advancedgrading-criteria {
        table-layout: fixed;
        width: 100%; /* Adjust the table's overall width as needed */
    }

    /* Set specific widths for each column */
    #advancedgrading-criteria td:nth-child(1) {
        width: 20%;
    }

    #advancedgrading-criteria td:nth-child(2) {
        width: 48%;
    }

    #advancedgrading-criteria td:nth-child(3) {
        width: 32%;
    }
}

/*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;
}


/*Face to Face*/

#page-mod-facetoface-events-edit th.header.c3,
#page-mod-facetoface-events-add th.header.c3,
#page-mod-facetoface-events-edit td.cell.c3,
#page-mod-facetoface-events-add td.cell.c3
 {
    display: none;
}