:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--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: #fff;--nav-text-color: var(--color-text);--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)}:root{--nav-bg-color: #006ba6;--nav-text-color: #ffffff;--color-primary: #287b7c;--color-state: #006ba6;--color-text: #262626;--footer-bg-color: #006ba6;--footer-text-color: #ffffff;--color-state-hover: #00619c;--color-state-focus: #00619c;--color-state-active: #00508b;--footer-text-color-hover: #f5f5f5;}
#page-mod-perform-activity-view h4 {
color: #006ba6;
border-bottom: 3px solid #287b7c;
}

#page-mod-perform-activity-view .tui-formRow__desc {
display: none;
}

#page-mod-perform-activity-view .tui-formField {
max-width: 80%;
width: 80%;

input {
min-height: 80px;
}
}

/* 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;
}
/* 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;
}

/* 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) {
  .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 */

/* 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: #fdfdff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    color: #333;
    line-height: 1.65;
}

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

.hsr-resources-v1-wrapper .hsr-resources-v1-header {
    color: #004a7c;
    text-align: center;
    margin-bottom: 35px;
    font-size: 2em;
    font-weight: 600;
    border-bottom: 3px solid #004a7c;
    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: #0073b7;
    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 .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;
    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 "How to Report an Issue" block */
    .hri-v1-main-container {
        color: #004a7c;
        text-align: center;
    }

    .hri-v1-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;
    }

    /* 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: #004a7c;
            text-align: center;
        }

        .hsr-wrapper .hsr-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;
        }

        .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: #004a7c;
            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;
            }
        }