: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: #E8F3F9;--nav-text-color: #006BA6;--nav-selected-color: #0074be;--color-primary: #455465;--color-state: #0074be;--color-text: #262626;--footer-bg-color: #0074be;--footer-text-color: #262626;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--footer-text-color-hover: #1c1c1c;}
body {
  background-image: url(https://myskilltraining.co.nz/assets/site-background-koru.png);
  background-size: auto;
}

#page-admin-course-management .buttons .singlebutton {
    margin: 3px !important;
}

/* Learning Plan Changes */
#page-totara-plan-view .mform .fitem .fitemtitle {
width: 100%;
min-height: 40px;
font-size: 20px;
background-color: var(--nav-bg-color);
color: var(--nav-tab-text-color);
margin: 0 10px 5px 10px;
}

#page-totara-plan-index {
  .dp-add-plan-link {
    display: none;
  }
}

#page-totara-plan-view {
  #fitem_id_startdate {
    display: none;
  }
}

#dp-plan-content {
  background: white;
  border: 1px solid lightgray;
  border-radius: 8px;
  padding: 15px 20px;
}

.path-totara-plan {
  #dp-component-evidence-header,
  #dp-component-evidence-container {
    display: none;
  }
}

#page-totara-plan-components-objective-view, #page-totara-plan-components-competency-view, #page-totara-plan-components-course-view {
  #show-evidence-dialog {
    display: none;
  }
}

#page-totara-plan-component {
  #assigncompetencies .custom-select {
    display: none;
  }

  #dialog-tabs .nav-tabs li:nth-child(2) {
    display: none;
  }

  #dp-plan-content {
    table {
      td:nth-child(4),
      th:nth-child(4) {
        display: none;
      }

      td:nth-child(7) a:nth-child(2) {
        display: none;
      }
    }

    #show-course-dialog {
      display: none;
    }
  }
}

/* Login page div */

#page-login-index {
  .welcome-section {
    margin-bottom: 2em;
    text-align: left;
  }

  .welcome-header {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 1em;
  }

  .header-logo {
    height: 40px;
    margin-left: 10px;
  }

  .welcome-section p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0.5em 0;
  }

  .welcome-section .terms-text {
    font-size: 13px;
  }

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

/* Navbar */
.tui-theme_inspire-navigation__heading {
  display: none;
}

/* Featured links */
.block-totara-featured-links-layout
  .block-totara-featured-links-content::before {
  background: none;
}

/* MySkill Profile Page CSS */
#page-user-profile {
  background-image: url(https://myskill.co.nz/wp-content/uploads/2023/11/Maori-Artwork-transparent-1536x1151.png);
  background-size: auto;
  background-color: rgba(255, 255, 255, 0.98);
  background-blend-mode: lighten;

  #region-main h3,
  #inst12721 h3 {
    display: none;
  }

  .totara_core__QuickAccess_flex-container h3 {
    display: block;
  }

  .block_totara_user_profile.block {
    background-color: white;
    margin: 20px auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: none;
  }

  .header.block-header {
    background-color: #e8f3f9;
    color: #046da9;
    background-size: auto;
    background-position: center center;
    font-size: 2em;
border-radius: 8px 8px 0 0;
  }

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

.tw-profileCard {
  width: auto;
  background-color: #ffefd5;
  color: #046da9;
  padding: 2%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  .tw-profileCard__avatar__img {
    width: 150px;
    height: 150px;
    border: none;
    border-radius: 0%;
    object-fit: cover;
  }

  .tw-profileCard__description {
    text-align: center;
  }

  .tw-profileCard__description__header {
    padding-top: 5%;
  }

  .tw-profileCard__avatar {
    display: none;
  }
}

#block-region-main .block_totara_user_profile:not(#inst10768, #inst10749) {
  .profile_tree ul {
    list-style: none;
    padding: 0;
  }

  .profile_tree li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
  }

  .profile_tree dl {
    margin-bottom: 0;
    flex: 1;
    border-bottom: 2px solid #e8f3f9;
    padding-bottom: 5px;
  }

  .profile_tree dt {
    font-weight: bold;
    width: 60%;
    padding-right: 10px;
    flex-basis: 40%;
    text-align: left;
    float: left;
    clear: left;
    padding-right: 10px;
  }

  input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: middle;
  }

  label {
    display: inline-block;
    vertical-align: middle;
  }
}

#page-user-profile .header.block-header h2 {
  background-color: #e8f3f9;
  color: #046da9;
  font-size: 20px !important;
border-radius: 8px 8px 0 0 ;
}

#inst12721.block_totara_user_profile.block.editprofileblock.chromeless {
  background: transparent;
  box-shadow: none;

  a {
    background-color: #d7263d;
    color: white;
    height: max-content;
    display: block;
    border-radius: 5px;
    text-align: center;
    width: fit-content;
    color: rgb(255, 255, 255);
    border: 0.8px solid rgb(0, 107, 166);
    padding: 10px;
    align-items: center;
  }
}

.sidepostblocks {
  background-color: rgba(255, 255, 255, 0.95);
  background-blend-mode: lighten;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px 0px;
  margin: 10px 0px 20px;
  border: none;
}

a.addjoblink {
  color: white;
  height: max-content;
  display: block;
  border-radius: 5px;
  text-align: center;
  width: fit-content;
  background-color: rgb(0, 107, 166);
  color: rgb(255, 255, 255);
  border: 0.8px solid rgb(0, 107, 166);
  padding: 10px;
  align-items: center;
}

.userprofile {
  display: none;
}

section.node_category.block_totara_user_profile_category_coursedetails ul li {
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
}

#inst12722 {
  ul {
    margin-left: 0 !important;
  }

  .contentnode {
    border: none;

    li {
      padding: 7px;
    }
  }
}

section.node_category.block_totara_user_profile_category_coursedetails dt {
  display: none;
}

#page-user-profile #block-region-side-post .block_totara_user_profile {
  h3 {
    background-color: #e8f3f9;
    color: #046da9;
    background-size: auto;
    background-position: center center;
    font-size: 20px;
    padding: 16px;
border-radius: 8px 8px 0 0;
  }

  .block-content {
    padding: 0px;
  }

  ul {
    padding-bottom: 10px;
  }
}

/* Activity Changes in Perform */

#page-mod-perform-activity-view {
  h4 {
    color: #006ba6;
    border-bottom: 3px solid #287b7c;
  }

  .tui-formRow__desc {
    display: none;
  }

  .tui-formField {
    max-width: 80%;
    width: 80%;

    input {
      min-height: 80px;
    }
  }

  .tui-weka .ProseMirror {
    min-height: 150px;
  }

  .tui-staticContentElementParticipantForm h3 {
    border-bottom: 5px solid #006ba6;
  }
}

/* End of Activity Changes in Perform */

/* Perform Activity Home Page Changes */

#page-mod-perform-activity-index {

#block-region-side-pre table {
margin-bottom: 0;
}

#inst12807 th, #inst12810 th {
display: none;
}

.block_totara_report_table .footer {
display: none;
}

}

/* removes app notification */
#page-footer .mobile-app-banner {
  display: none;
}

/* footer powered by Totara */
.page-footer-poweredby {
  visibility: hidden;
}
/* block header color*/
.block .block-header {
  background-color: #006ba6;
  color: white;
border-radius: 8px 8px 0 0;
}
/* Block title*/
.block .block-title,
#dockeditempanel .dockeditempanel_content h2 {
  width: 100%;
  box-shadow: inset 0 -1px 0 #006ba6;
  padding-bottom: 15px;
  min-height: 30px;
}
/*logo size*/
.navbar-site .navbar-brand {
  height: 100px;
}

/*forgot_password (Search by username)*/
#id_searchbyusername {
  visibility: hidden;
}

/* remove breadcrumbs from the navigation*/
/* .breadcrumb-nav {
  display: none;
} */

/* Breadcrumb Fixes */
.course-1537,
.course-1633,
.course-1655,
#page-enrol-index {
  #page-navbar {
    display: none;
  }
}

#page-totara-program-view .breadcrumb-nav {
  display: none;
}

/* .pagelayout-incourse #page-navbar li:nth-child(2),
.path-course #page-navbar li:nth-child(2) {
  display: none;
} */

#page-navbar a[href*="?categoryid="] {
  pointer-events: none;
color: white !important;
max-width:2px;
}

/* top navbar color*/
.totara-navbar-container {
  background-color: #006ba6;
}

/* color of tabs*/
.totara-menu-nav-item-link,
.totara-menu-nav-list .totara-menu-nav-item .totara-menu-nav-item-link {
  background-color: #006ba6;
  border-color: #006ba6;
  border-style: solid;
  border-width: 0;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

/* dropdown menu color background */
.totara-menu-nav-item .totara-menu-nav-item .totara-menu-nav-item-link {
  background-color: #006ba6;
  color: initial;
}

/* dropdown menu color background hover and text color when hovered over */
.totara-menu-nav-item:hover
  .totara-menu-nav-item:hover
  .totara-menu-nav-item-link:hover {
  background-color: #006ba6;

  color: #ffffff;
}

/*  dropdown text color  */
.totara-menu
  .totara-menu-nav-item
  .totara-menu-nav-item
  .totara-menu-nav-item-link:link,
.totara-menu
  .totara-menu-nav-item
  .totara-menu-nav-item
  .totara-menu-nav-item-link:visited,
.totara-menu
  .totara-menu-nav-item
  .totara-menu-nav-item
  .totara-menu-nav-item-link:hover,
.totara-menu
  .totara-menu-nav-item
  .totara-menu-nav-item
  .totara-menu-nav-item-link:focus,
.totara-menu
  .totara-menu-nav-item
  .totara-menu-nav-item
  .totara-menu-nav-item-link:active {
  color: #ffffff;
}

/* dropdown menu highlight color */
.totara-menu-nav-item-link {
  color: #006ba6;
}

/* color of top menu when selected and on that page*/
.totara-menu
  > .totara-menu-nav
  > .totara-menu-nav-list
  > .totara-menu-nav-item.selected
  > .totara-menu-nav-item-link {
  box-shadow: inset 3px 0 #006ba6;
  background-color: #006ba6;
}
/* color of top menu tabs when hovered over*/
.totara-menu-nav-item-link:hover,
.totara-menu-nav-item-link:focus,
.totara-menu-nav-list .totara-menu-nav-item .totara-menu-nav-item-link:hover,
.totara-menu-nav-list .totara-menu-nav-item .totara-menu-nav-item-link:focus,
.totara-menu-nav-item.selected .totara-menu-nav-item-link:hover,
.totara-menu
  .totara-menu-nav-list
  .totara-menu-nav-item
  .totara-menu-nav-item-link:hover,
.totara-menu
  .totara-menu-nav-list
  .totara-menu-nav-item
  .totara-menu-nav-item-link:focus {
  color: #fff;
  background-color: #006ba6;
  text-decoration: none;
}

/* Footer color*/
#page-footer {
  background-color: #006ba6;
  border-top: 3px solid #006ba6;
  color: #fff;
  margin-top: 20px;
  padding: 0;
}

/* 4 page block layout resource page */
/* front page block layout */
/* splitting topics into 4 parts */
/* 4 way*/
* {
  margin: 0;
  padding: 0;
}
#wrapper {
  display: -webkit-flex;
  -webkit-justify-content: center;

  display: flex;
  justify-content: center;
}
#wrapper div {
  -webkit-flex: 1;
  flex: 1;
}

/* hide progress*/
.path-course-view .completionprogress {
  display: block;
  float: right;
  height: 20px;
  position: relative;
  z-index: 900;
  visibility: hidden;
  display: none;
}

/*US Credits font Size*/
.creditslabel {
  font-size: 15px;
  font-weight: bold;
  display: inline;
}
.creditsvalue {
  font-size: 25px;
  font-weight: bold;
  color: #006ba6;
  text-align: right;
  display: inline-block;
  padding: 20px;
}

/*logo on flash apocalypse report*/
#page-admin-report-apocalypse-index span.catalyst-logo {
  visibility: hidden;
}

/* move logout to the left */
.page-footer-loggedin-info {
  margin-bottom: 20px;
  float: right;
}

/* Dashboard customisation */
.dashboard.title {
  height: 135px;
  left: 0;
  padding: 20px;
  top: 0;
  position: absolute;
  display: inline-block;
}
/* .path-totara-dashboard .block_current_learning-row-item__status .label{
display:none;
} */
.dashboardtitle h4 span {
  background: none repeat scroll 0 0 rgba(0, 107, 166, 0.5);
  padding: 18px;
  display: inline-block;
  font-size: 40px;
  color: #fff !important;
}
.dashboard.title h4 span {
  background: none repeat scroll 0 0 rgba(0, 107, 166, 0.5);
  padding: 18px;
  display: inline-block;
  font-size: 40px;
  color: #fff !important;
}

/* .path-totara-dashboard .block_current_learning-row-item__status .label{
display:none;
} */
.dashboardtitle2 h4 span {
  background: none repeat scroll 0 0 #f2db33;
  padding: 18px;
  display: inline-block;
  font-size: 40px;
  color: black !important;
}
#highlighted .block-totara-featured-links-content {
  top: 15%;
  bottom: 20%;
  text-align: center;
  padding-left: 20px;
  background: rgba(215, 38, 61, 0);
}
#highlighted h3 {
  font-size: 40px;
}
#highlighted p {
  font-size: 20px;
}
.dashboard.wrapper {
  position: relative;
  overflow: hidden;
  position: relative;
}
/* #inst10356 .block-header,
#inst10357 .block-header,
#inst10358 .block-header,
#inst10368 .block-header,
#inst10390 .block-header,
#inst10394 .block-header,
#inst10376 .block-header,
#inst10384 .block-header,
#inst10403 .block-header,
#inst10406 .block-header,
#inst10481 .block-header,
#inst10476 .block-header,
#inst10473 .block-header,
#inst10392 .block-header {
  display: none;
} */

.headerhidden .block-header {
  display: none;
}

#f_justify .block-totara-featured-links-flex-filler {
  display: none;
}
#f_justify .block-totara-featured-links-tile-medium {
  max-width: 230px;
}
.path-totara-dashboard .block-totara-featured-links-content {
  min-height: 73px;
}
.path-totara-dashboard .block-totara-featured-links-content h3 {
  font-size: 17px;
}
.block-totara-featured-links-layout {
  justify-content: center;
}

.signupform {
  display: none;
}

/* Assessment display issues */
#page-mod-quiz-review .core_question__commentText p {
  display: block !important;
}

#page-mod-quiz-reviewquestion .core_question__commentText p {
  display: block !important;
}

/* Umbrealla feedback form */
.feedback-item-textarea textarea {
  padding: 10px;
}

/*Collapsable Topics*/
#page-course-view-topics #section-0 .sectionname {
  padding: 20px !important;
}

#page-course-view-topics #section-0 .tw-formatTopics__collapse_link {
  display: none !important;
}

#page-course-view-topics #section-0 .tw-formatTopics__collapse_link {
  display: none !important;
}

#page-course-view-topics .whitebtn {
  color: white;
  font-size: 20px;
}

#page-course-view-topics .tealbtn {
  color: white;
  background-color: #03b5aa;
  font-size: 20px;
}

/* Multi-tenancy Changes */
.path-totara-dashboard
  #ShortFeaturedLinksBlock
  .block-totara-featured-links-content {
  min-height: 0px;
}

.tenant-context #id_category_2,
.tenant-context #id_category_5,
.tenant-context #id_category_6,
.tenant-context #id_category_1,
.tenant-context #id_category_7,
.tenant-context #id_category_3,
.tenant-context #id_category_8,
.tenant-context #id_category_10,
.tenant-context #id_category_11,
.tenant-context #id_category_9 {
  display: none;
}

/* HTML Block table borders */
.block_html table td,
.block_html table th {
  border: 1px solid black;
  padding: 4px;
  border-collapse: collapse;
}

.webart {
  background-image: url(https://i0.wp.com/www.nzhealthgroup.com/wp-content/uploads/2023/06/Maori-Artwork-transparent.png?fit=2048%2C1535&ssl=1);
  opacity: 0.03;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100px;
}

/* NEW 2024 -------------------------------------------------------------------- */
/* Dashboard 78 = PROD home */

body#page-totara-dashboard-78:not(.editing) .block {
  margin-bottom: 0px !important;
}

body#page-totara-dashboard-78:not(.editing) .no-overflow {
  margin: 0px !important;
  padding: 0px !important;
}

body#page-totara-dashboard-78:not(.editing) .skip-block-to,
body#page-totara-dashboard-78:not(.editing) .skip-block {
  height: 0px !important;
}

body#page-totara-dashboard-78:not(.editing)
  .block-totara-featured-links-layout {
  margin: 0px !important;
}

.new-home-image {
  width: 50%;
  background-image: url(https://myskilltraining.co.nz/assets/myskill_meeting.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.importantinformation-banner {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 200px;
}

.important-image1 {
  width: 30%;
  background-image: url(https://share.likeminded.co.nz/images/welcome%20to%20myskill.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e8f3f9;
}

.important-image2 {
  width: 30%;
  background-image: url(https://share.likeminded.co.nz/images/protection.png);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e8f3f9;
}

.new-dashboard-banner {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 500px;
}

.new-dashboard-mobile {
  text-align: center;
  display: none;
  background-color: #ffefd5;
  padding: 15px;
}

#dashboard-grid {
  background-color: #e8f3f9;
}

#dashboard-grid div {
  min-width: 200px;
}

#dashboard-grid .block-totara-featured-links-tile {
  border: solid 3px #fff;
}

#dashboard-grid .block-totara-featured-links-layout {
  .block-totara-featured-links-tile.block-totara-featured-links-tile-large,
  .block-totara-featured-links-flex-filler.block-totara-featured-links-tile-large,
  > div.block-totara-featured-links-flex-filler.block-totara-featured-links-tile-large,
  .block-totara-featured-links-tile-adder.block-totara-featured-links-tile-large {
    flex-basis: 30% !important;
    width: 30% !important;
  }
}

#dashboard-grid .block-totara-featured-links-content {
  background-color: transparent !important;
  text-align: center;
  min-height: 33%;
}

#dashboard-grid .block-totara-featured-links-content h3 {
  color: #046ba5 !important;
}

#dashboard-grid .block-totara-featured-links-content p {
  color: #262626 !important;
}

#dashboard-grid .block-totara-featured-links-content h3 {
  font-size: 20px !important;
}

#page-totara-dashboard-92
  #dashboard-grid
  .block-totara-featured-links-content
  h3 {
  font-size: 15px !important;
}

#dashboard-grid .block-totara-featured-links-tile:hover {
  background-color: #e8f3f9 !important;
}

/* Responsiveness for new dashboards */
@media (min-width: 1440px) {
  #dashboard-grid {
    padding: 30px 200px;
  }
}

@media (max-width: 1439px) {
  #dashboard-grid {
    padding: 30px 0px;
  }
}

@media (max-width: 767px) {
  .new-dashboard-mobile {
    display: block;
  }
  .new-dashboard-banner,
  .importantinformation-banner {
    display: none;
  }
}

/* Grade Me block font size */
.grademe-course-name {
  font-size: 18px;
}

.grademe-mod-name {
  font-size: 16px !important;
}

.gradable-wrap {
  font-size: 14px;
}

/* new look dashboard blocks */
body.path-totara-dashboard:not(.editing) .block-title,
body.path-totara-dashboard:not(.editing) .block-header,
body.path-totara-dashboard:not(.editing) .block-title,
body.path-totara-dashboard:not(.editing) .block-header {
  background-color: #e8f3f9 !important;
  box-shadow: none !important;
}

body.path-totara-dashboard:not(.editing) .block-title h2,
body.path-totara-dashboard:not(.editing) .block-title h2 {
  color: #046ba5 !important;
  font-size: 20px !important;
  text-transform: capitalize !important;
}

body.path-totara-dashboard .block,
body.path-totara-dashboard .block {
  border-color: #e8f3f9 !important;
}

/* Non-NZQA, Clinical or adv competencies */
body.category-307 li.section:not(.orphaned),
body.category-277 li.section:not(.orphaned),
body.category-312 li.section:not(.orphaned),
body.category-313 li.section:not(.orphaned),
body.category-514 li.section:not(.orphaned),
body.category-612 li.section:not(.orphaned),
body.category-647 li.section:not(.orphaned),
body.category-302 li.section:not(.orphaned),
body.category-387 li.section:not(.orphaned),
body.category-387 li.section:not(.orphaned),
body.category-518 li.section:not(.orphaned),
body.category-712 li.section:not(.orphaned),
body.category-712 li.section:not(.orphaned),
body.category-199 li.section:not(.orphaned),
body.category-295 li.section:not(.orphaned),
body.category-293 li.section:not(.orphaned),
body.category-517 li.section:not(.orphaned),
body.category-297 li.section:not(.orphaned),
body.category-298 li.section:not(.orphaned),
body.category-299 li.section:not(.orphaned),
body.category-519 li.section:not(.orphaned),
body.category-267 li.section:not(.orphaned),
body.category-381 li.section:not(.orphaned),
body.category-268 li.section:not(.orphaned),
body.category-373 li.section:not(.orphaned),
body.category-508 li.section:not(.orphaned),
body.category-646 li.section:not(.orphaned),
body.category-659 li.section:not(.orphaned),
body.category-323 li.section:not(.orphaned),
body.category-349 li.section:not(.orphaned),
body.category-263 li.section:not(.orphaned),
body.category-396 li.section:not(.orphaned),
body.category-494 li.section:not(.orphaned),
body.category-815 li.section:not(.orphaned),
body.category-816 li.section:not(.orphaned),
body.category-817 li.section:not(.orphaned),
body.category-818 li.section:not(.orphaned),
body.category-819 li.section:not(.orphaned),
body.category-820 li.section:not(.orphaned),
body.category-821 li.section:not(.orphaned),
body.category-822 li.section:not(.orphaned)
{
  .modtype_quiz,
  .modtype_scorm,
  .modtype_resource,
  .customtype_verification {
    color: white !important;
    padding: 10px 15px !important;
    margin: 10px !important;
    max-width: 400px;
    border-radius: 15px;

    a,
    p {
      color: white;
      font-size: 18px;
    }

    .autocompletion {
      font-size: 18px;
      right: auto;
    }

    a .ft,
    a .ft-state-success {
      color: white !important;
    }
  } /* End of modtypes */

  .ft-state-success {
    color: white !important;
  }

  .modtype_scorm {
    background-color: #006ba6;
  }

  .modtype_quiz {
    background-color: #03b5aa;
  }

  .customtype_verification {
    background-color: #ffbc42;
  }

  .modtype_resource {
    background-color: #91d151;
  }
}

#page-user-profile .block-totara-featured-links-layout {
  top: auto;
  bottom: auto;
  background-color: transparent;
  height: 50px;

  .block-totara-featured-links-content {
    text-align: center;
    top: auto;
    bottom: auto;
    background-color: transparent;
  }
}

#page-course-completion .criteria_course_value {
  height: 500px;
}

/* Disable manager link from profile */
#page-totara-job-jobassignment #managertitle a {
  cursor: default !important;
  pointer-events: none !important;
  color: #262626 !important;
}

#page-mod-facetoface-eventinfo
  .mod_facetoface__eventinfo__sidebar__panel
  button {
  display: none;
}

#dashboard-grid {
  padding: 30px 130px;
}

/*Makes the featured length block the same length as other blocks */
.block.chromeless .block-totara-featured-links-layout {
  margin: 5px 0 0 0;
}

#page-mod-digitalsignatureform-view {
  /* Hide specific fields */
  #fitem_id_field_NotificationEmail,
  #fitem_id_field_Tradingas,
  #fitem_id_field_NZBusinessNumberNSBN,
  #fitem_id_field_PostalAddress,
  #fitem_id_field_ImmigrationNewZealandAccreditedEmployer,
  #fitem_id_field_StreetAddress,
  #fitem_id_field_TownorCity,
  #fitem_id_field_Suburb,
  #fitem_id_field_Postcode,
  #fitem_id_field_BusinessPhoneNumber,
  #fitem_id_field_MainContactName,
  #fitem_id_field_MainContactPhoneDDI,
  #fitem_id_field_MainContactMobile,
  #fitem_id_field_MainContactEmail,
  #fitem_id_field_AccountsPayableName,
  #fitem_id_field_AccountsPayableEmail,
  #fitem_id_field_AccountsPayableInvoiceEmail,
  #fitem_id_field_AccountsPayableOrderNumber,
  #id_field_199_hour,
  #id_field_199_minute,
  #id_field_139_hour,
  #id_field_139_minute {
    display: none !important;
  }
}

#id_s_mod_digitalsignatureform_exportprofilefields,
#id_s_mod_digitalsignatureform_exportforignitefields {
  height: 600px;
  min-width: 500px;
}

/* Digital Signature Spacing */
#signature-pad-alert {
  display: none !important;
}

/* Support worker hub css */

.swph-v3-wrapper {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  max-width: 100%;
  margin: 20px auto;
  padding: 25px;
  background-color: #fdfdff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  color: #333;
  line-height: 1.65;
}

/* Specific classes for the Support Worker Policy Hub - Version 3 */
.swph-v3-wrapper .swph-v3-main-container {
  color: #004a7c;
  text-align: center;
}

.swph-v3-header-container {
  background-color: #e0f2f7; /* Light blue color for the header */
  padding: 20px 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.swph-v3-wrapper .swph-v3-header {
  color: #004a7c;
  text-align: center;
  margin-bottom: 35px;
  font-size: 2em;
  font-weight: 600;
  border-bottom: 3px solid #004a7c;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swph-v3-wrapper .swph-v3-header-logo {
  height: 50px;
  margin-right: 9px;
}

/* Container for the tab buttons (headers) */
.swph-v3-wrapper .swph-v3-tabs-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  justify-content: center; /* Reverted to center the buttons */
  margin-top: inherit;
}

/* Style for individual tab buttons */
.swph-v3-wrapper .swph-v3-tab-button {
  background-color: #f0f0f0;
  padding: 15px 20px;
  border-radius: 6px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
}

.swph-v3-wrapper .swph-v3-tab-button:hover {
  background-color: #e6e6e6;
  border-color: #ccc;
}

/* Style for the active/selected tab button */
.swph-v3-wrapper .swph-v3-tab-button.swph-v3-active-tab {
  background-color: #0073b7;
  color: white;
  border-color: #0073b7;
  box-shadow: 0 4px 8px rgba(0, 115, 183, 0.2);
  transform: translateY(-2px);
}

/* Style for h2 within tab buttons */
.swph-v3-wrapper .swph-v3-tab-button h2 {
  color: #0073b7;
  margin: 0;
  font-size: 1.2em;
  font-weight: 600;
  border-bottom: none;
  padding-bottom: 0;
}

/* Active tab h2 color */
.swph-v3-wrapper .swph-v3-tab-button.swph-v3-active-tab h2 {
  color: white;
}

/* Container for the tab content areas */
.swph-v3-wrapper .swph-v3-tab-content-container {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
  min-height: 200px;
  padding: 25px;
}

/* Hide all tab content by default */
.swph-v3-wrapper .swph-v3-tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Show active tab content */
.swph-v3-wrapper .swph-v3-tab-content.swph-v3-active-content {
  display: block;
  opacity: 1;
}

/* General policy item styling */
.swph-v3-wrapper .swph-v3-policy-item {
  display: flex; /* Make it a flex container */
  justify-content: space-between; /* Push content to left, links to right */
  align-items: flex-start; /* Align items to the top (title/desc vs links) */
  border-bottom: 1px dashed #f0f0f0;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
.swph-v3-wrapper .swph-v3-policy-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* New container for title and description */
.swph-v3-wrapper .swph-v3-policy-text-content {
  flex-grow: 1; /* Allow text content to take up available space */
  margin-right: 20px; /* Space between text and links */
}

.swph-v3-wrapper .swph-v3-policy-item h3 {
  margin-top: 0;
  color: #2c3e50;
  font-size: 1.15em;
  margin-bottom: 8px;
  font-weight: 600;
}

/* Style for the new description blurb */
.swph-v3-wrapper .swph-v3-description {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 12px;
  line-height: 1.5;
}

/* Container for the policy/training links */
.swph-v3-wrapper .swph-v3-policy-links {
  display: flex;
  flex-direction: column; /* Stack links vertically */
  align-items: flex-end; /* Align links to the right within their container */
  flex-shrink: 0; /* Prevent this section from shrinking too much */
  min-width: 150px; /* Ensure links have enough space, adjust as needed */
}

.swph-v3-wrapper .swph-v3-policy-item p {
  margin-bottom: 8px; /* Maintain spacing between individual links */
  font-size: 0.95em;
  color: #454545;
}

.swph-v3-wrapper .swph-v3-policy-item p:last-of-type {
  margin-bottom: 0;
}

.swph-v3-wrapper
  .swph-v3-main-container
  a:not(.swph-v3-policy-link):not(.swph-v3-training-link) {
  color: #0056a0;
  text-decoration: none;
  font-weight: 600;
}
.swph-v3-wrapper
  .swph-v3-main-container
  a:not(.swph-v3-policy-link):not(.swph-v3-training-link):hover,
.swph-v3-wrapper
  .swph-v3-main-container
  a:not(.swph-v3-policy-link):not(.swph-v3-training-link):focus {
  text-decoration: underline;
  color: #003d73;
}

.swph-v3-wrapper .swph-v3-policy-link,
.swph-v3-wrapper .swph-v3-training-link {
  display: inline-block;
  padding: 9px 16px;
  margin-top: 8px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 500;
  transition: background-color 0.2s ease-in-out, transform 0.1s ease;
  font-size: larger;
}
.swph-v3-wrapper .swph-v3-policy-link {
  background-color: #006ba6;
  color: white;
}
.swph-v3-wrapper .swph-v3-policy-link:hover,
.swph-v3-wrapper .swph-v3-policy-link:focus {
  background-color: #007bff;
  color: white;
  text-decoration: none;
  transform: translateY(-1px);
}

.swph-v3-wrapper .swph-v3-training-link {
  background-color: #28a745;
  color: white;
  margin-left: 10px;
}
.swph-v3-wrapper .swph-v3-training-link:hover,
.swph-v3-wrapper .swph-v3-training-link:focus {
  background-color: #1e7e34;
  color: white;
  text-decoration: none;
  transform: translateY(-1px);
}

.swph-v3-wrapper .swph-v3-icon-prefix {
  margin-right: 8px;
  font-size: 1.1em;
  color: #0073b7;
}

@media (max-width: 768px) {
  .swph-v3-wrapper .swph-v3-tabs-container {
    flex-direction: column;
    align-items: stretch;
  }
  .swph-v3-wrapper .swph-v3-tab-button {
    margin-bottom: 10px;
  }
  .swph-v3-wrapper .swph-v3-tab-button:last-child {
    margin-bottom: 0;
  }
  .swph-v3-wrapper .swph-v3-main-container {
    padding: 15px;
  }
  .swph-v3-wrapper .swph-v3-tab-button {
    padding: 10px 15px;
  }

  /* On small screens, stack policy item content and links vertically */
  .swph-v3-wrapper .swph-v3-policy-item {
    flex-direction: column;
    align-items: flex-start; /* Align text content to left */
  }
  .swph-v3-wrapper .swph-v3-policy-text-content {
    margin-right: 0; /* Remove right margin when stacked */
    margin-bottom: 10px; /* Add space below text content */
  }
  .swph-v3-wrapper .swph-v3-policy-links {
    align-items: flex-start; /* Align links to the left when stacked */
    min-width: unset; /* Remove min-width on small screens */
  }
}

/* END OF Support worker hub v3 */


/* New Program View */

#page-totara-program-view .tui-totara_program-courseSet,
#page-totara-program-required .tui-totara_program-courseSet {
  li {
    min-width: 100%;
    max-width: fit-content;
  }

  tui-card {
    display: block;
  }

  .tui-grid-item {
    padding-bottom: 20px;
  }
  .tui-grid--horizontal-gap > .tui-grid-item {
    box-sizing: border-box;
    border-left-color: transparent;
    border-left-style: none;
  }

  ol {
    flex-direction: column;
  }

  .tui-core_course-courseCard__image {
    display: none;
  }

  .tui-core_course-courseCard__content {
    flex-direction: row;
    padding: 0;
  }

  .tui-totara_program-courseSet__courseCardLaunch {
    align-self: flex-start;
  }
  .tui-core_course-courseCard__title {
    width: 50%;
    padding: 2px 20px;
  }
  .tui-totara_program-courseSet__courseCardProgress {
    width: 35%;
  }
  .tui-totara_program-courseSet__courseCardLaunch {
    border-radius: 5px;
    background-color: rgb(0, 107, 166);
    color: rgb(255, 255, 255);
    border: 0.8px solid rgb(0, 107, 166);
    padding: 10px;
    margin-left: 2%;
  }
}

/* End of program view */





/* START Health & safety page */

/* START welcome h&s */

.hsr-resources-v1-wrapper {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  max-width: 100%;
  margin: 20px auto;
  padding: 25px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: none;
  color: #333;
  line-height: 1.65;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-main-container {
  color: #006ba6;
  text-align: center;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-header {
  color: #006ba6;
  text-align: center;
  margin-bottom: 35px;
  font-size: 2em;
  font-weight: 600;
  border-bottom: 3px solid #006ba6;
  padding-bottom: 15px;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-section {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e7e7e7;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-section:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-section-reverse {
  flex-direction: row-reverse; /* Image on left, text on right */
}

.hsr-resources-v1-wrapper .hsr-resources-v1-text-content {
  flex: 1;
  text-align: left;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-section h3 {
  color: #006ba6;
  font-size: 1.6em;
  margin-top: 0;
  margin-bottom: 10px;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-maori-translation {
  font-size: 0.95em;
  color: #555;
  font-style: italic;
  margin-bottom: 15px;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-description {
  font-size: 1em;
  color: #444;
  line-height: 1.7;
  margin-bottom: 15px;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-image-container {
  flex-shrink: 0;
  width: 300px; /* Fixed width for images */
  height: 200px; /* Fixed height for images */
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.hsr-resources-v1-wrapper .hsr-resources-v1-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures images cover the area without distortion */
  display: block;
}

.hsr-resources-v1-wrapper .acc-aep-image-container {
  flex-shrink: 0;
  width: 300px; /* Fixed width for images */
  height: 200px; /* Fixed height for images */
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.hsr-resources-v1-wrapper .acc-aep-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures images cover the area without distortion */
  display: block;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-cta {
  text-align: center;
  margin-top: 40px;
  font-size: 1.1em;
  color: #444;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-cta a {
  color: #0056a0;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

.hsr-resources-v1-wrapper .hsr-resources-v1-cta a:hover {
  color: #003d73;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .hsr-resources-v1-wrapper .hsr-resources-v1-section {
    flex-direction: column; /* Stack content vertically on small screens */
    align-items: flex-start;
  }
  .hsr-resources-v1-wrapper .hsr-resources-v1-section-reverse {
    flex-direction: column; /* Ensure stacking even if originally reversed */
  }
  .hsr-resources-v1-wrapper .hsr-resources-v1-image-container {
    width: 100%; /* Full width image on small screens */
    height: 200px; /* Maintain height, or adjust as needed */
    margin-bottom: 20px; /* Space between image and text when stacked */
  }
  .hsr-resources-v1-wrapper .hsr-resources-v1-text-content {
    margin-right: 0;
  }
  .hsr-resources-v1-wrapper .hsr-resources-v1-header {
    font-size: 1.6em; /* Adjust header size for mobile */
    margin-bottom: 25px;
  }
}

/* END of welcome h&s */

/* How to Report an Issue block */

.hri-v1-wrapper {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  max-width: 100%;
  margin: 20px auto;
  margin-top: 0px;
  padding: 25px;
  background-color: #fdfdff;
  border-radius: 8px;
  box-shadow: none;
  color: #333;
  line-height: 1.65;

  /* Specific classes for the "How to Report an Issue" block */
  .hri-v1-main-container {
    color: #006ba6;
    text-align: center;
  }

  .hri-v1-header {
    color: #006ba6;
    text-align: center;
    margin-bottom: 35px;
    font-size: 2em;
    font-weight: 600;
    border-bottom: 3px solid #006ba6;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Removed .hri-v1-header-logo styles as the image is removed */

  /* Container for the tab buttons (headers) */
  .hri-v1-tabs-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    justify-content: center;
  }

  /* Style for individual tab buttons */
  .hri-v1-tab-button {
    background-color: #f0f0f0;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #e7e7e7;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
  }

  .hri-v1-tab-button:hover {
    background-color: #e6e6e6;
    border-color: #ccc;
  }

  /* Style for the active/selected tab button */
  .hri-v1-tab-button.hri-v1-active-tab {
    background-color: #0073b7;
    color: white;
    border-color: #0073b7;
    box-shadow: 0 4px 8px rgba(0, 115, 183, 0.2);
    transform: translateY(-2px);
  }

  /* Style for h2 within tab buttons */
  .hri-v1-tab-button h2 {
    color: #0073b7;
    margin: 0;
    font-size: 1.2em;
    font-weight: 600;
    border-bottom: none;
    padding-bottom: 0;
  }

  /* Active tab h2 color */
  .hri-v1-tab-button.hri-v1-active-tab h2 {
    color: white;
  }

  /* Container for the tab content areas */
  .hri-v1-tab-content-container {
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    min-height: 200px;
    padding: 25px;
  }

  /* Hide all tab content by default */
  .hri-v1-tab-content {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  /* Show active tab content */
  .hri-v1-tab-content.hri-v1-active-content {
    display: block;
    opacity: 1;
  }

  /* General policy item styling for content within tabs */
  .hri-v1-policy-item {
    border-bottom: 1px dashed #f0f0f0;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
  .hri-v1-policy-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /* Container for title and description - now takes full width */
  .hri-v1-policy-text-content {
    width: 100%; /* Ensure it takes full width */
  }

  .hri-v1-policy-item h3 {
    margin-top: 0;
    color: #2c3e50;
    font-size: 1.15em;
    margin-bottom: 8px;
    font-weight: 600;
  }

  /* Style for the description blurb */
  .hri-v1-description {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 12px;
    line-height: 1.5;
  }

  /* Removed all .hri-v1-policy-links, .hri-v1-policy-link, and .hri-v1-training-link styles */
  /* Re-added general 'a' tag styling if needed */
  .hri-v1-main-container a {
    /* General link styling within the container */
    color: #0056a0;
    text-decoration: none;
    font-weight: 600;
  }
  .hri-v1-main-container a:hover,
  .hri-v1-main-container a:focus {
    text-decoration: underline;
    color: #003d73;
  }

  .hri-v1-icon-prefix {
    margin-right: 8px;
    font-size: 1.1em;
    color: #0073b7;
  }

  @media (max-width: 768px) {
    .hri-v1-tabs-container {
      flex-direction: column;
      align-items: stretch;
    }
    .hri-v1-tab-button {
      margin-bottom: 10px;
    }
    .hri-v1-tab-button:last-child {
      margin-bottom: 0;
    }
    .hri-v1-main-container {
      padding: 15px;
    }
    .hri-v1-tab-button {
      padding: 10px 15px;
    }

    /* On small screens, policy item content will naturally stack */
    .hri-v1-policy-item {
      flex-direction: column;
      align-items: flex-start;
    }
    .hri-v1-policy-text-content {
      margin-right: 0;
      margin-bottom: 10px;
      width: 100%; /* Ensure full width on small screens too */
    }
  }
}

/* Health and safety rep list */

.hsr-wrapper {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  max-width: 100%;
  margin: 20px auto;
  padding: 25px;
  background-color: #fdfdff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  color: #333;
  line-height: 1.65;
}

/* Specific classes for the Health & Safety Representatives List */
.hsr-wrapper .hsr-main-container {
  color: #006ba6;
  text-align: center;
}

.hsr-wrapper .hsr-header {
  color: #006ba6;
  text-align: center;
  margin-bottom: 35px;
  font-size: 2em;
  font-weight: 600;
  border-bottom: 3px solid #006ba6;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hsr-wrapper .hsr-header-logo {
  height: 40px;
  margin-right: 15px;
}

/* Container for the tab buttons (categories) */
.hsr-wrapper .hsr-tabs-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  justify-content: center;
}

/* Style for individual tab buttons */
.hsr-wrapper .hsr-tab-button {
  background-color: #f0f0f0;
  padding: 10px 15px;
  border-radius: 6px;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
}

.hsr-wrapper .hsr-tab-button:hover {
  background-color: #e6e6e6;
  border-color: #ccc;
}

/* Style for the active/selected tab button */
.hsr-wrapper .hsr-tab-button.hsr-active-tab {
  background-color: #0073b7;
  color: white;
  border-color: #0073b7;
  box-shadow: 0 4px 8px rgba(0, 115, 183, 0.2);
  transform: translateY(-2px);
}

/* Style for h2 within tab buttons */
.hsr-wrapper .hsr-tab-button h2 {
  color: #0073b7;
  margin: 0;
  font-size: 1.1em;
  font-weight: 600;
  border-bottom: none;
  padding-bottom: 0;
}

/* Active tab h2 color */
.hsr-wrapper .hsr-tab-button.hsr-active-tab h2 {
  color: white;
}

/* Container for the tab content areas */
.hsr-wrapper .hsr-tab-content-container {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
  min-height: 200px;
  padding: 25px;
}

/* Hide all tab content by default */
.hsr-wrapper .hsr-tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* Show active tab content */
.hsr-wrapper .hsr-tab-content.hsr-active-content {
  display: block;
  opacity: 1;
}

/* Styling for sub-category sections (like Mental Health, Other in Explore) */
.hsr-wrapper .hsr-sub-category {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.hsr-wrapper .hsr-sub-category:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.hsr-wrapper .hsr-sub-category h4 {
  color: #006ba6;
  font-size: 1.3em;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #dcdcdc;
}

/* General policy item styling (for each contact entry) */
.hsr-wrapper .hsr-rep-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px dashed #f0f0f0;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
.hsr-wrapper .hsr-rep-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Text content for each contact (Name, Job Type, Location) */
.hsr-wrapper .hsr-rep-details {
  flex-grow: 1;
  margin-right: 20px;
  text-align: left;
}

.hsr-wrapper .hsr-rep-item h3 {
  margin-top: 0;
  color: #2c3e50;
  font-size: 1.15em;
  margin-bottom: 4px;
  font-weight: 600;
}

.hsr-wrapper .hsr-rep-description {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 4px;
  line-height: 1.3;
}

/* Styling for the mobile number part */
.hsr-wrapper .hsr-contact-info {
  flex-shrink: 0;
  text-align: right;
  white-space: nowrap;
  font-size: 0.95em;
  color: #0073b7;
  font-weight: 500;
}
.hsr-wrapper .hsr-contact-info a {
  color: #0073b7;
  text-decoration: none;
}
.hsr-wrapper .hsr-contact-info a:hover {
  text-decoration: underline;
}

/* No specific link styles needed for this block, but retaining structure */
.hsr-wrapper .hsr-link,
.hsr-wrapper .hsr-training-link,
.hsr-wrapper .hsr-icon-prefix {
  /* These are part of the original design language but not needed for this data presentation, keep them empty */
}

.hsr-wrapper .hsr-main-container a {
  /* General link styling within the container */
  color: #0056a0;
  text-decoration: none;
  font-weight: 600;
}
.hsr-wrapper .hsr-main-container a:hover,
.hsr-wrapper .hsr-main-container a:focus {
  text-decoration: underline;
  color: #003d73;
}

@media (max-width: 768px) {
  .hsr-wrapper .hsr-tabs-container {
    flex-direction: column;
    align-items: stretch;
  }
  .hsr-wrapper .hsr-tab-button {
    margin-bottom: 10px;
  }
  .hsr-wrapper .hsr-tab-button:last-child {
    margin-bottom: 0;
  }
  .hsr-wrapper .hsr-main-container {
    padding: 15px;
  }
  .hsr-wrapper .hsr-tab-button {
    padding: 10px 15px;
  }

  /* Stack content vertically on small screens */
  .hsr-wrapper .hsr-rep-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .hsr-wrapper .hsr-rep-details {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
  .hsr-wrapper .hsr-contact-info {
    text-align: left;
    margin-bottom: 10px;
  }
}



/* Health and Safety Useful Resources block */

#hsusefulresources .block-totara-featured-links-content {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 1em;
}

#hshnzhgpolicies .block-totara-featured-links-content {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 1em;
}


#inst12706 > div.content.block-content {
  padding: 0px;
}

#inst12738 > div.content.block-content {
  padding: 0px;
}



/* END of Health and safety hub */