: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)}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Extraleicht.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Leicht.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Buch.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Kraftig.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Halbfett.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Dreiviertelfett.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Fett.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-Extrafett.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-ExtraleichtKursiv.woff2") format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-LeichtKursiv.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-BuchKursiv.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-KraftigKursiv.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-HalbfettKursiv.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-DreiviertelfettKursiv.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-FettKursiv.woff2") format("woff2");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:"Sohne";src:url("/theme/font.php/inspire/theme/1765853630/SohneWeb-ExtrafettKursiv.woff2") format("woff2");font-weight:900;font-style:italic;font-display:swap}.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)}:root{--color-primary: #D0D0CE;--btn-accent-color: #231f20;--link-color: #231F20;--color-state: #231f20;--color-text: #231f20;--footer-bg-color: #ffffff;--footer-text-color: #231f20;--btn-accent-color-hover: #191516;--btn-accent-color-active: #080405;--link-color-hover: #191516;--color-state-hover: #191516;--color-state-focus: #191516;--color-state-active: #080405;--footer-text-color-hover: #191516;--nav-bg-color: #ffffff;--nav-text-color: #231f20;--nav-selected-color: #1f8cc9;}
/* VERSION CONTROL
LAST UPDATE BY: Alex V
DATE: 16/12/ 2025
WR466060
Copy: https://alfresco.wgtn.cat-it.co.nz/share/s/mm21tsPZRauFS_YvD3VNcA
*/

/* variabale declarations */
:root {
    --color-background: #ffffff;
    --color-primary-black: #231f20;
    --color-primary-grey: #F2F2F2;
    --color-primary-charcoal: #353535;
    --color-primary-white: #ffffff;
    --color-primary-corporate-red: #ed1c24;
    --color-product-handgen2-teal: #4e786f;
    --color-product-cx-blue: #183348;
    --color-supportive-grey: #7C878E;
    --color-supportive-grey-cool: #D0D0CE;
    --color-supportive-light-grey: #f4f4f4;
    --color-supportive-green: #D6CF8D;
    --color-supportive-pink: #E9CDD0;
    --color-link: #1F8CC9;
    --font-family: "Sohne", sans-serif;
    --light-font: #fff;
    --card-border-radius: 0;
    --font-h1-weight: 400;
    --font-h2-weight: 400;
    --font-h3-weight: 400;
    --font-h4-weight: 400;
    --font-h5-weight: 400;
    --font-h6-weight: 400;
}



/**********SITE**************/
/**HEADING Styles**/
H1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
}

h3 {
    font-size: 18px;
    line-height: 26px;
}

h4 {
    font-size: 12px;
    line-height: 20px;
}

h5 {
    font-size: 10px;
    line-height: 18px;
}

H6 {
    font-size: 14px;
    line-height: 22px;
    color: var(--color-primary-black);
}

body {
    font-size: 16px;
    line-height: 24px;
}

.small {
    font-size: 14px
    line-height: 22px
}

.tui-pageHeading__title,
.tui-learningCard__title {
    font-weight: 400;
}

/*LOGIN PAGE*/
.tui-core_auth-loginLayout__main {
    width: 100%;
    max-width: 30rem;
    background: var(--color-primary-white);
    padding: 50px 0;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.15);
}

#page-login-index .tui-core_auth-footer,
#page-login-index .tui-core_auth-loginNav {
    background: transparent;
}

.tui-core_auth-stackChooser__option:last-child {
    border: none;
    color: var(--color-supportive-grey);
    justify-content: center;

    svg {
        display: none;
    }
}

.tui-core_auth-login__separator {
    display: none;
}

.tui-core_auth-footer {
    display: none;
}

.tui-core_auth-login__title {
    font-size: 32px;
    line-height: 40px;
}

/***Margin on bottom of page layout**/
.row {
    margin-bottom: 20px;
}

/*Remove breadcrumbs*/
.breadcrumb-nav {
    display: none;
}

/* Remove Home Page Site Name */

#region-top {
  margin-bottom: 0;
}

/* buttons - global */

button:hover,
button:active,
.singlebutton input:hover,
.singlebutton input:active {
    box-shadow: none !important;
}

.btn-primary {
    color: var(--local-btn-color-contrast) !important;
    background-color: var(--local-btn-color) !important;
    text-decoration: none !important;
}

/* buttons-targeted */

.tui-formImageUpload button {
    background-color: var(--color-primary-charcoal) !important;
    color: var(--color-primary-white);
}

.breadcrumb-button input {
    background-color: var(--color-primary-charcoal) !important;
    color: var(--color-primary-white);
}

/* buttons-targeted-hover */
.breadcrumb-button input:hover {
    background-color: var(--color-primary-black) !important;
}

/*Custom Button Class*/
.btn.btn-primary.nav {
    background-color: var(--color-supportive-grey) !important;
    border-color: var(--color-supportive-grey);
    font-family: "Sohne", sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 10px 20px;
    letter-spacing: 0.1rem;
    font-weight: 600;
}

.btn.btn-primary.nav i {
    padding-right: 5px;
}

.btn.btn-primary.action {
    background-color: var(--color-supportive-grey) !important;
    border-color: var(--color-supportive-grey);
    font-family: "Sohne", sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 16px;
    border-radius: 50px;
    font-weight: 600;
    letter-spacing: 0.1rem;

}



/* logo */

.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo {
    max-width: 80% !important;
}

/* Navigation */

.tui-theme_inspire-navItem__headingText.tui-theme_inspire-navItem__headingText--depth-0 {
    font-weight: 400;
}

.tui-theme_inspire-navItem__icon.tui-theme_inspire-navItem__icon--navExpanded svg {
    color: var(--color-primary-black);
}

.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected {
    background-color: var(--color-primary-grey);
    color: var(--color-primary-black);
}

.tui-theme_inspire-navItem--selected:before {
    border-right-color: var(--color-primary-white);
}

.tui-theme_inspire-navItem__icon {
    color: var(--color-supportive-grey);
}

.tui-theme_inspire-navItem__heading--link svg.tui-svgIcon {
  display: none;
}

.breadcrumb-nav,
.breadcrumb-nav a {
    color: var(--color-primary-charcoal);
}

/* Remove page headings visibility but keep H1 for accesibility */
#page-content > .page-heading {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    /* prevent line breaks */
    border: 0 !important;
}

/*Remove Site name from Front Page */

.path-totara-dashboard h1 {
display: none;
}
#page-site-index h1 {
display: none;
}


/* Hide Course page Title */

#page-course-view-topics .page-heading h1 {
display: none;
}

/*BLOCKS*/


/**** FEATURED LINKS BLOCKS ****/
.block-totara-featured-links-content-container {
  overflow: visible !important;
  position: relative !important;
}
.block-totara-featured-links-content{
  position: relative !important;
}
/*No Background featured link block*/
#featured-nobackground.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: none;
}

/*Featured Link Black Text*/
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: none;
}

#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content h1,
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content h2,
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content p,
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3,
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h2,
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h4,
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    color: var(--color-primary-black);
}
#featured-blacktext.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    margin-bottom: var(--paragraph-gap);
}
.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3, .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content .box.message .messagearea .messagesend .mform .fitemtitle, .box.message .messagearea .messagesend .mform .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content .fitemtitle, .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content .box.message .messagearea .messagesend .mform .form-label, .box.message .messagearea .messagesend .mform .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content .form-label, .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-bottom h3, .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-top h3 {
    font-weight: 400;
}

/* Featured link block with a specially marked button - center content */
.block-totara-featured-links-content:has(.btn-center) {
    display: flex;
    justify-content: center;
}

.featured-half-width {
    max-width: 55%;
}
@media screen and (max-width: 600px) {
    .featured-half-width {
        max-width: 100%
    }
}

/*** White Text area - Static tile type ***/

#featured-white-tile.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: var(--color-background);
}

#featured-white-tile.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3 {
    color: var(--color-primary-black);
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 5px;
}

#featured-white-tile.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    color: var(--color-primary-black);
    font-size: 14px;
}

#featured-white-tile.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content a {
    color: var(--color-primary-black);
    font-size: 14px;
}


#featured-white-tile.block-totara-featured-links-layout .block-totara-featured-links-content {
    min-height: 120px;
}

/**ICON Featured link block**/
#featured-icon.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: var(--color-background);
}

#featured-icon.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3 {
    color: var(--color-primary-black);
    font-size: 24px;
    font-weight: 400;
}

#featured-icon.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    color: var(--color-primary-black);
    font-size: 14px;
}

#featured-icon.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content a {
    color: var(--color-primary-black);
    font-size: 14px;
}


#featured-icon.block-totara-featured-links-layout .block-totara-featured-links-content {
    min-height: 70px;
}

/*Header Blocks*/
.block.title-block .content.block-content {
    background: #35A3D2;
    background: linear-gradient(22deg, rgba(53, 163, 210, 1) 0%, rgba(64, 143, 140, 1) 38%, rgba(79, 35, 120, 1) 100%);
    padding: 50px
}

.title-section {
    display: flex;
    align-items: center;
    min-height: 300px;
}

.title-text {
    width: 100%;
}

.title-text h2 {
    font-size: 60px !important;
    max-width: 55%;
    line-height: 70px !important;
    font-weight: 400 !important;
    color: var(--light-font);
    margin-left: 64px;
}
@media (max-width: 425px) {
  .title-text h2 {
    max-width: 100%;
  }
}
/*HTML Block Heading*/
.block .block-header h2 {
    font-weight: 400;
}

/*24px block title*/


.large-title.block .block-header h2 {
    font-size: 40px;
    font-weight: 400 !important;
    padding-bottom: var(--gap-4);
    line-height: 48px;
}


/*** BANNER BLOCK ***/
#banner-block.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: none;
}

#banner-block.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3 {
    text-align: left;
    font-size: 35px;
    padding-bottom: 10px;
    padding-left: 30px;
}

#banner-block.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content {
    width: 60%;
    padding: 0 20px;
}

#banner-block.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content p {
    text-align: center;
    font-size: 20px;
}

/*CATALOGUE BLOCK WITH LARGE TEXT*/
.path-totara-dashboard .block_totara_catalog.block.large-title .tui-cardScroller__titleRow {
    padding: 0;
    margin: 0;
    border-bottom: 0;
}

.path-totara-dashboard .tui-cardScroller__title {
    display: none;
}

/*REPORT TABLE BLOCK Footer*/

.block_totara_report_table.block .footer a {
    background-color: var(--color-supportive-grey) !important;
    border-color: var(--color-supportive-grey);
    font-family: "Sohne-Halbett", sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 10px 20px;
    letter-spacing: 0.1rem;
    color: white;
}

.block_totara_report_table.block .footer a:hover {
    --local-btn-color: var(--local-btn-color-hover);
    box-shadow: var(--btn-shadow-hover);
    text-decoration: none;
}

/*CUSTOM BLOCK LAYOUT TO MATCH CATALOGUE LAYOUT*/

.block.grid-block .content.block-content .no-overflow {
    overflow: hidden;

}

.grid-layout {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--tui-card-default-width), 100%), 1fr));
    gap: 4rem;
    margin-bottom: var(--gap-3);
}

.grid-card {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: calc((var(--gap-1) * 1.5) * -1);
    padding: calc(var(--gap-1) * 1.5);
    overflow-wrap: break-word;
    border-radius: calc(var(--card-border-radius) * 2);
    outline: none;
    isolation: isolate;
    min-height: 15rem;
}

.grid-card > a:hover {
  text-decoration: none
}

.grid-card-background {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    color: inherit;
    border-radius: var(--card-border-radius);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.grid-card-container {
    aspect-ratio: 1.7777777778;
    position: relative;
}

.grid-card-image {
    display: flex;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.grid-card-image img {
    width: 100%;
}

.grid-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 5px;
}

.grid-card-body-title {
    padding: 5px 0px;
}

.grid-card-body-time {
   color: var(--color-supportive-grey);
}

.grid-card-image {
    .rollover-description {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--color-supportive-grey);
        color: #fff;
        visibility: visible;
        opacity: 0;
        margin: 0;
        text-align: center;
        align-content: center;
        text-transform: uppercase;
        font-size: var(--font-h3-size);
        line-height: var(--font-h3-line-height);
        font-weight: 600;
    }
}

.grid-card-image:hover .rollover-description {
    visibility: visible;
    opacity: 0.9;
    transition: opacity .2s, visibility .2s;
}

/*Advertising block*/
.advert-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 15px;
}

.advert-tile {
    flex-basis: 30%;
}

.advert-tile > a:hover {
  text-decoration: none
}

.advert-tile-image img {
    max-width: 100%;
}

.advert-tile-container {
    position: relative;
}

.advert-tile-image {
    .rollover-description {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--color-supportive-grey);
        color: #fff;
        visibility: hidden;
        opacity: 0;
        margin: 0;
        text-align: center;
        align-content: center;
        text-transform: uppercase;
        font-size: var(--font-h3-size);
        line-height: var(--font-h3-line-height);
        font-weight: 600;
    }
}

.advert-tile-image:hover .rollover-description {
    visibility: visible;
    opacity: 0.9;
    transition: opacity .2s, visibility .2s;
}

.advert-tile-image {
    position: relative;
}

.advert-tile-background {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    color: inherit;
    border-radius: var(--card-border-radius);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.advert-tile-body {
    padding: 10px;
}

.advert-tile-subtitle {
    min-height: 100px;
    color: var(--color-supportive-grey);
}

.advert-tile-container {
   padding: var(--gap-1);
}

/*Report Table Summary Blocks*/
.block_totara_report_table.block.summary-reporttable {
    width: 22%;
    float: right;
    margin: 22px;
    position: relative;
    background: var(--color-supportive-light-grey);
    border: none;
}

.editing .block_totara_report_table.block.summary-reporttable {
    float: none;
    width: 100%;
}


.block_totara_report_table.block.summary-reporttable table.flexible>thead:first-child>tr:first-child>th {
    display: none;
}

.block_totara_report_table.block.summary-reporttable table.flexible>tbody>tr {
    background-color: var(--color-supportive-light-grey);
    border-top: 0;
    text-align: center;
    font-size: 45px;
}

.block_totara_report_table.block.summary-reporttable table.flexible>tbody>tr>td {
    border-top: none;
    padding: 30px;
}

.block_totara_report_table.block.summary-reporttable .block-header h2 {
    text-align: center;
    font-size: 1.25rem;

}

.block_totara_report_table.block.summary-reporttable .block-title::after {
    box-shadow: none;
}

.block_totara_report_table.block.summary-reporttable .footer {
    text-align: center;
}

/*Report Graph Report on Dashboards*/

.path-totara-dashboard .block_totara_report_graph.block .footer {
    display: none;
}

/*PROGRESS BAR*/
.progress {
    margin-bottom: 0;
    background-color: #CAD6E4;
    box-shadow: none;
    filter: none;
}

.block-totara-featured-links-layout .block-totara-featured-links-content .progress-invert .progressbar__text {
    color: var(--color-primary-black);
}

.progress .bar {
    background-color: #CAD6E4;
}

.tui-progress {
    display: flex;
    height: 0.875rem;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    background-color: #6D8EB1;
}

.tui-progress--chrome {
    border-radius: 0;
    border: 0 !important;
}

.tui-progress__bar {
    display: flex;
    justify-content: flex-end;
    background-color: #6D8EB1;
    transition: width var(--transition-progress-function) var(--transition-progress-duration);
    border-radius: 0px !important;
}

.tui-learningCard__mediaOverlayBottom {
    padding: 0px;
}

/*************Fixed tiles*************/

.resource-tile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    margin-bottom: 15px;


}

.reource-tile--small {
    flex-basis: 200px;
    min-height: 200px;
    border: solid var(--color-supportive-grey) 1px;
    padding: 20px;

}

.reource-tile--small h3 {
    text-align: center;
    color: var(--color-primary-charcoal);
    font-weight: 400;
}

.reource-tile--small a {
    text-align: center;
    color: var(--color-primary-charcoal);
    font-weight: 400;
}

.resource-tile--icon p {
    font-size: 48px;
    text-align: center;
}


/***************COURSE PAGE**************************/

/*REMOVE THE SECTION BORDER*/
.course-content ul li.section.main {
    border-bottom: none;
}

/**SINGLE ACTIVITY FORMAT**/

/******************COURSE ACTIVITIES***********/



/*****SCORM****/
/*Increase scorm window*/

#page-mod-scorm-player #scormpage {
    max-height: fit-content;
}

#page-mod-scorm-player .breadcrumb-button a {
    background-color: var(--color-primary-charcoal) !important;
    color: var(--color-primary-white);
    padding: 11px;
    border-radius: 4px;
}


/**QUIZ**/
/***CHANGE QUESTION LAYOUT****/
/***********QUIZ Questions************/
#page-mod-quiz-attempt #region-main {
    background: transparent;
    padding: 0 10px;
}

.que .info {
    float: none;
    margin-bottom: 2px;
    width: 100%;
    background-color: transparent;
}

.que h3.no,
.que span.qno {
    text-align: left;
    font-size: 20px;
    font-weight: 800;
}


.que .info>div {
    display: none;
}

.que .content {
    margin: 0;
    padding: .5rem;
}


.answer>div {
    display: flex;
    align-items: flex-start;
}

.que.multichoice .answer div.r0 input,
.que.multichoice .answer div.r1 input {
    margin: 5px 20px 5px 5px;
    padding: 0;
    width: 15px;
}


#mod_quiz_navblock.block.block_fake .content.block-content {
    padding-top: 0;
}

@media only screen and (max-width: 425px) {
    #page-mod-quiz-attempt #region-main {
        margin-bottom: 100px;
    }
}

/*** COURSE PAGE ***/
/** HTML BLOCK**/

.highlight-block {
    display: flex;
    padding: 20px 60px 60px 60px;
}

.highlight-block--mainsection {
    flex: 2;
}

.highlight-block--imgcontent {
    align-self: center;
    padding: 20px;
}

/** FOOTER **/

/* Removes debug - Is this needed? */
.performanceinfo,
.tui-performance {
    display: none;
}

/*Removes powered by Totara */
.page-footer-poweredby,
.tui-core_auth-footer__poweredBy {
    display: none;
}

.footer-secondary {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    justify-content: space-between;
}

@media screen and (max-width: 600px) {
    .footer-secondary {
        flex-direction: column;
    }
    .footer-secondary-item {
        align-self: center;
    }
    .footer-logo {
        align-self: center !important;
    }
}

.footer-secondary-copyright {
    display: inline-block;
    margin-bottom: 0 !important;
    margin-right: 100px;
}

.footer-logo {
    display: block;
    width: 170px;
    height: auto;
    align-self: end;
}

.footer-secondary-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

@media screen and (max-width: 600px) {
    .footer-secondary-list {
        flex-direction: column;
    }
}

.footer-secondary-link {
    text-decoration: none !important;
}

.footer-secondary-link:hover {
    text-decoration: underline !important;
}

.page-footer .page-footer-main-content {
    padding: var(--gap-1) 0 !important;
}

#page-footer {
    border-top: 0 !important;
}

/**** Front Page ****/
/** Hide image folder **/

body#page-site-index.editing li#module-109.activity.folder.modtype_folder {
    display: block;
}

body#page-site-index #module-109.activity.folder.modtype_folder {
    display: none;
}

/* Profile page */
body#page-user-editadvanced, body#page-user-edit {
  label, .fstaticlabel {
    font-weight: 400 !important;
  }
  .fheader span.flex-icon {
    display: none;
  }
  fieldset.collapsible a.fheader {
    pointer-events: none;
  }
  .collapsible-actions {
    display: none;
  }

  select#id_profile_field_description {
    option[value="8"] {
      display: none;
    }
  }
}

.tw-profileCard__avatar {
    width: 64px;
    height: 64px;
    img {
        width: 64px;
        height: 64px;
    }
}

.tw-profileCard__description__header {
    font-weight: 400;
    font-size: 72px;
    line-height: 80px;
}

.tw-profileCard {
    border-bottom: var(--nav-border-colour) 1px solid;
    padding-bottom: var(--gap-4);
}

.block_totara_user_profile  .block_totara_user_profile_category_contact {
    h3 {
        /* user details heading */
        display: none;
    }
    .userdetails {
        dd, dt {
            font-weight: var(--font-h3-weight);
            font-size: var(--font-h3-size);
            line-height: var(--font-h3-line-height);
        }
        dt {
            color: var(--color-text);
        }
        dd, dd a {
            color: var(--color-supportive-grey);
        }
    }
    .userdetails {
        padding-left: 80px
    }
    @media screen and (max-width: 600px) {
        .userdetails {
            padding-left: 0px;
        }
     }
}

.editprofile a {
    border-color: var(--color-supportive-grey);
    color: var(--color-supportive-grey);
    font-family: "Sohne", sans-serif;
    font-size: var(--font-h4-size);
    line-height: var(--font-h4-line-height);
    text-transform: uppercase;
    border-radius: 50px;
    padding: 10px 20px;
    letter-spacing: 0.1rem;
    font-weight: var(--font-h4-weight);
    border: var(--btn-border-width) solid;
}

.editprofile {
    padding-bottom: 48px;
}

.editprofile a:hover {
    text-decoration: none;
}