: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-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #0071ba;--nav-text-color: #ffffff;--color-primary: #0071ba;--btn-prim-accent-color: #0071ba;--btn-accent-color: #0071ba;--link-color: #0071ba;--color-state: #0071ba;--color-text: #4c565c;--footer-bg-color: #ffffff;--footer-text-color: #4c565c;--btn-prim-accent-color-focus: #0067b0;--btn-prim-accent-color-active: #00569f;--btn-accent-color-focus: #0067b0;--btn-accent-color-active: #00569f;--link-color-hover: #0067b0;--color-state-hover: #0067b0;--color-state-focus: #0067b0;--color-state-active: #00569f;--footer-text-color-hover: #424c52;}
/* ///// ROOT VARIABLES ///// */
:root {
  --btn-radius: 0px;
}

/* IL - smaller chart block when no data */
.rb-chartjs__chart_il-sml {
  margin: 0 1rem;  
  width: 100%;
  position: relative;
  min-height: 0 !important;
  height: 0 !important;
}
.rb-chartjs__chart_il-sml canvas.rb-chartjs__chart__canvas {
  height: 0 !important;
}

.totaraNav_prim .masthead_logo--header_img {
  height: 60px;
}

/* ///// COMPLIANCE HUB DASHBOARD ///// */
#page-totara-dashboard-39 .block_totara_report_graph,
#page-totara-dashboard-39 .block_il_team_certification_overview {margin-bottom: 0; border-bottom: none;}
#page-totara-dashboard-39 .block_totara_report_graph .footer,
#page-totara-dashboard-39 .block_il_team_certification_overview .footer {display:none;}
.block_html.compliancehub_html {margin-bottom:20px; border-top: none;}


/* ///// EMEA DISTRIBUTOR COMPLIANCE HUB DASHBOARD ///// */
#page-totara-dashboard-100 .block_totara_report_graph,
#page-totara-dashboard-100 .block_il_team_certification_overview {margin-bottom: 0; border-bottom: none;}
#page-totara-dashboard-100 .block_totara_report_graph .footer,
#page-totara-dashboard-100 .block_il_team_certification_overview .footer {display:none;}
.block_html.compliancehub_html {margin-bottom:20px; border-top: none;}

/* ///// APAC DISTRIBUTOR COMPLIANCE HUB DASHBOARD ///// */
#page-totara-dashboard-103 .block_totara_report_graph,
#page-totara-dashboard-103 .block_il_team_certification_overview {margin-bottom: 0; border-bottom: none;}
#page-totara-dashboard-103 .block_totara_report_graph .footer,
#page-totara-dashboard-103 .block_il_team_certification_overview .footer {display:none;}
.block_html.compliancehub_html {margin-bottom:20px; border-top: none;}

/* ///// LATAM DISTRIBUTOR COMPLIANCE HUB DASHBOARD ///// */
#page-totara-dashboard-102 .block_totara_report_graph,
#page-totara-dashboard-102 .block_il_team_certification_overview {margin-bottom: 0; border-bottom: none;}
#page-totara-dashboard-102 .block_totara_report_graph .footer,
#page-totara-dashboard-102 .block_il_team_certification_overview .footer {display:none;}
.block_html.compliancehub_html {margin-bottom:20px; border-top: none;}


/* ///// MY LEARNING DASHBOARD ///// */

body.path-totara-dashboard {
  background-color: #eeeeee;
}

body.path-totara-dashboard .breadcrumb-container .breadcrumb-nav {
  display: none;
}

body.path-totara-dashboard .ln_myprofilecontainer {
  background-color: white;
}

@media screen and (min-width: 992px) and (max-width: 1365px) {
  body.path-totara-dashboard .block.block_ln_myprofile {
    margin-bottom: 100px;
  }
}

@media screen and (min-width: 992px) {
  body.path-totara-dashboard .block.block_ln_myprofile .content.block-content {
    width: 100%;
    height: 0;
    padding-bottom: calc((50% - 15px) * 0.5268);
  }

  body.path-totara-dashboard .ln_myprofilecontainer {
    padding-top: 2.5%
  }
}

/* ////////////////// HOMEPAGE STYLING /////////////////////////// */


/* ///// CONTAINER STYLING ///// */

.homepage-container-main {
  /* gets rid of scroll bars on the homepage elements */
  overflow: hidden;
}


/* ///// WELCOME TEXT ///// */

.homepage-welcome-image {
  /* homepage text styling */
  font-size: 55px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--link-color);
  font-weight: 100;
  margin-bottom: 40px;
  text-align: left;
}


/* ///// HOMEPAGE LINKS ///// */

.homepage-links {
  /* homepage link styling */
  width: 100%;
  position: relative;
  height: 180px;
  margin-bottom: 0px;
  padding: 25px;
  cursor: pointer;
}

.homepage-links.video {
  /* video link styling */
  background-image: url('/pluginfile.php/1480/mod_folder/content/0/Capture12.jpg');
  color: white;
  height: 200px;
  margin-bottom: 50px;
  background-position: bottom center;
  background-size: cover;
  text-align: left;
  white-space: initial;
}

.homepage-links.video .homepage-links-title {
  /* makes the video link text white */
  color: white;
}

.homepage-links-content {
  /* link text 60% width */
  width: 60%;
  display: inline-block;
  height: 120px;
}

.homepage-links-title {
  /* link title styling */
  font-size: 36px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--link-color);
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 120%;
}

.homepage-links-desc {
  font-size: 16px;
}

.homepage-links:after {
  /* adds the bottom blue border on the link boxes */
  content: "";
  width: 99%;
  display: block;
  border-bottom: 5px solid var(--link-color);
  margin: 15px 0px;
  position: relative;
}

.homepage-links.video:after {
  /* hides the bottom border for the video element */
  content: "";
  display: none;
}

.homepage-links-logo {
  /* aligning the icons on the homepage elements */
  display: inline-block;
  vertical-align: middle;
  float: right;
  width: 35%;
  position: relative;
  height: 100%;
}

.homepage-links-logo img {
  /* aligning the icons on the homepage elements */
  display: inline-block;
  margin-right: 40px;
  height: 90px;
  position: relative;
  float: right;
  max-height: 150px;
}


/* ///// MODAL POPUP ///// */

.modal-content {
  /* push the modal down the page and remove white outline */
  border: 0px;
  margin-top: 25%;
}

.modal-body {
  /* remove white outline */
  padding: 0px;
}

#myModal.modal {
  /* pushes the modal right to accomodate the docked blocks on mobile
  left: 40px; */
}


/* ///// MAKING IT RESPONSIVE TO BLOCK ///// */

.homepage-links-container {
  /* links 100% if there are blocks */
  width: 100%;
}

.homepage-welcome {
  /* welcome text to 100% if there are blocks */
  width: 100%;
  display: inline-block;
}

.empty-region-side-post.empty-region-side-pre .homepage-links-container {
  /* links 70% if there are no blocks */
  float: right;
  width: 70%;
  display: inline-block;
  position: relative;
}

.empty-region-side-post.empty-region-side-pre .homepage-welcome {
  /* wlecome text 20% if there are no blocks */
  width: 20%;
  display: inline-block;
  margin-left: 20px;
}


/* ////////////////// COURSE CATALOGUE STYLING /////////////////// */

.courses .info .coursename {
  font-size: 24px;
  font-weight: 700;
}

.subcategories .category .info {
  /* removes the old styling from the category elements */
  background-color: white;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  border: 0px solid transparent;
  border-bottom: 1px solid var(--link-color);
  padding: 10px 0px;
  color: var(--link-color);
  border-radius: 0px;
}

.subcategories .category .info h3 {
  /* top level font sizing */
  font-weight: 500;
  font-size: 24px;
}

.subcategories .category .info h4 {
  /* second level font sizing */
  font-weight: 500;
  font-size: 20px;
}

.subcategories .courses .info .coursename {
  /* coursename font sizing */
  font-size: 16px;
  font-weight: 500;
  padding-left: 20px;
}

.category .courses .panel-default:before {
  /* removes the symbol before the category item */
  display: none;
}

.coursebox .name a,
.coursebox .coursename a {
  /* sets coursename to 20px */
  font-size: 20px;
}

.courses .panel-default .coursename a {
  /* removes the symbol before the course item */
  background-image: url('') !important;
}

#region-main .content .courses .panel {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-width: 0px;
  padding: 0px;
  border-bottom: 1px solid var(--link-color);
}

.category .courses .panel .summary {
  /* coursename styling */
  margin-left: 20px;
}

.courses .info {
  background-color: white;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  border: 0px solid transparent;
  padding: 20px 0px;
}

.courses .info .coursename a {
  /* coursename styling */
  text-indent: 0px;
}

select[name^=“categoryid”] {
  /* puts a margin between text and the dropdown box */
  Margin-left: 20px;
}

.coursebox .name a,
.coursebox .coursename a {
  /* sets the font size of the course name */
  font-size: 20px;
}

#coursesearch2 {
  /* adds spacing to the search box */
  margin-top: 60px;
}

#coursesearchbox {
  /* adds spacing to the search box */
  margin-left: 20px;
}

.coursesearchbox label {
  /* apply spacing to the search box description */
  margin-right: 20px;
  font-weight: 400;
}

.categorypicker label {
  /* text styling */
  color: var(--link-color);
  font-weight: 500;
  text-transform: capitalize;
}

.summary .label-info {
  /* summary dropdown styling */
  background-color: white;
  color: var(--link-color) !important;
  padding-left: 0px !important;
}

.summary .label-info span {
  /* summary dropdown styling */
  background-color: white;
  color: var(--link-color);
  font-weight: 400;
  font-size: 32px;
  text-transform: uppercase;
}


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

#page-course-view-topics #completionprogressid {
  /* hides the "your completion" element */
  display: none;
}


/* ///// ENROLMENT PAGE ///// */

#page-enrol-index .panel-default>.panel-heading .coursename a {
  /* styling the link to the course */
  color: var(--link-color);
  background-color: white;
  border-width: 0px;
  border-color: var(--link-color);
  background-color: white;
  box-shadow: 0px 0px transparent;
  background-image: url() !important;
  text-indent: 0px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.continuebutton,
.continuebutton input {
  /* aligning the continue button
  float: left;
  margin-left: 0px;  */
}

#page-enrol-index #notice {
  /* spacing for the not enrolled notice */
  width: 100%;
  margin-bottom: 20px;
}

#page-enrol-index .panel-default>.panel-heading,
#page-enrol-index .panel-default {
  /* styling the course info section */
  color: var(--link-color);
  background-color: white;
  box-shadow: 0px 0px transparent;
  border-color: var(--link-color);
}

#page-enrol-index .panel-default>.panel-heading {
  /* removing the border */
  border-width: 0px;
}


/* ///// COURSE STAR RATING ///// */

.block_course_rating .rating-star,
.block_course_rating .rate-star {
  /* sets the default colour of the star to light blue */
  padding-right: 10px;
  text-shadow: none;
  color: #9acdf7;
}

.block_course_rating .rating-star.off,
.block_course_rating .rate-star.off {
  /* sets the default colour of the star to light blue */
  color: #9acdf7;
}

.block_course_rating .rating-star.on,
.block_course_rating .rate-star.on {
  /* sets the default colour of the stars actual rating value to rapiscan blue */
  color: var(--link-color);
}

.block_course_rating .rate-star.over {
  color: var(--link-color);
}


/* ///// TOPICS STYLES ///// */

#section-0 .tw-formatTopics__topic_header {
    padding: var(--gap-2) var(--gap-1);
    padding-left: 20px;
}

#section-0 {
  /* aligns the first section element */
  border-bottom: 0px;
  margin-top: 0;
}

.sectionname span {
  /* text styling for the topic titles
  font-size: 30px;
  text-transform: uppercase;
  color: var(--link-color);
  font-weight: 600; */
}

.section h3.sectionname {
  /* text styling for the topic titles */
  font-size: 30px;
  text-transform: uppercase;
  color: var(--link-color);
  font-weight: 600;
}

#section-0 .sectionname {
  /* left align first topic title */
  margin: 0px;
}

#section-0 .tw-formatTopics__collapse_link {
  /* removes the initial expand/collapse arrow */
  display: none;
}

#section-0 .modtype_forum {
  /* removes the initial form activity on the coursepage */
  display: none;
}

.course-content ul li.section.main {
  /* adds the blue border to the bottom of each section */
  border-bottom: 3px solid var(--link-color);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.section li.activity {
  /* spacing and styling the activities */
  margin-bottom: 20px;
  padding-left: 0px;
  margin-top: 0px;
  font-weight: 600;
}

.section li.activity .instancename {
  font-weight: 700;
}

.activityicon {
  /* hides the icons next to the activity ames */
  display: none;
}

.section .activity .actions {
  /* making the completion indicator circles bigger and blue */
  color: var(--link-color);
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {

  /* ///// HOMEPAGE ///// */

  .homepage-links-logo {
    /* hides the icon on moblie */
    display: none;
  }

  .homepage-links-content {
    /* makes the link text take up 10% of the container */
    width: 100%;
    height: auto !important;
  }

  .homepage-welcome-image {
    /* reduces the size of the welcome page text */
    font-size: 50px;
  }

  .homepage-links {
    /* makes the link blocks fit the content */
    height: auto !important;
    margin-bottom: 0px;
  }

    .homepage-links.video {
      /* reduces the bottom margin on the video block */
      margin-bottom: 30px;
      margin-top: 29px;
    }

    .homepage-links:after {
      /* adds a margin after the bottom border */
      margin: 50px 0 0 0;
    }
}