: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)}:root{--nav-bg-color: #fafafa;--nav-text-color: #262626;--nav-selected-color: #0063A6;--color-primary: #E5E939;--color-state: #0063A6;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--color-state-hover: #00599c;--color-state-focus: #00599c;--color-state-active: #00488b;--footer-text-color-hover: #1c1c1c;}
* {
    transition: .5s ease all;
}

/* Hide "You’re accessing this course as an administrator" banner */
body.path-course div[data-core-autoinitialise-amd="container_course/enrolment_banner"] {
  display: none !important;
}

/* -------------------- Center logo in side navbar  --------------------*/
div.theme_inspire__nav > div > nav > div > div > a {
    display: block;
    text-align: center;
}

.breadcrumb>li+li::before {
    color: #e3e833;
}

.tui-progressTrackerNavCircleWorkflow__outer.tui-progressTrackerNavCircleWorkflow--done {
    border-color: #e3e833;
}

.tui-progressTrackerNavCircleWorkflow--done .tui-progressTrackerNavCircleWorkflow__middle,
.tui-progressTrackerNavCircleWorkflow--done.tui-progressTrackerNavCircleWorkflow--selected .tui-progressTrackerNavCircleWorkflow__middle,
.tui-progress__bar,
.tui-lozenge {
    background: #e3e833;
    border-color: #e3e833;
}


#page-header {
    padding-inline: 3.25em
}

.breadcrumb-nav {
    font-weight: 600;
    color: #0063a7;
}

.progress {
    border: 1px solid #e3e833;
}

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

.container-fluid.breadcrumb-container {
    padding: 0;
}

/* -------------------- Dashboard specific changes  --------------------*/
#page-totara-dashboard-112 .tfont-var-box:before {
    content: "";
}

/* -------------------- hide powered by Totara  --------------------*/
.page-footer-poweredby {
    display: none;
}

/* -------------------- Navbar changes  --------------------*/
.tui-theme_inspire-navItem--selected:before {
    color: #e3e833 !important;
    border-right: calc(var(--gap-base) * 1) solid #e3e833 !important;
}

.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo {
    max-width: 170px;
    margin-bottom: 20px;
}

.tui-theme_inspire-navigation__toggle {
    color: #005f9e;
}

/* Footer css */
.mito-footer > p {
    float: right;
    color: #FDFDFD;
    font-weight: 500;
    right: 0;
}
#page-footer {
    border: none;
    margin: 0;
    height: 50px;
}

/* -------------------- Dashboard blocks  --------------------*/

.block {
    border: none;
    border-radius: 0px;
}

#block-region-side-post {
    padding: 25px;
}

#block-region-side-post .block {
    margin-bottom: 0px;
}

#block-region-side-post .block::after {
    content: "";
    display: block;
    width: 85%;
    height: 2px;
    background-color: black;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

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

.block .content {
    padding-top: inherit;
}

.block .panel-footer {
    border-top: none;
}

.block_current_learning .content .block_current_learning-row-item > span {
    display: none;
}

.block_current_learning .panel-body ul li + li {
    border-top: none;
    padding-top: 0; 
    margin-top: 5px;
}

.block_current_learning .panel-body ul li + li::before {
    content: "";       
    display: block;
    height: 2px;
    background-color: #000000;
    width: 95%; 
    margin: 0 auto 20px;
}

.block_current_learning .panel-body ul li:nth-of-type(even) {
    background-color: inherit;
}

.block_current_learning.block .header.block-header {
    padding-left: 3%;
    padding-top: 30px;
}

.block_current_learning .content .block_current_learning-row-item {
    padding: 0 20px 0 3%;
}

.block_current_learning.block .panel-footer {
    margin-left: 30px;
}

.block_current_learning.block .panel-footer::before {
    content: "";       
    display: block;
    height: 2px;
    background-color: #FDFDFD;
    width: 100%; 
    margin: 0 25px 10px -5px;
}


/* -------------------- HTML banner  --------------------*/
.mito-banner-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 1.5rem 3rem; 
    padding-right: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.mito-banner-title {
    font-size: 2.5rem !important;
    font-weight: 600;
    color: #0063a7;
    margin: 0;
    padding-right: 20px;
    padding-top: 5%;
}

.mito-banner-title h3{
    font-size: 100px;
    color: #0063a7;
    text-transform: uppercase;
    font-weight: bolder;
}

.mito-banner-image {
    flex-shrink: 0;
    line-height: 0;
}

.mito-banner-image img {
    max-width: 600px; 
    height: auto;
    width: 100%;
    display: block;
}

div.content.block-content:has(div.mito-banner-wrapper) {
    padding-bottom: 0;
}

#block-region-top.col-sm-12.block-region {
    padding-inline: 0;
}

.container-fluid:has(.mito-banners) {
    max-width: 100% !important;
}

body.pagelayout-dashboard:has(.mito-banners) {
    .container-fluid.breadcrumb-container {
        max-width: 100% !important;
        margin: 0;
    }
    .row {
        margin-right: -30px;
        margin-left: -30px;
    }
    #page-header {
        margin-bottom: 0%;
        padding-inline: 3.25em
    }
}

/* -------------------- Pathway Changes  --------------------*/
.tui-collapsible__header-button {
    color: black;
}

.tui-format_pathway-progressTrackerItem--selected {
    color: #fff !important;
}

.tui-format_pathway-progressTrackerItem {
    color: black;
    font-weight: 700;
}

.tui-svgIcon.tui-collapsible__header-icon {
    fill: black;
}

.tui-format_pathway-courseInformation,
.tui-format_pathway-courseInformation__baseImage {
    border-radius: inherit;
}

.tui-format_pathway-courseInformation {
    background: #fff;
}

.tui-format_pathway-courseInformation__baseName {
    color: #0063a7 !important;
    font-weight: 600 !important;
}

.format-pathway h1 {
    color: #0063a7 !important;
    font-weight: 600 !important;
    font-size: 25px !important;
}

.tui-format_pathway-activityView__activityContent {
    padding: 20px 20px 10px;
    border: 1px #cfdbd5 solid;
    max-width: 1010px;
    background-color: #FDFDFD;
}

.notifications {
    margin-inline: 50px;
}

/*-------------------- Explore catalogue changes --------------------*/

.tui-learningCard {
    border-radius: 0%;
}

.tui-layoutOneColumn__heading {
    color: #0063A7;
    padding: 15px 20px 15px 20px;
    margin-inline: -32px;
    margin-top: -52px;
}

.tui-pageHeading__title {
    font-size: larger;
}

.tui-totara_catalog-explore__subtitle {
    font-size: xxx-large;
    color: #0063A7;
    font-weight: 500;
    text-transform: uppercase;

}

.tui-learningCard.tui-totara_catalog-itemCard .tui-learningCard__background {
    background-color: #FDFDFD;
    border: 0px;
    border-bottom: 8px #004a99 solid;
    border-radius: 0%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    height: 100%;
}

.tui-learningCard.tui-totara_catalog-itemCard:nth-child(2n) .tui-learningCard__background {
    border-bottom: 8px #6a9f42 solid;
}

.tui-learningCard.tui-totara_catalog-itemCard .tui-learningCard__body {
    padding: 1.25rem;
    flex-grow: 1;
}

.tui-learningCard.tui-totara_catalog-itemCard .tui-learningCard__title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #0063a7;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.tui-learningCard.tui-totara_catalog-itemCard .tui-totara_catalog-itemCard__subtitleRow div:first-child {
    font-size: 0.85rem;
    color: #555555;
    letter-spacing: 0.5px;
}

.tui-learningCard.tui-totara_catalog-itemCard .tui-totara_catalog-textPlaceholders {
    display: none;
}

.tui-learningCard--variant-hero .tui-learningCard__image {
    border-radius: 0%;
}

.tui-totara_catalog-searchFilter__icon {
    color:#0063A7;
}

.tui-totara_catalog-filterBarButton__iconBefore {
    color:#0063A7;
}

#page-totara-catalog-explore .tui-layoutOneColumn__heading {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 0;
    background-image: url('/local/mitocontent/images/mito_banner.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

@media (max-width: 992px) {
    #page-totara-catalog-explore .tui-layoutOneColumn__heading {
        background-image: none;
        padding-right: 0;
    }
}

/*-------------------- Topics Course Format Changes --------------------*/

body:not(:has(.mito-banners)) {
    .block_tree.list {
        background-color: #FDFDFD;
        margin-top: -3px;
    }

    .block_settings.block,
    .header.block-header,
    .content.block-content {
        background-color: #FDFDFD;
    }

    #page-header {
        margin-bottom: 0%;
    }

}

/* User profile page */

#page-user-profile .content.block-content {
    padding: 20px;
}
 /* -------------------- Ryan Changes --------------------*/ 
body {
background-color: #FDFDFD;
}

.commentlink:before {
content: "\a";
white-space: pre;
}


.path-mod-quiz .core_question__commentText p {
display: block;
}

#mod_quiz_navblock, #inst5{
border: 2px solid #d0d0d0;
box-shadow: none;
}
#block-region-side-post {
border: 2px solid #d0d0d0;
box-shadow: none;
padding: 10px;
}
.block_quiz_nav .qn_buttons {
background: #ffffff;
}

button {
    background-color: #FDFDFD;
    color: #0063a7;
    border: 1px solid #0063a7;
    border-radius: 4px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25;
    padding: 0.5rem 1rem;
    transition: box-shadow 0.1s ease-in-out;
}
Button:Hover {
    box-shadow: 0 0 0 0.4px #00599c;
}

a.toggle-display.textmenu[aria-label^="Edit"] {
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

a.toggle-display.textmenu[aria-label^="Edit"] .caret {
  border-top-color: #000;
}

#section-0 > .tw-formatTopics__topicHeaderContainer {
position: relative;
color: inherit;
border-radius: 0;
text-indent: 0;
}
#section-0 > .tw-formatTopics__topicHeaderContainer::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--page-bg, #fff);
z-index: 0;
}
#section-0 > .tw-formatTopics__topicHeaderContainer > * {
position: relative;
z-index: 1;
}

.tui-wekaToolbar .tui-wekaToolbarButtonIcon[title="Insert Emoji"] { display: none; }


/* Assessment Naigation Boxes*/
.qn_buttons .mod_quiz-section-heading {
 font-size: 12px !important;
}
.qn_buttons .qnbutton {
display: inline-flex;
align-items: center;
min-width: 27px;
min-height: 27px;
font-size: 10px;
margin: 3px;
}

.qn_buttons .qnbutton {
border: 1px solid #e0e0e0;
border-radius: 4px;
}


/* Assessment answers */
.formulation {
border: 2px solid #000;
border-left: 20px solid #565656;
padding: 15px;
background: #fff;
border-radius: 8px !important;
overflow: hidden;
}
.formulation .answer::before {
content: "";
display: block;
height: 0.6px;
background: #000;
width: 100%;
margin-bottom: 14px;
box-shadow: 0 3px 0 #000;
}


/* Ben - Have also removed a lot things above */
.tw-formatTopics__topicHeaderContainer {
    background-color: #0063a7;
    height: 50px;
    border-radius: 10px;
    text-indent: 10px;
    color: white;
align-items: center;
  justify-content: center;
}
.tw-formatTopics__collapse_link_icon {
    color: white;
}
.button.button:focus {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px;
}
.button.button:active {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px;
}
@media (max-width: 480px) {
    .que .content {
        margin: 0;
        width: 100%;
    }
    .filemanager .fp-navbar {
        display: none;
     }
    .que .info>div {
          display: inline-block;
          padding: 5px;
     }
    .que .info {
          margin-bottom: 0;
     }
    .que .info .questionflag.editable {
          display: none;
     }
    .button.button {  /* Created via JS and needs to be overriden with important */
          margin: 0 !important;
          margin-left: 30px !important;
          transform: scale(0.8) !important;
     }
     .button.button:active {
         background-color: white  !important;
         color: black  !important;
         border: black  !important;
         box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px !important;
      }
}