: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)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{position:fixed;display:block;margin:calc(var(--gap-base) * 1);background-color:var(--color-neutral-3);opacity:0;transition:opacity var(--transition-button-duration) var(--transition-button-function) 1s}.tui-theme_inspire-navigation__toggle--expand:hover,.tui-theme_inspire-navigation__toggle--expand:focus,.tui-theme_inspire-navigation__toggle--expand:has(~ .tui-theme_inspire-navigation>.tui-theme_inspire-navigation__nav:hover),.tui-theme_inspire-navigation__toggle--expand:has(~ .tui-theme_inspire-navigation>.tui-theme_inspire-navigation__nav:focus-within){opacity:1;transition-delay:0s}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}.tui-theme_inspire-navigation__toggle-icon{--rotate-r: rotateY(0deg);--rotate-l: rotateY(180deg);transform:var(--rotate-r);transition-duration:0.5s}.dir-rtl .tui-theme_inspire-navigation__toggle-icon{transform:var(--rotate-l)}.tui-theme_inspire-navigation__toggle-icon--expanded{transform:var(--rotate-l)}.dir-rtl .tui-theme_inspire-navigation__toggle-icon--expanded{transform:var(--rotate-r)}}.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: #455465;--btn-accent-color: #005a9b;--link-color: #005a9b;--color-state: #005a9b;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-accent-color-hover: #005091;--btn-accent-color-active: #003f80;--link-color-hover: #005091;--color-state-hover: #005091;--color-state-focus: #005091;--color-state-active: #003f80;--footer-text-color-hover: #1c1c1c;--nav-bg-color: #fafafa;--nav-text-color: #262626;--nav-selected-color: #005a9b;}
/*VERSION CONTROL
LAST UPDATE BY: Alex V
DATE:  10/11/2026
WR: #496877
COPY: https://alfresco.wgtn.cat-it.co.nz/share/s/FV_w3POARoiDjOfEZ24bDg
NOTES: T18 (Ventura) custom CSS reviewed for the Inspire theme (T20).
       Removed: Ventura main menu rules and rules that never matched anything.
       Fixed: invalid colour values. Added: Inspire/TUI equivalents (marked "INSPIRE").
       Removed: the .btn-block hover grow and shadow effect.
*/

/*VARIABLE DECLARATIONS*/
:root {
/*font*/
    --font-family: "Inter", sans-serif;
}

/*Headings and paragraph text*/
p {
    font-size: 15px;
}

h2 {
    font-size: 18px;
}

/*Block header titles - 18px in every region*/
.block .block-header h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Outage manager is gross */
#auth_outage_warningbar_box.auth_outage_warning_period{
  position: inherit !important;
}

/* Temporary upgrade notice above the RealMe login blocks - remove after 19 November */
#block-region-main:has(#inst5744)::before {
  content: "takatū will be unavailable on the 19th of November from 9am - 5pm due to a version upgrade.";
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 16px;
  padding: 14px 18px;
  background-color: #fff4e5;
  border: 1px solid #cc4e0e;
  border-left: 6px solid #cc4e0e;
  border-radius: 6px;
  color: #1f1f1f;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

/* Temporary - hide the empty spacer block while the notice shows - remove after 19 November */
#inst8109 {
  display: none;
}

/* Login page background tint, to match Prod T18 version */
html:has(#inst5744),
html:has(#inst5744) :has(#page),
html:has(#inst5744) #page,
html:has(#inst5744) #page-content,
html:has(#inst5744) .block-region,
html:has(#inst5744) [id^="region-"] {
  background-color: #E7EBEF !important;
}

/* Tinted spacer blocks (background00) - Inspire overrides the old rule */
.block.background00,
.block.background00 .block-content {
  background-color: #E7EBEF !important;
  border: none !important;
  box-shadow: none !important;
}

/******** Accessibility fixes - Senio Oct 14 - 18 **************/

/* REMOVED (Ventura main menu, not used by Inspire):
   WR #445956 .totaraNav_prim--list_hideMobile
   WR #444215 .totaraNav--list_item_expanded, .navExpand--listSecond, .navExpand--list_item_link
   #14 UAT .totaraNav--list_item_expanded
   REMOVED (never matched anything): #page-user-editadvanced.a */

/* WR #445965 */
.text-muted{
  color: #191c1e;
}

/* WR #445966 */
.form-autocomplete-selection.form-autocomplete-multiple{

&:focus {
        box-shadow: 0 0 5px #da7c2f;
        border: 1px solid #da7c2f;
    }
}

/* WR #445967 */
.linkme{
&:focus{
text-decoration: underline;
&:hover{
text-decoration: underline;}}}


/************ Accessibility code end ************/

/*************** Login page **************/

/*Hide the side navigation panel for visitors who are not logged in*/
body.notloggedin .theme_inspire__nav {
    display: none !important;
}

body.notloggedin .page-layout,
body.notloggedin .page-body {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/*Block header - less space under the title (Inspire)*/
.block .title.block-title {
    padding-bottom: 1px;
}

.block .block-header h2 {
    margin-bottom: 0 !important;
}

/*Front page - hide the site name heading for visitors who are not logged in.
  It is hidden visually but stays available to screen readers.*/
body#page-site-index.notloggedin .page-heading {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}


/*Pathway*/
   .uniquePathway {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
      gap: 10px;
      align-items: center;
    }

    .uniqueStep {
      background-color: #f1f1f1;
      padding: 20px;
      border-radius: 1%;
      width: 100px;
      height: 100px;
      text-align: center;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s ease;
    }

    .uniqueStep h2, .uniqueStep p {
      margin: 0;
    }

    .uniqueStep.complete {
      background-color: #CCFFFF;
    }

    .uniqueStep.in-progress {
      background-color: #FFCCFF;
    }

    .uniqueStep.complete:after {
      position: absolute;
      top: -10px;
      right: -10px;
      background-color: #fff;
      border-radius: 50%;
      padding: 5px;
    }

    .uniqueConnector {
      border-bottom: 2px solid #ccc;
      width: 100%;
    }

    /* NOTE: these two images are hosted on other websites and could disappear without warning */
    .uniqueStep.not-started {
           background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTeX3gg6jdrAuvWeScKJ5H1L0vmh2NzbNRJ6g&usqp=CAU');
background-size: 200px;
    }

    .uniqueStep.not-enrolled {
      background-image: url('https://images.theconversation.com/files/38926/original/5cwx89t4-1389586191.jpg');
    }


/* btn change*/

.btn-primary,
.btn,
input[type="submit"],
button[type="submit"]{
  text-align: center;
    border-radius: 5px !important;
    border: 1px solid grey !important;
}

/* REMOVED: #fitem_id_institution .fitemtitle label { content: ... } (content only works on ::before/::after) */

fieldset#id_category_6.collapsible.collapsed {
    display: block !important;
}

fieldset#id_category_6.collapsible.collapsed .fcontainer {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
}

/*Block header - remove the line Inspire draws under the title*/
.block .block-title::after {
    display: none !important;
}

.breadcrumb-nav {
    font-size: 12px;
}
hr {
    box-shadow: 0px 2px 9px 0 rgb(177 177 177);
    border-top: 1px solid #d7d7d7;
}
.w3-codeR {
    width: auto;
    background-color: #f2f5ff;
    color: #740202;
    padding: 8px 12px;
    border-left: 6px solid #d1ba4b;
    font-size: small;
}
.w3-code {
    width: auto;
    background-color: #f2f5ff;
    color: #740202;
    padding: 8px 12px;
    border-left: 6px solid #4CAF50;
    font-size: small;
}
.w3-code span{
    color: #2e7631;
    font-weight: bold;
 }

.moodle-actionmenu  .toggle-display {
    color: black;
font-weight: 600;
}
.nobackgroundcolor {
    background-color: #ffffff;
}
body {
    background-color: #ffffff;
}

/* INSPIRE: Inspire paints its own background on .page-body, so set the page colour there too */
.page-body {
    background-color: #ffffff;
}

.tui-card{
    background-color: #FFFFFF;
}
.tui-miniProfileCard{
        background-color: white;
}

.tui-workspaceDiscussionCard{
      background-color: #e1ecf5;
}

#section-0 .sectionname {
    color:  #005a9b;
}

/* FIXED: the colour had no # so this rule never applied. Left switched off to keep the current look.
.block_totara_featured_links  {
    background-color: #f2f2f2;
}
*/

.path-site li.activity>div, .path-course-view li.activity>div {
    position: relative;
    padding: 0 0 0 0;
}
.pagelayout-incourse #region-main, .pagelayout-course #region-main {
    background: #ffffff;
    padding: 15px;
    box-shadow: 0 0 20px rgb(0 0 0 / 24%);
}

.block {
    box-shadow: 0 0 20px rgb(0 0 0 / 24%);
    padding: 0px;
   border-radius: 10px;
}

/* border radius and light background block headers */

#block-region-top .header{
   background-color: #F7F7F7;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-pre .header {
   background-color: #F7F7F7;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-post .header {
   background-color: #F7F7F7;
   border-radius: 10px 10px 0px 0px;
}

#block-region-top .header  h2{
  color: #005a9b;
  font-weight: 700;
  font-size: 18px;
}
#block-region-side-post  .header  h2{
  color: #005a9b;
  font-weight: 700;
  font-size: 18px;
}
#block-region-side-pre .header h2{
  color: #005a9b;
  font-weight: 700;
  font-size: 18px;
}

/* border radius and y background side panels  */

#block-region-side-post .background01  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-post .background01  .header h2{
    color: #005a9b;
}

#block-region-side-pre .background01  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-pre .background01  .header h2{
    color: #005a9b;
}
#block-region-top  .background01  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-top .background01  .header h2{
    color: #005a9b;
}

/* Responsive 100% Width YouTube iFrame Embed*/

.ytcontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.ytvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* colored buttons*/
/* FIXED: removed "color: fff" and "color: 000" (no #, so they were ignored). Text colour comes from the rules below. */
.modtype_label .btn-block {
    color: #fff;
}
.modtype_label .btn-block:hover {
    color: #fff;
}

.modtype_label .btnwhite .btn-block {color: black;}
.modtype_label .btnyellow .btn-block {color: black;}
.modtype_label .btngray .btn-block {color: black;}
.modtype_label .btngrey .btn-block {color: black;}
.modtype_label .btnpink .btn-block {color: black;}
.modtype_label .btnlightblue .btn-block {color: black;}

.btngreen .btn-block {background-color: #319866;}
.btnwhite .btn-block {background-color: #fff; color: black;}
.btnyellow .btn-block {background-color: #ffcd03; color: black;}
.btnred .btn-block {background-color: #cc2026;}
.btngray .btn-block {background-color: #c2c4c6; color: black;}
.btnpink .btn-block {background-color: #f6989a; color: black;}
.btnlightblue .btn-block {background-color: #71c9f1; color: black;}
.btnpurple .btn-block {background-color: #7666ad;}
.btnorange .btn-block {background-color: #f26722; }
.btngrey .btn-block {background-color: #c2c4c6; color: black;}
.btnintelblue .btn-block {background-color: #2677bd;}

.btncims .btn-block {background-color: #024f58;}
.btnblack .btn-block {background-color: #000;  color: #fff; }

.btnblack .btn-block:active,
.btnblack .btn-block:focus,
.btnblack .btn-block:visited {
    color: #fff; /* Keep text white */
}
.btnteal .btn-block {background-color: #6DAAAA;}
.btnlightsteelblue .btn-block {background-color: #99B7CE; }
.btnlavender .btn-block {background-color: #8978BA; }
.btncorrections .btn-block {background-color: #197d92;}

/* REMOVED: .btn-block:hover grow (transform: scale(1.02)) */

/*HTML block buttons - shadow on hover, all four sides*/
.btn-block:hover {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
}

/*HTML blocks - let the hover shadow show outside the content area instead of being clipped*/
.block_html .content .no-overflow {
    overflow: visible !important;
}

/*HTML block buttons - keep dark text on hover for the light button colours*/
.btnwhite .btn-block:hover,
.btnyellow .btn-block:hover,
.btngray .btn-block:hover,
.btngrey .btn-block:hover,
.btnpink .btn-block:hover,
.btnlightblue .btn-block:hover {
    color: black !important;
}


/*HTML BLOCK AND LABEL BUTTONS - larger buttons and row spacing from the T18 theme
  (dashboards, course labels, and HTML blocks in courses)*/
.path-totara-dashboard .btn-block,
.modtype_label .btn-block,
.modtype_label .btn-block.btn-sm,
.pagelayout-course .block_html .btn-block,
.pagelayout-course .block_html .btn-block.btn-sm,
.pagelayout-incourse .block_html .btn-block,
.pagelayout-incourse .block_html .btn-block.btn-sm {
    padding: 15px 16px;
    margin: 10px 0;
    font-size: 14px;
    font-weight: 700;
}

/* blue background*/
.backgroundhb {
    background-color: #004385;
}


.background01 {
    background-color: #005a9b;
}
.background01RM {
    background-color: #005a9b;
    margin-right: 15%;
    margin-left: 15%;
}


.bgmotdkblue, .background01, .background01 h3, .background01 h4, .background01 h5, .background01 p,  .background01 ul, .background01 a {
color: #fff;
}
/* Partner Agencies background*/

.backMetService {
background: #172344;
}
.backMetService01 {
background: #F0F8FF;
}

.backGNS {
background-color: #c0002b;
}

/* cims background*/
.nematopback {
  background:
    linear-gradient(0deg, #005a9b  95%, transparent 95%),
    linear-gradient(-45deg,
      #005a9b 24%, #fff200 24%, #fff200 25%, #005a9b 25%,
      #005a9b 26%, #fff200 26%, #fff200 27%, #005a9b 27%,
      #005a9b 28%, #fff200 28%, #fff200 29%, #005a9b 29%,
      #005a9b 30%, #fff200 30%, #fff200 31%, #005a9b 31%,
      #005a9b 32%, #fff200 32%, #fff200 33%, #005a9b 33%,
      #005a9b 34%, #fff200 34%, #fff200 35%, #005a9b 35%,
      #005a9b 36%, #fff200 36%, #fff200 37%, #005a9b 37%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}
.cimskoc {
  background: linear-gradient(-45deg, #000 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}
.cimsops {
  background: linear-gradient(-45deg, #F16924 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}
.cimsintell {
  background: linear-gradient(-45deg, #2479BD 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}
.cimsplan {
  background: linear-gradient(-45deg, #F5979B 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}
.cimslogs {
  background: linear-gradient(-45deg, #FFCD03 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}
.cimswell {
  background: linear-gradient(-45deg, #71C9F1 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}

.cimssafety {
  background: linear-gradient(-45deg, #319866 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}

.cimspim {
  background: linear-gradient(-45deg, #7666ad 60%,  #fff 60%, #fff 60.3%, #043b41 60.3%, #034F58 61.5%);
  background-repeat: no-repeat;
  background-size: 100% 500px;
}


.backgroundcims, .backgroundcims h3, .backgroundcims h4, .backgroundcims h5, .backgroundcims p, .backgroundcims, .backgroundcims a  {
  color: #fff;
}
.backgroundcims {
    background-color: #024f58;
}
#block-region-side-pre .bgmotdkblue  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;

}
#block-region-side-post .bgmotdkbluetop  .header {
   background-color: #0D2C6C;
   border-radius: 10px 10px 0px 0px;

}


#block-region-side-pre .bgmotdkblue .header h2{
    color: #0D2C6C;
}
#block-region-side-pre .backgroundcims  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-pre .backgroundcims  .header h2{
    color: #024f58;
}
#block-region-top  .backgroundcims  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-top .backgroundcims  .header h2{
    color: #024f58;
}
#block-region-side-pre .backgroundcims  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-pre .backgroundcims  .header h2{
    color: #024f58;
}


.backgroundcims1 h3, .backgroundcims1 h4, .backgroundcims1 h5, .backgroundcims1 p,  .backgroundcims1 {
  color: #024f58;
}


#block-region-side-post .backgroundcims1  .header {
   background-color: #024f58;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-post .backgroundcims1  .header h2{
    color: #fff;
}


/* corrections background*/
.backgroundcorrections {
    background-color: #FFF;
}

/* REMOVED: commented-out .backgroundcorrections block (Senio, "broken currently") */

#block-region-side-pre .backgroundcorrections  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-pre .backgroundcorrections  .header h2{
    color: #197d92;
}
#block-region-top  .backgroundcorrections  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-top .backgroundcorrections  .header h2{
    color: #197d92;
}
#block-region-side-pre .backgroundcorrections  .header {
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-pre .backgroundcorrections  .header h2{
    color: #197d92;
}


.backgroundcorrections1 h3, .backgroundcorrections1 h4, .backgroundcorrections1 h5, .backgroundcorrections1 p,  .backgroundcorrections1 {
  color: #197d92;
}


#block-region-side-post .backgroundcorrections1  .header {
   background-color: #197d92;
   border-radius: 10px 10px 0px 0px;
}
#block-region-side-post .backgroundcorrections1  .header h2{
    color: #fff;
}


/* RealME login page*/


.background02 .btn-block:hover {
    background-color: #C70000;

}

.background02 .btn-block {
    background-color: #D64309;
    border-radius: 5px;
    border-color: #D64309 !important;
    padding-left: 15px;
    padding-right: 15px;
}
.background00  {
    background-color: #ffffff;
}
.background02  {
    background-color: #FFF;
    margin-right: 15%;
    margin-left: 15%;

    border: 2px solid #D64309;

}
.backgroundContanct  {
    background-color: #444;
    margin-right: 15%;
    margin-left: 15%;
}

.background02 .btn-block h4 {
    margin-bottom: 4px;
    margin-top: 4px;
 }

#realME {
 height: 393px;
margin-bottom: 20px;

 }


/* Unnecessary fields in profile */
/* Commenting these out --- RESTORE THIS PRIOR TO GO LIVE
fieldset#id_moodle_additional_names {display: none;}
fieldset#id_aspirationalpositionheader {display: none;}

div#fitem_id_url {display: none;}
div#fitem_id_skype {display: none;}
div#fitem_id_idnumber {display: none;}
div#fitem_id_department {display: none;}
div#fitem_id_address {display: none;}
div#fitem_id_username {display: none;}

div#fitem_id_description_editor {display: none;}
div#fitem_id_auth {display: none;}
div#fitem_id_totarasync {display: none;}
div#fitem_id_suspended {display: none;}
div#fitem_id_passwordpolicyinfo {display: none;}
div#fitem_id_newpassword {display: none;}
div#fitem_id_signoutofotherservices {display: none;}
div#fitem_id_preference_auth_forcepasswordchange {display: none;}
*/

/* Page border size */
#page-content {
        margin-top: 0px;
        padding-top: 0px;
       padding-bottom: 0px;

 }


/* for Dashboards*/
.nzrtbox {
   background: #000000;
  width: 100%;
   border: 1px solid #000000;
  height: 100%;
    border-radius: 10px;
}

.nemabox {
   background: #005a9b;
  width: 100%;
   border: 1px solid #005A9B;
  height: 100%;
    border-radius: 10px;
}


.nzrtdash {
background: #88c2e8;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("/pluginfile.php/36345/block_html/content/NZRT.jpg");


}


.nemadash {
  background: #88c2e8;
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("/pluginfile.php/36140/block_html/content/back.svg");


}

.wboxx {
  width: 80%;
  border: 1px solid #A9A9A9;
    border-radius: 10px;
  padding: 10px;
  background: #fff;
	margin-top: 20px;
margin-bottom: 5%;
    margin-left: 10%;
    box-shadow: 0 0 20px rgb(0 0 0 / 24%);
    }

.zo0om {
  float: none;
  display: inline-block;
    transition: all .2s;
filter: drop-shadow( 0px 1px 1.5px  #606060) opacity(45%);
   z-index: -2;
   }
.zo0om:hover {
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2);  /* Safari 3-8 */
     transform: scale(1.2);
   filter : drop-shadow( 2px 10px 4px  #a0a0a0);
   cursor: pointer;
   z-index: 2;
   }

/* Background for the division of activity part*/
.dback1 {
    background-color: #f5f5f5;
    border-radius: 10px;
}

/* footer */

.footer-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-links ul {
  list-style-type: none;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

#page-footer {
  padding: 40px;
}

.footer-links li {
  width: 35px;
  height: 35px;
  padding: 4px;
  margin: 5px;
  background-color: #777676;
  transition: all .2s ease-out
}

.footer-links li:hover {
  background-color: #333;
}

.footer-links img {
  max-width: 20px;
}

/** Hide "Powered by Totara"**/

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

/*Explore catalogue - match the T18 grid catalogue: course type icon always visible, with its tooltip*/
.tui-learningCard:not(:hover):not(:focus-within) .tui-learningCard__footer,
.tui-learningCard:not(:hover):not(:focus-within) .tui-totara_catalog-itemCard__iconPlaceholders,
.tui-learningCard:not(:hover):not(:focus-within) .tui-totara_catalog-iconPlaceholders {
    opacity: 1 !important;
    visibility: visible !important;
}

.tui-learningCard__footer {
    position: relative;
    z-index: 2;
    pointer-events: none;
}
.tui-learningCard__footer .flex-icon {
    pointer-events: auto;
}

/*Explore catalogue - show the whole course image instead of cropping it*/
.tui-learningCard img {
    object-fit: contain !important;
}

.tui-learningCard [style*="background-image"] {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Course catalog box (original catalogue) */

.tw-catalogItemNarrow:hover  {
    filter: drop-shadow( 1px 5px 4px #a0a0a0);
    transform: scale(1.005);
}

.tw-catalogItemNarrow {
    border: 1px solid #005a9b;
    transition: all .1s;
    border-radius: 10px ;
}
.tw-catalogItemNarrow:active {
    filter: drop-shadow( 1px 3px 2px #005a9b);

}
.tw-catalogItemNarrow__image_ratio_img{
border-radius: 9px 9px 0px 0px ;
}

/* INSPIRE: the same card look for the Explore catalogue cards (TUI). */

.tui-learningCard {
    border: 1px solid #005a9b;
    border-radius: 10px;
    transition: all .1s;
}
.tui-learningCard:hover {
    filter: drop-shadow( 1px 5px 4px #a0a0a0);
    transform: scale(1.005);
}
.tui-learningCard:active {
    filter: drop-shadow( 1px 3px 2px #005a9b);
}



/* NZRT background*/
.backgroundnzrt {
    background-color: #000;
}

/* NZRT background*/

.backgroundnzrt h3, .backgroundnzrt h4, .backgroundnzrt h5, .backgroundnzrt p,  .backgroundnzrt, .backgroundnzrt a  {
    color: #fff;
  }
 .backgroundnzrt {
  background-color: #000000;
  }
    #block-region-side-pre .backgroundnzrt  .header {
     background-color: #fff;
     border-radius: 10px 10px 0px 0px;
  }
  #block-region-side-pre .backgroundnzrt  .header h2{
      color: #000000;
  }
  #block-region-top  .backgroundnzrt  .header {
     background-color: #fff;
     border-radius: 10px 10px 0px 0px;
  }
  #block-region-top .backgroundnzrt  .header h2{
      color: #000000;
  }
  #block-region-side-pre .backgroundnzrt  .header {
     background-color: #fff;
     border-radius: 10px 10px 0px 0px;
  }
  #block-region-side-pre .backgroundnzrt  .header h2{
      color: #000000;
  }

.backgroundnzrt1 h3, .backgroundnzrt1 h4, .backgroundnzrt1 h5, .backgroundnzrt1 p,  .backgroundnzrt1,  .backgroundnzrt1 a  {
    color: #000000;
  }

   #block-region-side-post .backgroundnzrt1  .header {
     background-color: #000000;
     border-radius: 10px 10px 0px 0px;
  }
  #block-region-side-post .backgroundnzrt1  .header h2{
      color: #fff;
  }


/* Pathway*/
.buttonpath {
  width: 134px;
  height: 120px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  background-color: white;
  color: #005A9B;
  border: 3px solid #005A9B;
  border-radius: 10px;
padding: 0px;
}
.containerbutton {
      margin: 25px;
      width: 200px;
      height: 133px;
      display: flex;
      justify-content: center;
      align-items: center;
      float:left
}
.innerbutton, .outerbutton {
   grid-area: 1 / 1;
    margin: 0 auto;
}
.containerbutton .innerbutton  {
     margin: 0px;
     position: absolute;
}

/* NOTE: this matches EVERY element with the class "active" on the site, not just pathway buttons.
   Consider scoping it, for example .buttonpath.active:after */
.active:after {
  content: "\2212";
  color: #000;
  }


/*Ministry of Transport*/

.MoTBg {
  background-image: url('/pluginfile.php/36134/course/section/4081/background.png');
  background-size: cover; /* This will make sure the background covers the entire div */
  background-position: center; /* This centers the background image in the div */
}

/* BG Ministry of Transport Dark blue*/

.bgmotdkblue {
    background-color: #0D2C6C;
}

/*MOH_HNZ*/

.bgmohhnz {
background-color:#232f5D;

}

/*EM Bay of Plenty*/

.bgembop {
background-color:#1A3661;
}

/* Accessible Accordion */
.accordion {
  color: #FFF;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
  background-color: var(--bg-color);
  border: 2px solid var(--bg-color) !important;
  position: relative;
  text-align: left;
}
.accordion-small {
  font-size: 14px; /* Smaller text size */
}
.accordion.active, .accordion:hover, .accordion:focus  {
  color: var(--hover-color) !important;
  background-color: var(--hover-bg-color) !important;
  border-radius: 10px 10px 0px 0px;
  box-shadow: none !important;
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  border-radius: 0px 0px 10px 10px;
  border: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.accordion::after {
  content: '\002B';
  font-size: 30px;
  color: inherit; /* Use the same color as the text */
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0px;
}

.accordion.active::after {
  content: "\2212";
}

.accordion01 {
  --bg-color: #005a9b !important;
  --hover-color: #005a9b !important;
  --hover-bg-color: #F0F8FF !important;
}

.panel01 {
  background-color: #c7d7e5;
}

.accordion02 {
  --bg-color: #000;
  --hover-color: #000;
  --hover-bg-color: #f4f4f4;
}

.panel02 {
  background-color: #E5E5E5;
}

.accordion03 {
  --bg-color: #024f58;
  --hover-color: #024f58;
  --hover-bg-color: #F1F7F0;
}

.panel03 {
  background-color: #D1E1CE;
}

.accordion04 {
  --bg-color: #0D2C6C;
  --hover-color: #0D2C6C;
  --hover-bg-color: #d3def5;
}

.panel04 {
  background-color: #c9d6f0;
}

/**************Lisa - search button*******/
.tw-selectSearchText__btn {
  width: 50px;
}