:root{--color-primary: #455465;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #0074be;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--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: #fafafa;--nav-text-color: var(--color-text);--nav-selected-color: var(--color-state);--nav-border-colour: rgba(128, 128, 128, 0.2);--nav-width: 15rem;--nav-collapsed-width: 5rem;--nav-button-size: 1.25rem;--nav-logo-width: 7.5rem;--nav-logo-height: 7.5rem;--nav-logomark-width: 2.5rem;--nav-logomark-height: 2.5rem;--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-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled);--page-content-padding-desktop: calc(var(--gap-base) * 8)}.tui-theme_inspire-navItem{--tui-theme_inspire-navItem-height: 2.75rem;--tui-theme_inspire-navItem-indicator-height: 2rem;--tui-theme_inspire-navItem-top-level-nav-item-padding: 10px;--tui-theme_inspire-navItem-nav-item-padding: 6px;display:flex;flex-grow:1;flex-wrap:wrap;height:var(--tui-theme_inspire-navItem-height);padding-top:calc(var(--gap-base) * 1);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem--navExpanded{height:100%}.tui-theme_inspire-navItem__icon{width:1.2em;height:1.2em;margin:auto}.tui-theme_inspire-navItem__icon--navExpanded{margin:calc(var(--gap-base) * 3) auto auto calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem .tui-theme_inspire-navItem{padding-top:0}.tui-theme_inspire-navItem--selected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem--selected:before{height:var(--tui-theme_inspire-navItem-indicator-height);margin-top:calc(var(--gap-base) * 1);border-right:calc(var(--gap-base) * 1) solid var(--nav-selected-color);border-top-right-radius:calc(var(--gap-base) * 1);border-bottom-right-radius:calc(var(--gap-base) * 1);content:""}.tui-theme_inspire-navItem .tui-theme_inspire-navItem--selected:before{margin-top:0}.tui-theme_inspire-navItem--link{flex-wrap:nowrap}.tui-theme_inspire-navItem__heading{display:flex;flex-grow:1;align-items:flex-start;padding:0;background-color:inherit;border:none;border-radius:var(--btn-radius)}.tui-theme_inspire-navItem__heading--childSelected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem__heading--depth-0{margin-left:calc(var(--gap-base) * 5);font-weight:600}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 4)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction{margin:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-1{margin-left:calc(var(--gap-base) * 10);font-weight:400}.tui-theme_inspire-navItem__heading--depth-1.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 9)}.tui-theme_inspire-navItem__heading--depth-2{margin-left:calc(var(--gap-base) * 13)}.tui-theme_inspire-navItem__heading--depth-2.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 12)}.tui-theme_inspire-navItem__heading--link{color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__heading--link:hover,.tui-theme_inspire-navItem__heading--link:focus{color:var(--nav-tab-text-color);text-decoration:none}.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{color:var(--nav-selected-color)}@media (hover:hover){.tui-theme_inspire-navItem__heading:hover{background-color:color-mix(in srgb, var(--nav-tab-text-color) 10%, transparent)}}.tui-theme_inspire-navItem__heading:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navItem__headingText{flex-grow:1;margin:auto;padding:var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 3);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tui-theme_inspire-navItem__headingText--depth-0{padding:var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__headingAction{flex-basis:1.5rem;flex-shrink:0;height:1.5rem;margin:calc(var(--gap-base) * 1) calc(var(--gap-base) * 2);padding:var(--tui-theme_inspire-navItem-nav-item-padding);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__children{flex-basis:100%;margin-bottom:calc(var(--gap-base) * 2);margin-left:0;list-style:none}.tui-theme_inspire-navigation__toggle{position:absolute;z-index:1;width:var(--nav-button-size);height:var(--nav-button-size);margin:calc(var(--gap-base) * 4);color:var(--color-text)}.tui-theme_inspire-navigation__toggle--overlay{display:block}.tui-theme_inspire-navigation__toggle--expand{display:none}@media (min-width:992px){.tui-theme_inspire-navigation__toggle{left:var(--nav-collapsed-width);margin-left:calc(var(--gap-base) * 5)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{display:block}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}}.tui-theme_inspire-navigation__toggle--navHidden{left:0}.tui-theme_inspire-navigation{position:relative;z-index:var(--zindex-navbar);display:none;flex-direction:column;overflow:visible}@media (min-width:992px){.tui-theme_inspire-navigation{display:flex;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{position:fixed;display:flex;flex-direction:column;width:var(--nav-collapsed-width);height:100%;background-color:var(--nav-bg-color);border-right:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading{margin:auto;border-bottom:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logomark-width);max-height:var(--nav-logomark-height);margin:calc(var(--gap-base) * 8) 0}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse{float:right;width:var(--nav-button-size);height:var(--nav-button-size);margin-top:calc(var(--gap-base) * 4);margin-right:calc(var(--gap-base) * -3);color:var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__items{display:flex;flex-direction:column;gap:calc(var(--gap-base) * 1);height:100%;margin:0;padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) 0;overflow-y:auto;list-style:none}.tui-theme_inspire-navigation--overlaid{position:fixed;z-index:var(--zindex-nav-overlay);display:flex;width:var(--nav-width)}@media (min-width:992px){.tui-theme_inspire-navigation--overlaid{position:relative;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}.tui-theme_inspire-navigation--desktopExpanded{display:none}@media (min-width:992px){.tui-theme_inspire-navigation--desktopExpanded{display:flex;width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}}.tui-theme_inspire-navigation--hidden{display:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.tui-core_auth-loginLayout{display:flex;flex-direction:column;flex-grow:1}.tui-core_auth-loginLayout__panels{flex-grow:1}.tui-core_auth-loginLayout__panel-interface{display:flex;flex:auto;flex-flow:column;min-height:100%}.tui-core_auth-loginLayout__panel-graphic{position:fixed;top:0;right:0;bottom:0;display:none;width:50%;background-position:center;background-size:cover}.tui-core_auth-loginLayout__contentWrap{display:flex;flex:auto;flex-flow:column;align-items:center;justify-content:center;padding:var(--gap-8)}.tui-core_auth-loginLayout__main{width:100%;max-width:25rem}@media (min-width:992px){.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panels{grid-template-columns:1fr 1fr}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-interface{width:50%}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-graphic{display:flex}}.tui-core_auth-loginForm__options{display:flex;flex-flow:row wrap;gap:var(--gap-2);align-items:baseline;justify-content:space-between}.tui-core_auth-loginForm__submitWrap{display:flex;flex-flow:column}.tui-core_auth-loginForm__content{display:flex;flex-flow:column;gap:var(--gap-6)}.tui-core_auth-loginForm__help{display:flex}.tui-core_auth-loginForm__heading{font-weight:var(--font-h3-weight);font-size:var(--font-h3-size);font-family:var(--font-h3-family);line-height:var(--font-h3-line-height);margin-bottom:var(--gap-4)}.tui-totara_program-courseSet__course{position:relative}.tui-totara_program-courseSet__courseCardProgress{display:flex;align-items:center;height:1.25rem}.tui-totara_program-courseSet__courseCardProgress>*+*{margin-left:var(--gap-2)}.tui-totara_program-courseSet__courseCardProgressLozenge,.tui-totara_program-courseSet__courseCardProgressIndicator{flex-grow:1}.tui-totara_program-courseSet__courseCardProgressMenu{display:block}.tui-totara_program-courseSet__courseCardLaunch{align-self:flex-end}.tui-core_auth-login{display:flex;flex-flow:column;gap:var(--gap-6)}.tui-core_auth-login__separator{border:1px solid var(--color-neutral-5);border-width:1px 0 0 0}.tui-core_auth-login__errorInner{display:inline-flex;font-weight:var(--font-body-sm-weight);font-size:var(--font-body-sm-size);font-family:var(--font-body-sm-family);line-height:var(--font-body-sm-line-height);padding:var(--gap-3);color:var(--color-prompt-alert);background-color:var(--color-prompt-alert-bg);border-radius:8px}.tui-core_auth-login__title{margin:0}:root{--nav-bg-color: #006353;--nav-text-color: #ffffff;--nav-selected-color: #ff6238;--color-primary: #ff6238;--btn-accent-color: #006353;--link-color: #297f80;--color-state: #006353;--color-text: #262626;--footer-bg-color: #006353;--footer-text-color: #ffffff;--btn-accent-color-hover: #005949;--btn-accent-color-active: #004838;--link-color-hover: #1f7576;--color-state-hover: #005949;--color-state-focus: #005949;--color-state-active: #004838;--footer-text-color-hover: #f5f5f5;}
:root {
    --color-tca-yellow: #FFCD00;
}

@media only screen and (max-width: 768px) {
    body div.totaraNav_prim--toggleNav {
        background: transparent !important;
    }
}

body {
    background-color: rgba(221, 240, 239, 0.2);
}

.page-footer-poweredby {
    display: none;
}

.label-default {
    background-color: #0081AA;
    text-transform: uppercase;
}

.label {
    border-radius: 0px;
}

.pagination {
    border-radius: 0px;
}

.pagination > li:last-child > a,
.pagination > li:first-child > a {
    border-radius: 0px;
}

.pagination > li > a {
    border: 2px solid var(--link-color);
    &:hover {
        border-color: inherit;
    }
}

.pagination > .disabled > a {
    border-color: var(--link-color);
}

.pagination > .active > a  {
    border-color: var(--btn-prim-accent-color);
}

.block-totara-featured-links-layout .block-totara-featured-links-tile.background-contain {
    background-size: auto;
}

.block-totara-featured-links-layout .block-totara-featured-links-tile.background-cover{
    background-size: contain;
}

.block-totara-featured-links-layout > div .block-totara-featured-links-content {
    background-color: transparent;
    padding: 12px!important;
}
.block-totara-featured-links-layout .block-totara-featured-links-tile.background-contain {
    background-size: auto;
}
.block-totara-featured-links-flex-filler.block-totara-featured-links-tile-small {
    display: none;
}

.block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position-y: 30%;
}


.block_totara_featured_links.block:not(.chromeless) {
    .block-totara-featured-links-tile {
        margin: 10px;
    }
}

.block-totara-featured-links-layout.portrait {
    .block-totara-featured-links-content.block-totara-featured-links-content-top {
        height: 100%;
        display: flex;
        flex-direction: column;
        h3 {
            flex: 100px 1 0;
            padding-bottom: 12px;
            border-bottom: 1px solid #fff;
            + p {
                flex: 150px 2 0;
                padding-top: 6px;
            }
        }
    }
}

.block.block_totara_report_table {
    .block-content {
        table#report_record_of_learning_courses {
            thead {
                display: none;
            }
            tbody {
                tr:nth-child(odd) {
                    background-color: rgba(221, 240, 239, 0.2);
                }
            }
        }
        .totara-toolbar.totara-toolbar-bottom {
            .paging {
                .current-page {
                    background-color: var(--btn-prim-accent-color);
                    color: #ffffff;
                }
                a {

                }
                > a, > span {
                    padding: 6px 12px;
                    border: 2px solid var(--btn-prim-accent-color);
                }
                > a.previous, > a.next {
                    padding: 6px 4px;
                    border: none;
                }
                > a:not(:last-child) {
                    margin: 0px -2px;
                }
                > a:last-child {
                    margin-right: 0px;
                    margin-left: -2px;
                }
                > a:nth-last-child(2) {
                    margin-left: -4px;
                }
                > span.current-page:not(:first-child) {
                    margin-left: -2px;
                }
                > span.current-page:first-child {
                    margin-right: -2px;
                }
            }
        }
        .totara-toolbar.totara-toolbar-top {
            display: none;
        }

    }
}



.block-totara-featured-links-layout.portrait > div:not(.block-totara-featured-links-placeholder) {
    &:before {
        padding-top: 140%;
    }
}

.block-totara-featured-links-layout.landscape {
    row-gap: 12px;
    .block-totara-featured-links-tile-small {
        .block-totara-featured-links-content-top {
            h3 {
                color: #000;
            }
        }
    }
}

.block_current_learning-tiles {
    padding: var(--gap-4);
    ul {
        display: flex;
        flex-wrap: wrap;
    }
}

.block_current_learning-tile__content_duedate_text-label-info {
    color: var(--color-text);
}


.block .content {

}



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

.block_current_learning-tile__content_duedate_text-label-warning {
    color: #ffffff;
    background: var(--color-prompt-warning);
}

.block_totara_featured_links:first-of-type .block-totara-featured-links-layout:first-of-type .block-totara-featured-links-tile {
    background-position-y: 0;
    height: 0;
    padding-top: 20%;
}
/** **/
.block.block_totara_report_table
.block-content
.totara-toolbar.totara-toolbar-bottom
.paging {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: baseline;
    align-items: baseline;
}

.block.block_totara_report_table
.block-content
.totara-toolbar.totara-toolbar-bottom
.paging
> span.current-page:first-child {
    margin-left: 1rem;
}

.block.block_totara_report_table .block-content .totara-toolbar.totara-toolbar-bottom .paging a:nth-last-child(2) {
    margin-right: 1rem;
}

/* Override book H5 style */
#page-mod-book-view {
    h5 {
        color: var(--color-primary) !important;
        font-size: 1.95em;
    }
}
/* Hide username field & button from forgot password page. See ticket 13514 for correponsing language string customisations */
fieldset#id_searchbyusername {
    display: none;
}
/* replace the text username with Email address on the login page. We use this in preference to the localization because the relevant localization string changes the text in multiple other places as well which is not desirable*/
label[for="username"] {
    visibility: hidden;
    position: relative;
    width: 150px;
}

label[for="username"]::after {
    content: "Enter your email";
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
}
/* End of changes to replace username text*/

/*Remove text on login screen */
#page-login-index .loginbox .desc {
    display: none;
}
/* end of Remove text on login screen*/

/*remove confirmation text from forgot password page */
#page-login-forgot_password #notice p{
    /*display: none;*/
}
/* end of remove confirmation text from forgot password page */

/* Course book printing as portrait instead of landscape, no margins - #13808 */

@page {
    size: A4 portrait !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
}



/* Hide Program criteria message - ticket #14076 */
.path-totara-program {
    .tui-totara_program-programHeader__progress {
        > p:first-child {
             display: none;
         }
    }
}

/* Custom format topic styling - ticket #14217 */
.tw-formatTopics__topic.careeracademy-custom-section-header-black {
    h3.sectionname.tw-formatTopics__topic_header {
        color: #262626;
        font-size: 22px;
    }
}

.tw-formatTopics__topic.careeracademy-custom-section-header-green {
    h3.sectionname.tw-formatTopics__topic_header {
        color: #006353;
        font-size: 22px;
    }
}

.tw-formatTopics__topic.careeracademy-custom-section-header-orange {
    h3.sectionname.tw-formatTopics__topic_header {
        color: #FF6238;
        font-size: 22px;
    }
}

/* Increase height for course title in program display - ticket #14215 */
.tui-core_course-courseCard {
    .tui-core_course-courseCard__content {
        .tui-core_course-courseCard__title {
            height: 6em;
            font-size: calc(var(--font-size-base) / 16 * 14);
            line-height: 1.5;
            -webkit-line-clamp: none;
        }
    }
}

/* Custom styling of Atto heading sizes. Ticket #14205*/
.editor_atto_content h3,
.generated-content--user h3,
#page-mod-book-tool-print-index .chapter h3,
#page-mod-book-tool-print-index .book_chapter h3 {
    color: #006353 !important;
    font-size: 22px !important;
}
.editor_atto_content h4,
.generated-content--user h4,
#page-mod-book-tool-print-index .chapter h4,
#page-mod-book-tool-print-index .book_chapter h4 {
    color: #FF6238 !important;
    font-size: 19px !important;
}
.editor_atto_content h5,
.generated-content--user h5,
#page-mod-book-view .generated-content--user h5,
#page-mod-book-tool-print-index .chapter h5,
#page-mod-book-tool-print-index .book_chapter h5 {
    color: #000000 !important;
    font-size: 16px !important;
}

/* Horizontal custom footer content */
.page-footer-main-content ul {
    display: flex;
    justify-content: space-evenly;
}
.page-footer-main-content ul li {
    display: block;
}
#page-footer .usertour_poweredby {
    display: flex;
    justify-content: space-around;
}
.tool_usertours-resettourcontainer:empty {
    display: none;
}
.page-footer .page-footer-main-content {
    padding: var(--gap-0) 0;
}
.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav {
    border-right: none;
}
.page-footer-poweredby a {
    color: var(--link-color) !important;
    text-decoration: none !important;
}

/* Ticket #14369 */
.path-mod,
.path-course,
.path-question {
    .generated-content--user,
    .editor_atto_content {
        table {
            td {
                padding: 10px;
                color: #3d444b;
            }
            th {
                background: var(--color-tca-green);
                color: #ffffff !important;
                padding: 10px;
            }
            tr:nth-child(even) {
                background: #dddddd;
            }
            tr:nth-child(odd) {
                background: #ffffff;
            }
        }
    }
}
/* End Ticket #14369 */

/* Ticket #14541 */
footer#page-footer {
    .footnote,
    .usertour_poweredby {
        visibility: hidden;
    }
     .purgecaches,
     .page-footer-poweredby {
        display: none;
    }
}
/* End #14541 */



/* START 14561*/
#page-login-index, #page-login-forgot_password {
    background-size: calc(468px + 10vW) auto;
    background-position: calc(73% + 8vW) center;
    background-repeat: no-repeat;
    background-color: #016354;
    background-image:  url(https://tca19.synapsys.co.nz/theme/image.php/careeracademy2/totara_core/1768346362/login_bg_logo5);
}


#page-login-forgot_password .box.generalbox {
    color: white;
}

#page-login-forgot_password .fdescription.required,
#page-login-forgot_password .ftoggler {
    display: none;
}

#page-login-forgot_password {
    color: white;
}

#page-login-forgot_password #id_setpassword .fitemtitle {
    display: flex;
}

#page-login-forgot_password #id_setpassword .fcontainer.clearfix {

}

#page-login-forgot_password .felement.fgroup {
;
    #id_submitbutton {
       width: 100%
    }
    #id_cancel {
       display: none;
    }
}

#page-login-forgot_password .box.generalbox.boxwidthnormal.boxaligncenter {

    font-size: 20px;
    font-weight: 400;
}

#page-login-forgot_password #id_setpassword #fitem_id_username2 .fitemtitle .fstaticlabel {
    visibility: hidden;
}

#page-login-forgot_password #id_setpassword #fitem_id_username2 .fitemtitle .fstaticlabel::before {
    content: 'Email';
    visibility: visible;
    display: block;
}

#page-login-forgot_password .felement.fgroup #id_submitbutton {
    background-color: #ff6238;
}

#page-login-forgot_password .continuebutton input {
    background-color: #ff6238;
    display: none;
}

#page-login-forgot_password #notice {
/*    font-size: larger;  */
}


#page-login-forgot_password {
    #page-content {
        section#region-main {
            left: 38%;
            max-width: 25rem;

            width: 100%;
            float: none;

            #notice {
               margin: unset;
               margin-bottom: unset;
            }

            .continuebutton {
               flex-grow: unset;
            }
            .page-heading {
                margin-bottom: 10px;

                h1 {
                    color: white !important;  
                    font-size: 30px;
                    font-weight: 500;
                }
               
            }
            a {
                   color: #ff6238 !important;
            }
            .core__forgotpassword {
                padding-left: 0;
                padding-right: 0;

                h2 {
                    font-size: 30px;
                    font-weight: 500;
                }
            }
        }
    }
}

/* END 14561*/




/* BEGIN TCA007 */
/* activity link styling (button – to look like the buttons in Rise, but with white background and green text and border) */
.activityinstance {
    margin: 8px 0 8px;
    a {
        border: 1px solid var(--link-color);
        padding: 8px 16px;
        border-radius: 20px;
        text-decoration-line: none;
        .instancename {
            margin-left: 4px;
        }
    }
}

/* link styling (underline links by default) */
/** Doing this only on some specific pages **/
.path-course,
.path-totara-plan,
.path-totara-dashboard {
    a {
        text-decoration-line: underline;
    }
}

/* Add whitespace (1.5em) between topics on course pages) */
.path-course {
    .course-content {
        ul {
            [id^='section-'] {
                margin-top: 1.5em !important;
            }
        }
    }
}

.block_settings.block[data-block="settings"] {
    .content {
        ul li a {
            text-decoration-line: none;

            &:hover {
                text-decoration-line: underline;
            }
        }
    }
}

/* Show links to site policies */
#page-login-index .tui-core_auth-footer {
    display: flex;
    ul {
        display: none;
    }
    .footnote .site-policies {
        text-align: center;
        /* DISPLAY NONE PENDING POLICY DOCS UPLOAD */
        /* display: none; */
    }
    .tui-core_auth-footer__poweredBy {
        display: none;
    }
}
/* DISPLAY NONE PENDING IDP CONFIG */
.idp-login.login-statement {
    display: none;
}



/* END TCA007 */

/* =============================================================
   MODERN LOGIN PAGE REDESIGN — v4 (tightened spacing, mobile-first)
   Targets real Totara TUI classes from the actual DOM
   ============================================================= */

/* --- 1. Page background: keep the original ghosted TCA logo,
        use the cleaner brand teal (matches the rest of the site). --- */
#page-login-index,
#page-login-forgot_password {
    background-color: #016354 !important;
    background-image: url(https://tca19.synapsys.co.nz/theme/image.php/careeracademy2/totara_core/1768346362/login_bg_logo5) !important;
    background-repeat: no-repeat !important;
    background-size: calc(468px + 10vw) auto !important;
    background-position: calc(73% + 8vw) center !important;
    min-height: 100vh;
    overflow-x: hidden !important;
    max-width: 100vw;
}

/* Clamp the outer Totara TUI containers so nothing overflows the viewport.
   These are wrapper divs that by default want to expand. */
#page-login-index .tui-root,
#page-login-index .tui-core_auth-loginLayout,
#page-login-index .tui-core_auth-loginLayout__panels,
#page-login-index .tui-core_auth-loginLayout__panel-interface,
#page-login-forgot_password .tui-root,
#page-login-forgot_password .tui-core_auth-loginLayout,
#page-login-forgot_password .tui-core_auth-loginLayout__panels,
#page-login-forgot_password .tui-core_auth-loginLayout__panel-interface {
    max-width: 100vw !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* --- 2. Top logo nav --- */
#page-login-index .tui-core_auth-loginNav {
    padding: 16px 24px !important;
}

/* --- 3. Overall content wrap — constrain to viewport to prevent
        horizontal overflow on mobile. The headline will fluidly fill
        this width. --- */
#page-login-index .tui-core_auth-loginLayout__contentWrap {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 8px 20px 40px !important;
    text-align: center;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Cap the form-area children at 480px so inputs don't stretch too wide,
   but let the headline span the full wrap width */
#page-login-index .tui-core_auth-loginLayout__contentWrap > .idp-login.welcome-statement,
#page-login-index .tui-core_auth-loginLayout__contentWrap > .tui-core_auth-loginLayout__main,
#page-login-index .tui-core_auth-loginLayout__contentWrap > .idp-login.login-statement,
#page-login-index .tui-core_auth-loginLayout__contentWrap > .tui-core_auth-footer {
    max-width: 480px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* --- 4. Headline "BECOME UNSTOPPABLE" — fluid sizing that fits at
        ANY viewport width on one line. The text is 18 chars in a heavy
        display font; each char is ~0.55em wide, so safe max font-size
        is roughly viewport_width / 11. That lands at ~5.5vw. --- */
#page-login-index h1.tca_theme.login_text {
    font-size: clamp(20px, 5.5vw, 110px) !important;
    line-height: 1 !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    letter-spacing: 0px;
    white-space: nowrap;
    overflow: visible;
}

/* Hide the empty spacer h1 that follows the headline */
#page-login-index h1.tca_theme.login_text + h1.tca_theme.login_text {
    display: none !important;
}

/* --- 5. Welcome statement paragraph — tighter --- */
#page-login-index .idp-login.welcome-statement {
    margin: 10px 0 16px !important;
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.9;
}

/* --- 6. Login main container — removes default Totara padding --- */
#page-login-index .tui-core_auth-loginLayout__main {
    padding: 0 !important;
    margin: 0 !important;
}

/* --- 7. "Log in" title --- */
#page-login-index .tui-core_auth-login__title {
    margin: 0 0 14px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    order: 1;
}

/* --- 7a. Make the login container a flex column so we can reorder
        children: email/password form first, SSO buttons second --- */
#page-login-index .tui-core_auth-login {
    display: flex !important;
    flex-direction: column !important;
}

/* --- 8. SSO buttons (stackChooser) — tighter & with logos.
        Placed AFTER the form via flex order. --- */
#page-login-index .tui-core_auth-stackChooser {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    order: 4;
}

#page-login-index .tui-core_auth-stackChooser__option {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    padding: 10px 16px !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.15s ease !important;
    text-decoration: none !important;
    min-height: 48px;
    box-sizing: border-box;
}

#page-login-index .tui-core_auth-stackChooser__option:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#page-login-index .tui-core_auth-stackChooser__label {
    color: #1f2937 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    flex: 1;
    text-align: center;
    margin-right: 22px; /* offsets the logo so text appears centered */
}

#page-login-index .tui-core_auth-stackChooser__icon {
    color: #9ca3af !important;
    flex-shrink: 0;
    width: 14px !important;
    height: 14px !important;
}

/* Microsoft logo — first SSO option (id=1 in the href) */
#page-login-index .tui-core_auth-stackChooser__option[href*="id=1"]::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'><path fill='%23f35325' d='M1 1h10v10H1z'/><path fill='%2381bc06' d='M12 1h10v10H12z'/><path fill='%2305a6f0' d='M1 12h10v10H1z'/><path fill='%23ffba08' d='M12 12h10v10H12z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* Google logo — second SSO option (id=2 in the href) */
#page-login-index .tui-core_auth-stackChooser__option[href*="id=2"]::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23FFC107' d='M43.6 20.1H42V20H24v8h11.3c-1.6 4.7-6.1 8-11.3 8-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 13 4 4 13 4 24s9 20 20 20 20-9 20-20c0-1.3-.1-2.6-.4-3.9z'/><path fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/><path fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2c-2 1.5-4.5 2.4-7.2 2.4-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/><path fill='%231976D2' d='M43.6 20.1H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C41.4 35.3 44 30.1 44 24c0-1.3-.1-2.6-.4-3.9z'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* --- 9. OR divider — sits BETWEEN form and SSO buttons --- */
#page-login-index .tui-core_auth-login__separator {
    margin: 14px 0 !important;
    border: none !important;
    background: linear-gradient(to right, rgba(255,255,255,0.25), rgba(255,255,255,0.25)) no-repeat center/100% 1px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    order: 3;
}

#page-login-index .tui-core_auth-login__separator::before {
    display: none !important;
}

#page-login-index .tui-core_auth-login__separator::after {
    content: "OR";
    background: #016354 !important;
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 0 12px;
    display: inline-block;
}

/* --- 10. Form — sits ABOVE the OR divider and SSO buttons --- */
#page-login-index .tui-core_auth-login > form,
#page-login-index .tui-core_auth-login .tui-form {
    order: 2;
}

#page-login-index .tui-core_auth-loginForm__content {
    margin: 0;
    padding: 0;
}

#page-login-index .tui-core_auth-loginForm__content::before {
    content: "Login with the email and password from your welcome email";
    display: block;
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
    margin: 0 0 12px;
    padding: 0 4px;
}

/* --- 11. Form rows — tight spacing between email and password --- */
#page-login-index .tui-formRow {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

#page-login-index .tui-formRow__desc {
    display: none !important;
}

#page-login-index .tui-formRow__action--isStacked {
    width: 100%;
    margin: 0 !important;
}

/* --- 12. Input fields --- */
#page-login-index .tui-formInput,
#page-login-index input.tui-formInput,
#page-login-index input.tui-input--customSize,
#page-login-index input.tui-formInput--size-large {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 8px 14px !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: #111827 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.15s ease !important;
    box-sizing: border-box !important;
}

#page-login-index .tui-formField {
    margin: 0 !important;
    padding: 0 !important;
}

#page-login-index .tui-formInput:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

#page-login-index .tui-formInput:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 205, 0, 0.4) !important;
}

#page-login-index .tui-formInput::placeholder {
    color: #9ca3af !important;
    opacity: 1;
}

/* --- 13. Submit button wrap --- */
#page-login-index .tui-core_auth-loginForm__submitWrap {
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

/* --- 13a. The form row itself — kill all default Totara margins --- */
#page-login-index .tui-formRow {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

#page-login-index .tui-formRow:last-of-type {
    margin-bottom: 0 !important;
}

#page-login-index .tui-core_auth-loginForm__content {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0 !important;
    padding: 0 !important;
}

/* Helper text reset already applied above but ensure no extra spacing */
#page-login-index .tui-core_auth-loginForm__content > * {
    margin-top: 0 !important;
}

/* --- 14. Primary submit button (Log in) --- */
#page-login-index .tui-btn.tui-btn--variant-primary {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    background: #FF6238 !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    cursor: pointer;
    transition: all 0.15s ease !important;
    box-shadow: 0 2px 8px rgba(255, 98, 56, 0.3) !important;
    letter-spacing: 0.2px;
    padding: 0 !important;
}

#page-login-index .tui-btn.tui-btn--variant-primary:hover {
    background: #e5532e !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255, 98, 56, 0.4) !important;
}

#page-login-index .tui-btn.tui-btn--variant-primary .tui-btn__content {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* --- 14b. Error messages — override Totara's generic login error
        with a friendlier, branded message. Hides original text via
        font-size:0 and injects replacement via a pseudo-element.
        Note: this replaces ALL login errors, not just specific ones. --- */
#page-login-index .tui-core_auth-login__error {
    background: rgba(255, 98, 56, 0.15) !important;
    border: 1px solid rgba(255, 98, 56, 0.5) !important;
    border-left: 3px solid #FF6238 !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    color: #ffffff !important;
    text-align: left !important;
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    /* Place just above the form (which is order 2) */
    order: 2;
}

/* Zero out the inner container completely — remove any Totara
   default background, padding, and the original error text. */
#page-login-index .tui-core_auth-login__errorInner {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: 100%;
    box-sizing: border-box;
}

/* Inject the replacement message as a single block. Using ::before
   only (not ::before + ::after split) keeps the text flowing cleanly. */
#page-login-index .tui-core_auth-login__errorInner::before {
content: "Sorry, we were unable to log you in. Please check that your email address and password are correct. If your course email address is the same as your Microsoft or Google account email address, you can also try using the 'Sign in with Microsoft' or 'Sign in with Google' options below. If you have forgotten your password, please use the 'Forgot your password' option. If you are still having trouble, please contact us at support@thecareeracademy.com.";
    display: block !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    word-wrap: break-word;
    box-sizing: border-box;
}

/* --- 15. Form options row — forgot password + remember me on one row --- */
#page-login-index .tui-core_auth-loginForm__options {
    margin: 12px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 8px 16px;
}

#page-login-index .forgetpass1 {
    margin: 0 !important;
    padding: 0 !important;
}

#page-login-index .forgetpass1 p {
    display: none !important;
}

#page-login-index .forgetpass1 a {
    color: #FF6238 !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

#page-login-index .forgetpass1 a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

#page-login-index .tui-checkbox__label {
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 400;
}

/* --- 16. Hide the help popup button next to the form --- */
#page-login-index .tui-core_auth-loginForm__help {
    display: none !important;
}

/* --- 17. The "login-statement" paragraph at the bottom --- */
#page-login-index .idp-login.login-statement {
    margin: 20px 0 0 !important;
    font-size: 11px;
    line-height: 1.55;
    opacity: 0.65;
    text-align: center;
    padding: 0 8px;
}

/* --- 18. Footer / site policies --- */
#page-login-index .tui-core_auth-footer {
    margin-top: 20px !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Hide the FAQs / Contact Us / Free Student Resources / Student Policies
   / Add-Ons / Terms & Conditions link list. Those live on the marketing
   site; the legal policies below are kept for compliance. */
#page-login-index .tui-core_auth-footer .footnote ul {
    display: none !important;
}

#page-login-index .tui-core_auth-footer .site-policies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 14px;
    font-size: 12px;
}

#page-login-index .tui-core_auth-footer .site-policies a {
    color: #FF6238 !important;
    font-weight: 600;
    text-decoration: none;
}

#page-login-index .tui-core_auth-footer .site-policies a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

#page-login-index .tui-core_auth-footer__poweredBy {
    display: none !important;
}

/* --- 19. Mobile — tighter spacing on narrow screens --- */
@media only screen and (max-width: 600px) {
    #page-login-index .tui-core_auth-loginLayout__contentWrap {
        padding: 4px 8px 20px !important;
    }

    #page-login-index h1.tca_theme.login_text {
        /* Slightly tighter than desktop (5.3vw vs 5.5vw) because heavy
           display fonts render wider at small sizes. */
        font-size: 5.3vw !important;
        white-space: nowrap !important;
        margin-top: 8px !important;
        padding: 0 !important;
        letter-spacing: -0.3px;
    }

    #page-login-index .idp-login.welcome-statement {
        font-size: 12px;
        line-height: 1.4;
        margin: 6px 0 10px !important;
        padding: 0 4px;
    }

    #page-login-index .tui-core_auth-login__title {
        font-size: 17px !important;
        margin: 0 0 8px !important;
    }

    #page-login-index .tui-core_auth-loginForm__content::before {
        font-size: 11px;
        margin: 0 0 8px !important;
        line-height: 1.4;
    }

    #page-login-index .tui-formRow {
        margin: 0 0 6px !important;
    }

    #page-login-index .tui-formInput,
    #page-login-index input.tui-formInput,
    #page-login-index input.tui-input--customSize {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        font-size: 13px !important;
    }

    #page-login-index .tui-core_auth-loginForm__submitWrap {
        margin: 8px 0 0 !important;
    }

    #page-login-index .tui-btn.tui-btn--variant-primary {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 14px !important;
    }

    #page-login-index .tui-core_auth-login__separator {
        margin: 10px 0 !important;
    }

    #page-login-index .tui-core_auth-stackChooser__option {
        padding: 8px 14px !important;
        min-height: 42px;
    }

    #page-login-index .tui-core_auth-stackChooser__label {
        font-size: 12px !important;
    }

    #page-login-index .tui-core_auth-loginForm__options {
        margin: 10px 0 0 !important;
        flex-direction: row;
        gap: 8px 14px;
    }

    #page-login-index .forgetpass1 a,
    #page-login-index .tui-checkbox__label {
        font-size: 12px !important;
    }

    #page-login-index .idp-login.login-statement {
        font-size: 10px;
        margin: 14px 0 0 !important;
    }

    #page-login-index .tui-core_auth-footer {
        margin-top: 14px !important;
        padding: 12px 0 0 !important;
    }
}

@media only screen and (max-width: 380px) {
    #page-login-index h1.tca_theme.login_text {
        font-size: 5vw !important;
        line-height: 1.05 !important;
        letter-spacing: -0.5px;
    }

    #page-login-index .tui-core_auth-stackChooser__label {
        font-size: 11px !important;
        margin-right: 16px;
    }

    #page-login-index .tui-core_auth-stackChooser__option {
        padding: 6px 12px !important;
        min-height: 38px;
    }

    #page-login-index .tui-core_auth-loginForm__options {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
}

/* --- 20. Forgot password page — tighten its spacing too --- */
#page-login-forgot_password .tui-core_auth-loginNav {
    padding: 16px 24px !important;
}

#page-login-forgot_password .tui-core_auth-loginLayout__contentWrap {
    max-width: 480px !important;
    margin: 0 auto !important;
    padding: 8px 20px 40px !important;
}

/* END MODERN LOGIN REDESIGN v4 */