: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: #0053A6;--nav-text-color: #f7f7f7;--color-primary: #0053A6;--color-state: #0053A6;--color-text: #000000;--footer-bg-color: #f7f7f7;--footer-text-color: #000000;--color-state-hover: #00499c;--color-state-focus: #00499c;--color-state-active: #00388b;--footer-text-color-hover: #000000;}
/* GENERAL */

/* position the LOGIN BUTTON */
#page-login-index .login-identityproviders {
   margin-top:30px!important;
   justify-content: center;
}
/* LOGIN PAGE increase size of login button and centre content */
.login-identityprovider-btn {
  min-width: 300px;
  min-height:55px;
  justify-content: center;
}
/* reduce size of LOGIN TEXT */
.login-heading {
  font-size: 18px;
  color:#0053a6;
}
/* Add padding to CHANGE GLOBAL RESTRICTION message */
#page-totara-reportbuilder-report .restrictions_dialog {
  padding-left:50px;
}
/* hide email address box from FORGOTTEN PASSWORD page */
#page-login-forgot_password #id_searchbyemail {
  display:none;
}
/* Adds a yellow background to FILTERS on PERFORMANCE ACTIVITES page */
#page-mod-perform-activity-index .tui-popover__wrap.tui-filterBarAreaPopover {
  background-color: #FFC400;
  padding: 5px;
}

/* GENERAL PULLED THROUGH FROM T16 */

.alert {
/* alter size of alert */
  width:100%
}
#kd_rcorners {
/* add a round corner to element */
  border-radius: 5px!important;
}
.kdsubhead::first-letter {
/* make first letter of work bigger */
  initial-letter: 2;
  margin-right: 0.1rem;
  font-weight:normal;
  line-height:1.6;
}
.kdsubhead2::first-letter {
  initial-letter: 2;
  margin-right: 0.1rem;
  padding-right:10px;
  font-weight:normal;
  line-height:1.6;
}
.kdsubhead:first-letter {
/* needed for mozilla where above doesn't work */
  font-size:250%;
}
#nav-message-popover-container {
/* hide off message icon from top menu area (messaging needs to be enabled to allow comments alerts from learning plan */
  display:none!important;
}
.button_kd {
/* button effect in SMART objective Guidance Document */
  transition-duration: 0.4s;
  background-colorwhite; 
  color:#0053a6; 
  border: 2px solid lightgray;
}
.button_kd:hover {
  background-color:#f7f7f7;
  color:#0053a6; 
  border: 2px solid orange;
}
.button_kd:focus {
  background-color:orange;
  color: white;
  border: 2px solid lightgray;
}


/* PERFORMANCE ACTIVITY PAGE */

/* style ACTIVITY PROGRESS text */
.tui-performUserActivityListTableItem__details-overallProgress, .tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text {
  background-color: #f5f5f5;
  font-weight:500;
  color: #0053a6;
  font-size:14px;
  padding:5px 5px 5px 5px;
  border-radius:5px;
  margin-top: 5px;
}
/* Add content before ACTIVITY PROGRESS text */
.tui-performUserActivityListTableItem__details-overallProgress:before {
  content:"\1F6A6 Overall Progress: ";
  xfont-weight:500;
}
/* style VIEW DETAILS link */
.tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text {
  background-color: #FFC40040;
  font-size:13px;
  padding:5px 5px 5px 5px;
  border-radius:5px;
}
/* Add content before and after VIEW DETAILS text */
.tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text:before {
content:"\2794";
font-size: 14px;
}
 .tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text:after{
content:" of overall progress";
}
/* add space on top of 'view details' */
.tui-performUserActivityListTableItem__progress {
  margin-bottom: 15px;
}
/* correctly align notification element */
.tui-performUserActivityListTableItem__details-dueDate {
  margin-top:10px!important;
}


/* PERFORM ACTIVITIES */

/* Add text BEFORE ACTIVITY TITLE */
#page-mod-perform-activity-view .tui-pageHeading__title:before {
  content: "This activity: ";
  color: #5c5c5c;
  font-size: smaller;
}
/* Remove unrequired NAVBAR space from top of each page */
#page-mod-perform-activity-view .page-navbar-wrap {
  display:none;
}
/* Reduce perform activity TITLE size */
#page-mod-perform-activity-view .tui-pageHeading__title {
  font-size: large;
}
/* Style SECTION HEADER */
#page-mod-perform-activity-view .tui-participantContent__progressTrackerHeading {
  color: #5c5c5c;
  font-weight: normal;
}
/* adds BORDER to PERFORM COLUMNS */
#page-mod-perform-activity-view .jsoneditor-layout-block:has(.jsoneditor-layout-column--sidebar) {
  border: solid 0.5px #f4f4f4;
  margin-bottom:10px;
}
/* adds BORDER to PERFORM COLUMNS */
#page-mod-perform-activity-view .jsoneditor-layout-block:has(.jsoneditor-layout-column) {
  background-color: #f4f4f4;
  margin-bottom:15px;
}
/* adds PADDING between border and text block */
#page-mod-perform-activity-view .jsoneditor-layout-column {
  padding:5px 5px 0 5px;
}
/* adds BACKGROUND to first COLUMN */
#page-mod-perform-activity-view .jsoneditor-layout-column--sidebar {
  background-color: #0053a610;
  margin-right:10px;
}
/* change SECTION TITLE to MC blue */
#page-mod-perform-activity-view .tui-participantContent__sectionHeading-title {
    background-color: #f5f5f5;
    padding: 10px;
    color: #0053a6;
}
/* changes block HEADERS to MC blue */
#page-mod-perform-activity-view .jsoneditor-layout-column h5 {
  color: #0053a6;
}
/* style perform activities QUESTION TITLES */
#page-mod-perform-activity-view .tui-performElementParticipantHeader__title {
  /* color: #004eb2; CURRENTLY DISABLED */
  padding-top:5px;
  border-top: 0.5px solid #0053a620;
  width:75%;
}
/* Extend SINGLE-CHOICE column to full width
#page-mod-perform-activity-view .tui-formField {
  max-width:none;
  min-width:25px;
} CURRENTLY DISABLED AS EFFECTS SLIDER QUESTIONS */

/* Remove white backgroujnd from slider questions */
#page-mod-perform-activity-view .tui-range__input {
  background-color: #f8f9fa;
}

/* change colour of SUBMIT button to confirm with completion tick */
#page-mod-perform-activity-view .tui-formBtnGroup .tui-formBtn--prim {
background-color: #3e6311;
}
/* change colour of CURRENT SECTION */
#page-mod-perform-activity-view .tui-progressTrackerNavCircleWorkflow__middle {
  --progresstracker-color-ready: #ffc400!important;
}
/* adds HOVER EFFECT to embedded links */
#page-mod-perform-activity-view .jsoneditor-layout-column--sidebar p {
  text-indent: 5px each-line;
}
#page-mod-perform-activity-view .jsoneditor-layout-column--sidebar p>a:hover {
  border-color:#0053A6;
  background-color:#FFC400;
  transition: all ease .5s;
  text-decoration:none;
}
/* RESPONSE REQUIRED label to red colour */
#page-mod-perform-activity-view .tui-participantContent__section-requiredContainer {
  color: var(--color-prompt-alert);
}
/* Style SELECTED SECTION LABEL */
#page-mod-perform-activity-view .tui-progressTrackerButton--selected {
  color: #FFC400;
  background-color: #0053A6;
}
/* Add slight space to right side of SECTION LABEL */
#page-mod-perform-activity-view .tui-progressTrackerNav__itemContent--size-medium {
  margin-right:2px;
}
/* Colour of YOUR RESPONSE labels to MC Blue */
#page-mod-perform-activity-view .tui-performElementParticipantFormContent__response {
  color:#0053A6;
}
/* Keep selection colour for Your Response as default black */
#page-mod-perform-activity-view .tui-radio__label {
  color: black;
}
/* Reduce WIDTH of left 'Your Response' block */
#page-mod-perform-activity-view .tui-form--horizontal .tui-formRow:not(.tui-formRow--vertical)>.tui-formRow__desc {
    flex-basis: 15rem;
}
/* Lighten colour of GOAL REDISPLAY background */
#page-mod-perform-activity-view .tui-performGoalCreationResponseDisplay__item {
  background-color: #e9ecef;
}

/* Style USER Details box on top left of each page */
#page-mod-perform-activity-view .tui-participantGeneralInformation__userDetails {
  background-color: #0053a6;
  color: white;
}
#page-mod-perform-activity-view .tui-miniProfileCard__description {
  padding-top: 3px;
}
#page-mod-perform-activity-view .tui-participantGeneralInformation__relationship, #page-mod-perform-activity-view .tui-jobAssignment__jobAssignmentDetails {
  color: #0053a6;
}
#page-mod-perform-activity-view .tui-participantGeneralInformation, #page-mod-perform-activity-view .tui-participantGeneralInformation__rhs, #page-mod-perform-activity-view .tui-participantGeneralInformation__relationship {
  border:none;
  border-radius:0;
}
#page-mod-perform-activity-view .tui-avatar--xsmall {
  border-color: white;
}
#page-mod-perform-activity-view .tui-miniProfileCard--no-padding {
  padding-top:15px;
}
/* HIGHLIGHT in YELLOW the top information bar on Performance Reviews */
#page-mod-perform-activity-view .tui-participantContent__infoBar {
  background-color: #ffc4004d;
  border-color: #d7d7d7;
}
/* INDENT text in top Information bar */
#page-mod-perform-activity-view .tui-participantContent__infoBar .tui-participantContent__sectionHeadingOtherResponsesDescription {
  margin-left:10px;
}
/* Add LEFT BORDER to TOGGLE SWITCH */
#page-mod-perform-activity-view .tui-toggleSwitch {
  border-left: 1px solid #d7d7d7;
  padding-left:20px;
}
/* Add SPACING TO RIGHT of TOGGLE SWITCH */
#page-mod-perform-activity-view .tui-participantContent__sectionHeading-otherResponseSwitch {
  padding-right:10px;
}
/* Make TOGGLE SWITCH TEXT BOLD */
#page-mod-perform-activity-view .tui-toggleSwitch__btn-text {
  font-weight:500;
  font-size: large;
  color: #0053a6;
}


/* PERFORMANCE REVIEW REPORTS */

/* ELT REPORT DASHBOARD ID=29 */

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-29 .breadcrumb-nav {
  display:none;
}
/* Move ADMIN BUTTONS to right side */
#page-totara-dashboard-29 .breadcrumb-button-wrap {
  margin-left:75%;
}
/* Reduce SPACING AT TOP of page */
#page-totara-dashboard-29 #block-region-top-wrap {
  padding-top:0;
}
/* Remove VIEW FULL REPORT links */
#page-totara-dashboard-29 .block-content .footer > a {
  display:none;
}
/* RAG colours to LEAGUE TABLE */
#inst3440 .c2 {
  color: green;
}
#inst3440 .c3 {
  color: red;
}
/* Style 1st OVERVIEW table */
#rb_block_totara_report_table_2557_r0_c0 {
  color: #0053a6;
}
#rb_block_totara_report_table_2557_r0_c2 {
  color: red;
}
/* RAG colours to 2nd OVERVIEW table CURRENTLY NOT USED
#rb_block_totara_report_table_2538_r0_c0, #rb_block_totara_report_table_2538_r0_c1 {
  color: red;
}
#rb_block_totara_report_table_2538_r1_c0, #rb_block_totara_report_table_2538_r1_c1 {
  color: #da7c2f;
}
#rb_block_totara_report_table_2538_r2_c0, #rb_block_totara_report_table_2538_r2_c1 {
  color: green;
} */
/* RAG colours to TEAM table */
#inst2532 .c2 {
  color: green;
}
#inst2532 .c3 {
  color: red;
}
/* RAG colours to LINE MANAGER table */
#inst2636 .c2 {
  color: green;
}


/* ELT BREAKOUT (EMPLOYEE DETAILS) DASHBOARD */

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-48 .breadcrumb {
  display:none;
}
/* Remove VIEW FULL REPORT links from specific tables to leave html button visible */
#inst3469 .footer > a,  #inst3472 .footer > a, #inst3480 .footer > a, #inst3481 .footer > a, #inst3482 .footer > a {
  display:none;
}
/* Style OVERVIEW table */
#rb_block_totara_report_table_3472_r0_c0 {
  color: #0053a6;
}
#rb_block_totara_report_table_3472_r0_c2 {
  color: red;
}
/* Style 'Completed' table */
#inst3482 h2, #inst3482 .c0 {
  color: green;
}
/* CURRENTLY DISABLED #inst3482 .header {
  padding-top: 20px;
  border-top: 0.5px solid green;
  width: 30%;
} */
/* Style 'In Progress' table */
#inst3481 h2, #inst3481 .c0 {
  color: #da7c2f;
}
/* CURRENTLY DISABLED #inst3481 .header {
  padding-top: 20px;
  border-top: 0.5px solid #da7c2f;
  width: 30%;
} */
/* Style 'Not Started' table */
#inst3480 h2, #inst3480 .c0 {
  color: red;
}
/* CURRENTLY DISABLED #inst3480 .header {
  padding-top: 20px;
  border-top: 0.5px solid red;
  width: 30%;
} */
/* Style 'Full Staff List' table */
#inst3488 .header {
  padding-top: 20px;
  border-top: 2px solid #0053a6;
  width: 30%;
}


/* LINE MANAGER DASHBOARD ID=15 */

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-15 .breadcrumb {
  display:none;
}
/* Remove VIEW FULL REPORT links from specific tables to leave html button visible */
#inst1650 .footer > a,  #inst1652 .footer > a,  #inst1653 .footer > a, #inst1655 .footer > a, #inst2004 .footer > a {
  display:none;
}
/* Style Not Yet Completed table */
#inst1653 h2, #inst1653 .c0 {
  color: #da7c2f;
}
/* Style 'Completed' table */
#inst1655 h2, #inst1655 .c0 {
  color: green;
}
/* Style 'Overdue' table */
#inst1652 h2, #inst1652 .c0 {
  color: red;
}
/* Style 'My Wider Team' table */
#inst2005 .c0 {
  color: #0053a6;
}


/* HR BP RETAIL DASHBOARD ID=49 */
/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-49 .breadcrumb {
  display:none;
}
/* Add BLUE BACKGROUND to DIVISION graphs */
#inst3558 {
  background-color: #ffcd0010;
}
/* Add BLUE BACKGROUND to DIVISION graphs */
#inst3559, #inst3563 {
  background-color: #0053a610;
}


/* Hide off COMPETENCY TAB from Record of Learning pages */

/* CURRENTLY DISABLED
#page-totara-plan-record-courses #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-competencies #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-objectives #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-programs #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-evidence-index #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-certifications #dp-plan-content .tabtree ul li:nth-child(2) {
  display:none;
} */


/* Change BLOCK BORDER RADIUS across site  */ 
.block {border-radius: 10px 0 0 0;}
.block:not(.chromeless) > .block-header {border-radius: 10px 0 0 0;!important}

/* Change BLOCK HEADERS to MC blue */ .block-title {color:#0053A6;}

/* Remove BREADCRUMB navigation from certain pages */
#page-totara-dashboard-1 .breadcrumb-nav, #page-totara-dashboard-3  .breadcrumb-nav {
  display:none;
}

/* remove the 'X' from MODAL header in SITE TOUR to fix right aligned text */
.modal-header .close {
  display:none;
}
/* change MODAL TITLE to blue */
.modal-header {
  color:#0053a6;
}

/* ALL COURSES */
/* space FILTER and RESET buttons on Enrolled users page */
#filterform #fgroup_id_buttons {
  padding-top:15px;
}
/* Fix spacing for ENROL USERS button */
.enrol_user_buttons {
  padding-left:15px;
}


/* WORKSPACES */
/* remove 'Find Workspaces' title as this is not in Language Files */
#page-container-type-workspace-spaces .tui-pageHeading {display:none;}

/* Fix DROP DOWN CHEVRON on reports pages */
.rb-sidebar .fcontainer .fitem .felement select {
  padding:0 30px 0 5px;
  margin-bottom:5px;
}
/* Fix grey background being used on all WEKA TEXT INPUT AREAS */
.tui-wekaToolbar--sticky {background-color:#dde1e5; border-color:#dce6d6}
.tui-weka-editor {background-color:#ffffff;}


/* SITE HEADER and MAIN MENU */

/* FONT SIZE for main menu */
.totaraNav_prim--list {
  font-weight:600;
}
/* font size for DROPDOWN menu items */
.navExpand--list_item_label {
  font-weight:400;
}
/* Add slight OPACITY for dropdown menu background */
.navExpand--list {
  opacity:0.95;
}

/* Add SHADOW under main menu */ 
.totaraNav_prim {
 /* .totaraNav_sub Add for sub-menu if needed */ 
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}
/* Make NOTIFICATION ALERT more obvious */
.count-container {
  background-color:#cc3d24;
}

/* Style SITE LOGO with yellow border */
/* .masthead_logo--header_img {
  border-radius:8px; 
  border:4px #ffcd00 solid;
  background-color: white;
} */

/* SUB-MENU text colour */
.totaraNav_sub--list_item_label {
  color:#0053A6;
}
.totaraNav_sub .container-fluid {
  margin-bottom:15px;
}


/* COURSE HEADER: modified SL block */

/* Style main CONTAINER */
.sl-course-story-container {
  margin-top:15px;
  padding-bottom:20px!important;
}
/* Remove BORDER BENEATH course header */
.sl-course-story-container {
  /* border-bottom:none!important; USE IF NEEDED */
}
/* Style MAIN TEXT BLOCK */ 
.sl-course-story__summary {
  background: var(--nav-bg-color);
  color:#fff;
  border-radius: 10px 0 0 0;
  margin-right:30px;  /* add space between info and image */
}

/* Make links white in text block */ .sl-course-story__summary a {color:#fff;}

/* Course CATEGORY LABEL to MC yellow in text block: currently hidden */ 
.sl-course-story__summary .text-muted {
  color:#FFC400!important;
  padding-bottom:10px; /* this is needed for top rounded border */
}
/* Hide off CATEGORY LABEL */
.sl-course-story__summary .text-muted { display:none;}

/* Style IMAGE in course header */
.sl-course-story__image {
  display:flex;
  max-height:300px; /* limit height if lots of course info text */
  padding: 20px!important; /* to add white boundry around image */
  background-color:white;
  margin: 30px 0 30px 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); /* adds definition to image border */
}
/* Style IMAGE BORDER RADIUS course header */
.sl-course-story__image .rounded {
  border-radius: 0!important; /* remove default */
}
/* Style PROGRESS BAR in course header */
.progressbar-wrap {
  padding-top:10px!important;
  max-width: 500px;
}
/* Add LABEL before */
.sl-course-story__summary .progressbar_container:before {
 content:"Progress: ";
 font-weight:700;
 }
/* Style LABEL before progress bar */
.progressbar_container:before {
  float:left;
  margin-right:10px;
  margin-top:-5px;
}


/* PATHWAY COURSE STYLING */

/* Style COURSE NAVIGATION DRAWER ICON */
.tui-format_pathway-activityView__activityToolbar .tui-svgIcon--size-200, .tui-format_pathway-courseToolbar .tui-svgIcon--size-200 {
  color: #4b7e2b;
  font-size:30px!important; 
  margin-right:15px;
  transition: all 0.5s ease; /* to slowly move text back to start position no-hover */
}
/* Add DESCRIPTION for course navigation drawer icon */
.tui-format_pathway-activityView__activityToolbar .tui-iconBtn__icon:after {
  content:"<-- click to toggle course navigation panel";
  font-size:14px;
  color:#4b7e2b;
  float:right;
  margin-top:4px;
}
/* HOVER EFFECT opening course navigation drawer icon/text */
.tui-format_pathway-activityView__activityToolbar .tui-iconBtn__icon:hover .tui-svgIcon--size-200 {
  color: #0053a6;
  margin-right:5px;
  transition: all 0.5s ease;
}
/* Image and COURSE TITLE CONTAINER */
.tui-format_pathway-courseInformation {
  color:#0053a6;
  background-color:#0053a62e;
}
/* ACTIVITY TITLE area */
.tui-format_pathway-activityView__activityContent h2 {
  color:#0053A6;
  padding:10px;
  margin-left:-15px;
  background-color:#f5f5f5;
}
/* add a slight background colour to COURSE NAVIGATION PANEL */
.tui-format_pathway-progressNavigation { background-color:#f5f5f5; }

/* TOPIC TITLE colour to dark grey */
.tui-collapsible__header-text {
  color:#000000aa;
}
/* Change colour of SELECTED ACTIVITY ITEM */
.tui-format_pathway-progressTrackerItem--selected {
  background-color:#FFC4004e;
  color:#0053a6;
  border-radius: 0 20px 20px 0;
}
/* style CURVE to right side of item background */
.tui-format_pathway-progressTrackerItem--link:hover, .tui-format_pathway-progressTrackerItem--link:focus {
  border-radius: 0 20px 20px 0;
}
/* give same colour when hovering on active activity */
.tui-format_pathway-progressTrackerItem--selected:hover {
  background-color:#FFC4004e;
  color:#0053a6;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
/* Embold activity title when selected */
.tui-format_pathway-progressTrackerItem--selected {
  font-weight:600;
}
/* Enlarge PREVIOUS AND NEXT ICONS on top right of screen */
.tui-svgIcon--flipRtl { font-size:30px!important; }

/* Add text to COURSE ADMIN DROPDOWN menu */
 .tui-format_pathway-courseToolbar__settings .tui-dropdown__trigger .tui-iconBtn__label:before {
  content:"Administration Menu";
  float:left;
  color:#4b7e2b;
}
/* Add text to ACTIVITY ADMIN DROPDOWN menu */
.tui-format_pathway-activityToolbar .tui-dropdown__trigger .tui-iconBtn__label:before {
  content:"Activity Options";
  float:left;
  color:#4b7e2b;
  margin-left:-150px;
}
/* Remove original DOTS */
.tui-format_pathway-courseToolbar__settings .tui-iconBtn__icon, .tui-format_pathway-activityToolbar .tui-dropdown__trigger .tui-iconBtn__icon { display:none; }


/* PERFORMANCE OVERVIEW PAGE: reorder cards */

/* Insert LABEL before team member */
#page-my-perform_overview .tui-miniProfileCard__avatar:before {
  content: "Account being viewed:    ";
  position: relative;
  Top:10px;
  font-weight:500;
  text-decoration:none;
  font-family: Lexend, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
/* Correctly position name after avatar image */
.tui-miniProfileCard__description {
  padding-top:7px;
}

/* Add colour to ALERT TITLE */
.tui-myPerformOverviewRequiredAction__header {
  color:#cc3d24;
}
/* change card list to flex */ .tui-myPerformOverview__content {
  display:flex;
  flex-direction: column;
}
 /* PERFORM ACTIVITIES */ .tui-overviewActivitiesSection {
  order:0;
  margin-top:0;
  margin-bottom:16px;
}
 /* GOALS*/ .tui-overviewGoalsSection {order:1; display:none;} /* currently HIDDEN */

 /* COMPETENCIES (currently HIDDEN) */
.tui-overviewCompetenciesSection {order:2;}
x.tui-overviewCompetenciesSection {display:none;} /* HIDE competency summary */

/* Over-ride accent colour being used as GOAL HEADERS */
h4.tui-performGoalCard__details-name div {color: #0053A6;}


/* COURSE CATALOGUE SEARCH PAGE */

#page-totara-catalog-index .tw-catalogItemNarrow__content {
  padding-bottom:0;
}

/* add light colour BORDER BENEATH CARD IMAGE to improve look when image is white */
#page-totara-catalog-index .tw-catalogItemNarrow__image {
 border-bottom: 0.5px solid #f7f7f7;
 border-radius:5px;
}
/* hide off the toggle to DISPLAY NARROW as list since this doesn't look good */
#page-totara-catalog-index .tw-catalogItemStyleToggle {
display:none;
}
/* change colour of HERO ICON top left of card */
#page-totara-catalog-index .tw-catalogItemNarrow__hero_icon {
  color:#0053A6;
  background-color:#FFC400;
}
/* alter colour and weight of CARD TITLES */
#page-totara-catalog-index .tw-catalogItemNarrow__title {
  font-weight:500;
  color:#0053A6;
  /* font-size:15px; CURRENTLY NOT USED */
  margin-bottom:0;
  height:60px; /* limit course title to 3 lines */
}
/* Style FEATURED LINK */
#page-totara-catalog-index .tw-catalogItemNarrow__title_featured {
  background-color:#4b7e2b;
  font-weight:400;
}
/* Style FILTER HEADING text */
#page-totara-catalog-index .tw-selectRegionPanel__heading h2 {
  color:#0053A6;
}
/* Style FILTER TYPE HEADINGS */
#page-totara-catalog-index .tw-selectRegionPanel__selector_header {
  color:000000aa!important;
}
/* Changed site PROGRESS BARS to green on light grey */
/* used for general progress bars */ .tui-progress__bar {background-color:#4b7e2b;}
.tui-progress {background-color:#ddd;}
/* used for course catalogue */ .progress > .bar {background-color:#4b7e2b;}



/* HOME PAGE */

/* hide TRENDING from recommendation block */
#inst2773 .block-trv-top-title {
  display:none;
}
#inst2773 .block-trv-subtitle {
  display:none;
}
/* add WHITE background to Trending cards */
#inst2773 .block-trv-card {
  background-color: #fff;
}
/* Remove USER NAME from header but only on HOME PAGE*/
#page-totara-dashboard-1 .usermenu .usertext {
  display:none;
}


/* LEARN AND DEVELOP block (SL User Profile Stats/HTML/Last course accessed) */

/* INSERT LABEL before course activity stats */
.userprofilestats-wrap:before {
  /* content:"Learner Details"; CURRENTLY DISABLED WHILE USING BLOCK HEADER */
  position: relative;
  top:-5px;
  font-weight:500;
  color:#0053A6;
  font-family: Lexend, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* BLOCK HEADER background colour to MC Yellow */
.block_synergy_userprofilestats .block-header {
  /* background-color: #FFC400!important; YELLOW IF NEEDED */
  background-color: #0053A6!important;
}
/* Block header colour to WHITE */
.block_synergy_userprofilestats .block-header h2 {
  color: #fff;
}
/* change editing icons to white when EDITING*/
.block_synergy_userprofilestats .moodle-core-dragdrop-draghandle, .block_synergy_userprofilestats  .toggle-display {
  color:white!important;
}
/* Add BORDER to block */
.block_synergy_userprofilestats {
 border-radius: 15px 0 0 0;
 /* border: #FFC400 solid 5px; YELLOW DISABLED */
 border: #0053A6 solid 5px; /* MC BLUE */
 border-bottom:none;
 border-top:none;
}
/* USERNAME display size */
.block_synergy_userprofilestats h6.mb-1 {
  font-size: 18px;
  color:#0053A6;
}
/* Reduce spacing above PROFILE LINK */
.pt-2 {
  margin-top:5px!important;
  padding-top:0!important;
}
/* space after PROFILE IMAGE */
.profileimage {
  padding-right:15px;
}

/* specifically target STAT HEADERS to disengage from username title size and colour */
.block_synergy_userprofilestats .coursestats h6 {
  font-size: 14px;
  color:#767676;
}
/* add padding to allow correct hover effect */
.block_synergy_userprofilestats .coursestats a {
  padding:1px 8px 1px 5px!important;
}
/* Add HOVER effect to stat header links */
.block_synergy_userprofilestats .coursestats a:hover {
  border-radius: 0 10px 10px 0;
  text-decoration:none!important;
  background-color:#FFC400;
  transition: all ease .3s;
}
/* remove shadow and bottom space to tidy */
.block_synergy_userprofilestats {
 box-shadow: none;
 margin-bottom:0;
 padding-bottom:5px;
}
/* reduce spacing around USER PICTURE */
#block-region-side-pre .block.block_synergy_userprofilestats .feature-user-profile .profileimage, #block-region-side-post .block.block_synergy_userprofilestats .feature-user-profile .profileimage {
 margin: 0 0 5px 0 !important;
}
/* make profile PICTURE ROUND */
.block.block_synergy_userprofilestats .content .userpicture {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}
/* change colour of displayed USER EMAIL */
.profilecontent .email {
  color: #5c5c5c;
}
/* HIDE View and Edit PROFILE LINK */
.block_synergy_userprofilestats .profilecontent .mt-auto {
 display:none;
}

/* USER STATS area */
#block-region-side-pre .block.block_synergy_userprofilestats .feature-user-profile .email, #block-region-side-post .block.block_synergy_userprofilestats .feature-user-profile .fa {
 color: #0053A6 !important;
 display: none;
}
.block_synergy_userprofilestats .badges { /* Badges configured via Spark plugin page */
 margin-top: 0;
}
#block-region-side-pre .block.block_synergy_userprofilestats .userbadges, #block-region-side-post .block.block_synergy_userprofilestats .userbadges {
  display: none;
  padding-top: 5px;
  padding-bottom: 0;
  color: #0053A6;
  border-top: 0.5px solid #f7f7f7;
  /* border-bottom: 0.5px solid #f7f7f7; USE IF A THIN GREY LINE PREFERRED */
  border-bottom:0;
  margin-bottom: 5px !important;
}
/* Text size and colour of course activity components */
.block_synergy_userprofilestats .coursestats .coursestat {
  width:40px;
  height:40px;
  font-size: 1.3rem;
  font-weight:400;
}
/* HIDE USERSTATS and add CURVED LINE above learner stats */
.userstats {
  display:none; /* HIDE USER STATS */
  padding-top: 2px;
 /* border-top: 0.1px solid #FFC400; YELLOW IF NEEDED */
  border-top: 0.1px solid #0053A6;
  border-radius: 40px 0 0 0;
  color:#767676;
  /* box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.05); */
}
/* INSERT LABEL before course activity stats */
.userstats:before {
  content:"Course Activity";
  color:#767676;
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* Add spacing beneath label */
.block_synergy_userprofilestats .coursestats {
  padding-top:15px;
  padding-bottom:0;
}
/* style ACTIVITY NUMBERS */
.userstats .display-3 {
  font-size: 15px;
  font-weight: 400 !important;
 /* color: #0053A6; */
}

/* Style HTML SHORTCUTS BLOCK UNDERNEATH user details */
/* Remember the HTML block needs to have KD_profile-links added to custom css */
.KD_profile-links {
  margin-top:-10px;
  padding-bottom:5px;
  margin-bottom:10px!important;
  /* border-left: #FFC400 solid 5px; YELLOW DISABLED */
  border-left: #0053A6 solid 5px; /* MC BLUE */
  /* border-right: #FFC400 solid 5px; YELLOW DISABLED */
  border-right: #0053A6 solid 5px; /* MC BLUE */
  border-bottom: solid 5px #0053A6; /* Need for when no last course accessed */
  border-top:none; /* USE IF NO THIN GREY LINE WANTED ABOVE LINKS */
  border-radius:0;
}
/* Add CURVED LINE partition between blocks */
.KD_profile-links  .content {
  padding-top: 15px;
  padding-bottom:0;
 /* border-top: 0.1px solid #FFC400; YELLOW IF NEEDED */
  border-top: 0.1px solid #0053A6;
  border-radius: 40px 0 0 0;
  /* box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.05); */
}
/* INSERT LABEL before profile links */
.KD_profile-links .block-content:before {
  content:"Shortcut Menu";
  color:#595959;
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* Style LINKS in html block */
.kd_certlink {
  padding:5px 10px 5px 5px;
  border-radius:0 20px 20px 0;
  margin-bottom:3px;
  font-size: 14px;
}
/* adds yellow BACKGROUND ON HOVER to links */
.kd_certlink:hover {
  border-color:#0053A6;
  background-color:#FFC400;
  transition: all ease .5s;
}

/* LAST COURSE ACCESSED underdeath profile block */
.block_last_course_accessed {
  margin-top:-20px; /* Need to hide bottom border of block above */
  padding-top:5px;
  margin-bottom:10px!important;
 border-left: #0053A6 solid 5px; /* MC BLUE */
 border-right: #0053A6 solid 5px; /* MC BLUE */
 border-bottom: #0053A6 solid 5px; /* MC BLUE */
  border-top:0;
  border-radius:0;
}
/* INSERT LABEL before course name */
.block_last_course_accessed_content:before {
  content:"Last Course Accessed";
  color:#595959;
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* Add CURVED LINE partition between blocks */
.block_last_course_accessed  .content {
  padding-top: 15px;
  border-top: 0.1px solid #0053A6;
  border-radius:40px 0 0 0;
  color:#767676;
  /* box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.05); */
}
/* Style course name in last course accessed link*/
.block_last_course_accessed .course_name_large a {
  padding:5px 10px 5px 5px;
  border-radius:0 20px 20px 0;
  margin-bottom:3px;
  font-size: 15px;
  -webkit-box-decoration-break: clone; /* ensure left padding after word wrap */
  box-decoration-break: clone;
}
/* adds yellow BACKGROUND ON HOVER to last course accessed link */
.block_last_course_accessed .course_name_large a:hover {
  border-color:#0053A6;
  background-color:#FFC400;
  transition: all ease .5s;
  text-decoration:none;
}


/* MY LEARNING DASHBOARD */

/* Fix poor formatting on CERTIFICATIONS Block */

.row-fluid .span8 h3 {
 font-size: 15px;
 padding-top: 10px;
}
.row-fluid .span4 h3 {
 font-size: 15px;
 padding-top: 10px;
}

/* CURRENT LEARNING block */

/* better visual for FOOTER text */
.block_current_learning .panel-footer {
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 14px;
 color: #777f86;
}
/* reduce size and spacing of PAGE NAVIGATION in footer */
.block_current_learning .panel-footer .pagination {
 margin-top: 5px;
 margin-bottom: 0;
}
.block_current_learning .panel-body ul li {
 border-bottom: 1px solid #e9ecef;
 padding: 4px 10px;
}
/* Reduce font size for each TITLE */
.block_current_learning .panel-body ul li.block_current_learning-item .block_current_learning-row-item a h3 {
  font-size:16px;
  font-weight:400;
}
/* Reduce SPACING for each row */
.block_current_learning .panel-body ul li.block_current_learning-item {
  padding-top:5px;
  padding-bottom:10px;
  padding-left:25px;
}
/* Reduce font size for programme HEADER text */
.block_current_learning .panel-body ul li.block_current_learning-item .current_learning-bundle h4 {
  font-size:16px;
  font-weight:400;
}
.block_current_learning .panel-body ul li.block_current_learning-item .current_learning-bundle h4 span {
  font-size:15px;
  font-weight:300;
}
.block_totara_certifications .card-footer {
 border: 0;
}
.current_learning-set {
 background-color: #f0f1f2
}
/* Tidy up font and ugly background */
.current_learning-course {
 font-size: 15px;
 border-radius: 0;
 background-color: #dde1e5;
}
/* move ALERT label to right side */
.block_current_learning-row-item__status .label-danger {
  display:inline-block;
  float:right;
}
/* Reduce size of PROGRESS BAR to accommodate labels */
.block_current_learning-row-item__status .progress{
  max-width:25%;
 width:50%;
}


/* CERIFICATES BLOCK */
/* Maximum 4 certificates wide */
.cert-item {
  max-width:25%;
}
/* Add HOVER EFFECT to download icon */
.spark-card.card-hover-focus:hover .btn-primary, .spark-card.card-hover-focus:focus .btn-primary {
  background-color: #ffc400;
  border-color: #ffc400;
  color: #0053A6;
  transition: all ease .3s;
}
/* Add HOVER EFFECT to make consistent with Activity Bookmarks */
.spark-card.card-hover-focus:hover, .spark-card.card-hover-focus:focus {
  background-color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.3);
  transition: all ease .3s;
}
/* Change CERTIFICATE TITLE colour */
.cert-title .text-dark {
  color: #0053a6!important;
}

/* BADGES BLOCK*/

/* reduce SPACE at bottom */
#inst64 .block-content {
  padding-bottom:0;
}
/* make each badge image ROUND */
.block_badges .badge-image {
  border-radius:20px 20px 20px 20px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); /* adds definition to image border */
}

/*RECENTLY VIEWED BLOCK on MY LEARNING */

/* alter TITLE font */
.block-trv-title {
  font-weight:400!important;
  font-size:16px;
}
/* add WHITE background to cards */
#inst3341 .block-trv-card {
  background-color:#fff;
}
/* change PROGRESS bar to green */
.block-totara-recently-viewed .block-trv-progress .block-trv-progress-bar {
  background-color:#4b7e2b;
}
/* hide AUTHOR from each card */
#page-totara-dashboard-3 .block-trv-subtitle {
  display:none;
}

/* ACTIVITY BOOKMARKS BLOCK */

.bookmark {
  max-width:25%;
}
/* give each card a WHITE BACKGROUND */
.bookmark-inner {
  background-color: #fff;
}
/* change COLOUR OF FLEX ICON from black to grey */
.block_activitybookmarks .flex-icon {
 color:#c7c7c7!important;
}
/*change COURSE TITLE to MC blue */
.block_activitybookmarks .text-dark {
 color:#0053A6!important;
 font-size: 0.9rem;
}
/* reduce text size of ACTIVITY TYPE */
.block_activitybookmarks .activity-type {
 font-size:0.9rem;
}
/* fix spacing beneath TITLE */
.block_activitybookmarks .card-header {
 margin-bottom:10px;
}
/* alter HOVER EFFECT for consistent experience */
.block_activitybookmarks .bottomsup-insetshadow:hover, .bottomsup-insetshadow:focus {
 transform: translateY(-2px);
 box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.3);
}
/* change ICON COLOUR to yellow on HOVER*/
.block_activitybookmarks .bottomsup-insetshadow:hover > .sl-ribbon {
 background-color: #FFC400;
 transition: all ease .3s;
}
/* Need this code for the BOTTOM OF ICON */
.block_activitybookmarks .bottomsup-insetshadow:hover > .sl-ribbon:after {
 border-right: 12px solid #FFC400;
 border-left: 12px solid #FFC400;
 transition: all ease .3s;
}
/* change ICON COLOUR on HOVER for better visuals */
.block_activitybookmarks .bottomsup-insetshadow:hover > .sl-ribbon .fa {
 /* color: #0053a6bd; USE IF BETTER CONTRAST PREFERRED */
 transition: all ease .3s;
}

/* COURSE EVALUATION FORM */

/* Make rating images larger on first question */
#fgroup_id_group_multichoice_6589 {
 font-size: x-large;
}
/* Alter width of Info labels to 100% */
#fitem_id_label_6598 .felement, #fitem_id_label_6341 .felement, #fitem_id_label_6338 .felement, #fitem_id_label_6342 .felement, #fitem_id_label_6337 .felement, #fitem_id_label_6350 .felement, #fitem_id_label_6354 .felement,  #fitem_id_label_6362 .felement, #fitem_id_label_6369 .felement, #feedback_item_6372 .felement, #fitem_id_label_6593 .felement, #fitem_id_label_6597 .felement, #feedback_item_6598 .felement, #fitem_id_label_6585 .felement, #fitem_id_label_6591 .felement {
 width:100%;
}


/* COURSE FEEDBACK BLOCK */

/* STYLE BLOCK background and border */
.block_feedback {
   border: 2px solid #ffc400;
   border-radius: 20px 0 0 0;
   width:100%!important;
}
/* Add HOVER EFFECT shadow to block */
.block_feedback:hover {
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); 
   transition: all 0.5s ease-out;
}

/* code to control ANIMATION of megaphone image */
@keyframes kd_SlideIn {
    0% {
       width:0;
        /* Use to add twist animation to image but don't use width variable
       transform: scale(30%);
       opacity:0;
       -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       */
    }
    100% {
       width:100%;
       /*  Use to add twist animation to image but don't use width variable
       transform: scale(1);
       opacity:1;
       -webkit-transform: rotate(-25deg);
       -moz-transform: rotate(-25deg);
       */
    }
}

/* Add MEGAPHONE IMAGE to feedback block, limit size, and anchor with scroll and re-sizing */
.block_feedback:before {
  display: block;
  content: "";
  background-image: url(https://learnanddevelop.mariecurie.org.uk/pluginfile.php/22220/mod_resource/content/7/FFypBopKb9_32wtG-stock_image.png);
  background-size: 80%;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(5px 5px 5px #c7c7c7);
  filter: drop-shadow(5px 5px 5px #c7c7c7);
  max-width:200px;
  max-height:64px;
  width: 55%;
  height: 20%;
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  position-anchor: --kd_Anchor;
  position: fixed;
  inset-block-start: anchor(top);
  margin:-20px -20px;
  z-index:100;
  animation: 3s ease-in-out 0s 1 kd_SlideIn;
}
/* Set ANCHOR for megaphone image to stick to */
.block_feedback {
  anchor-name: --kd_Anchor;
  width: fit-content;
}
/* Alter PADDING beneath feedback link */
.block_feedback .block-content {
   padding-top:10px;
   padding-bottom:20px;
}
/* INJECT TEXT before feedback link */
.block_feedback .block-content .unlist:before {
   content: 
"Let us know how you found this course:";
  color:#0053a6;
  display:inline;
  font-size:1rem;
}
/* Alter spacing on HEADER title for better visuals */
.block_feedback .block-header {
   padding-top:20px;
   margin-left:30px;
}
/* Style BLOCK TITLE */
.block_feedback .block-title {
  color:#0053a6!important;
  padding-bottom:10px;
}
/* Style BLOCK TITLE font size */
.block_feedback .block-title h2 {
  font-size:20px;
}
/* Style FEEDBACK LINK title */
.block_feedback .block-content .unlist {
   font-size:18px;
   text-align: auto;
}
/* increase FLEX ICON SIZE */
.block_feedback .flex-icon {
   font-size:1.2em;
   line-height:1.5;
}
/* Balance position of FLEX ICON */
.block_feedback .ft-fw {
   width:1.5em;
   margin-left:5px;
   margin-right:5px;
}
/* Add CONTRAST colour behind link text */
.block_feedback .block-content .unlist li {
  background-color:#ffc400;
  color:#0053a6;
  margin-top:10px;
  border:solid 1px transparent; border-radius: 0 15px 15px 0; /* Needed for Hover to work correctly */
}
/* Remove TEXT DECORATION from link */
.block_feedback .block-content .unlist li a {
   text-decoration:none;
}
/* Add HOVER COLOUR to feedback link */
.block_feedback .block-content .unlist li:hover {
  background-color:#ffc400a1; 
  border:solid 1px #c7c7c7;
  overflow:none;
  transition: all 0.5s ease-out;
}

/* REMOVE ANNOYING ALERT MESSAGE FROM All MC Performance Review DASHBOARD */

#page-totara-dashboard-16 .alert-warning {display:none!important;}

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-16 .breadcrumb-nav {
  display:none;
}

/* Remove unrequired report graph footer including link to full report */
#page-totara-dashboard-22 .card-footer {display: none;}

/* styles links to report */
.directorate {
 margin-left:20px;
 margin-bottom:5px; 
 padding:10px 10px; 
}
.directorate:hover {
 text-decoration:none;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 transition: all .2s ease-out;
}


/* PERFORM REPORT DASHBOARDS */

#kd_block {
/* add style to block in KPI report dashboard */
background-color: #e6e4e4;
border-radius:10px;
}

#kd_block2 {
background-color: #F5B041;
border-radius:10px;
}

#kd_block3 {
position:fixed;
width:340px;
padding:5px;
background-color:#FFFAF0;
z-index: 10;
}

#kd_block4_TBborder {
border-width:.5px;
border-radius:10px;
border-color:#3d9eff white #e6e4e4 white;
border-top-style: solid;
 border-right-style: none;
 border-bottom-style: ridge;
 border-left-style: none;
background-color:#f7f7f7;
background-image: linear-gradient(#a7d1fa, #cae2fa, #e1effc, #f0f6fc,  #f0f6fc,  #f7f7f7, #f7f7f7);
}

#kd_block5 {
/* Remove margin from block */
margin-top:0px;
margin-bottom:0px;
}


/* PERFORM ACTIVITY */

#instance-2276-header {
/* add style to block on Performance Activities page */
color: #004eb2;
margin-left:0px;
align:left;
}


/* PROGRAMME JOURNEY DASHBOARD */
/* USE FOR ALL FEATURED LINKS BLOCKS */

/* Change BLOCK HEADERS to black background */
#inst265 .block-header, #inst274 .block-header, #inst275 .block-header {
  background-color: #000000aa; /* adds some transparency to header */
}
/* change BLOCK HEADER TITLE to white */
#inst265 .block-title, #inst274 .block-title, #inst275 .block-title {
  color: white;
}
/* change STEP TITLE COLOUR to yellow */
#inst265 h3, #inst274 h3, #inst275 h3 {
  color: #ffc400!important;
}

/* SPECIFIC TO FEATURED LINK BLOCK #INST265: VERTICAL */

/* Alter to VERTICAL ALIGNMENT and JUSTIFIED spacing */
#inst265 .block-totara-featured-links-layout {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: space-evenly;
}

/* INST265 SPECIFIC TILES */

/* TILE 1 */
#block-totara-featured-links-tile-44 {
  position:relative;
  top:50px;
  left:0%; /* negative value pushes to left of centre */
}
/* TILE 2 */
#block-totara-featured-links-tile-45 {
  position:relative;
  top:120px;
  left:10%; /* positive value pushes to right of centre */
}
/* TILE 3 */
#block-totara-featured-links-tile-47 {
  position:relative;
  top:190px;
  left:-5%;
}
/* TILE 4 */
#block-totara-featured-links-tile-48 {
  position:relative;
  top:200px;
  left:20%;
}

/* STYLE ALL TILES IN INST265 */
#block-totara-featured-links-tile-44, #block-totara-featured-links-tile-45, #block-totara-featured-links-tile-47, #block-totara-featured-links-tile-48 {
  border-radius: 0 0 30px 30px;
  box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.7); 
  overflow:visible;
  opacity:0.9;
}
/* Add a HOVER EFFECT TO INST265 */
#block-totara-featured-links-tile-44:hover, #block-totara-featured-links-tile-45:hover, #block-totara-featured-links-tile-47:hover, #block-totara-featured-links-tile-48:hover {
  transform: translateY(2px);
  box-shadow: 0 0 10px 0 rgba(255, 255, 0, 0.9); 
  border: solid 2px yellow;
  overflow:visible;
  opacity:1;
  transition: all 0.1s ease-out;
}
/* Add BACKGROUND IMAGE TO INST265 */
#inst265 {
  background-color: palegoldenrod;
  height:1000px; /* Need to set or else image will be clipped */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36814/mod_resource/content/5/5172ed76-0221-48fe-ac25-1a495e347646.png')!important;
  xbackground-size: cover; /* use to create responsive image */
  background-position: center;
  background-repeat: no-repeat;
}


/* SPECIFIC TO FEATURED LINK BLOCK #INST274: HORIZONTAL */

/* Alter to VERTICAL ALIGNMENT and JUSTIFY spacing */
#inst274 .block-totara-featured-links-layout {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: space-evenly;
}
/* Add BACKGROUND IMAGE */

 NO#inst274 {      /* ORIGINAL IMAGE*/
  min-height:250px; /* Mimimum height to journey block */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36811/mod_resource/content/2/f05266c2-f341-4337-8c92-6c50fbf77d45.png')!important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#inst274 {
  min-height:470px; /* Mimimum height to journey block */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36819/mod_resource/content/4/icegif-550.gif')!important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* STYLE ALL TILES IN INST274*/
#block-totara-featured-links-tile-50,  #block-totara-featured-links-tile-51,  #block-totara-featured-links-tile-52,  #block-totara-featured-links-tile-53  {
  border-radius: 0 0 60px 60px;
  box-shadow: 0 0 7px 0 rgba(100, 100, 100, 0.7);
  overflow:visible;
  opacity:0.85;
}
/* Add  HOVER EFFECT for each tile */
#block-totara-featured-links-tile-50:hover, #block-totara-featured-links-tile-51:hover, #block-totara-featured-links-tile-52:hover, #block-totara-featured-links-tile-53:hover {
  xbox-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);  /* Use with lighter background */
  box-shadow: 0 0 7px 0 rgba(200, 100, 10, 0.9);  /* Use with darker background */
  xborder: solid 2px yellow;
  overflow:visible;
  opacity:1;
  transition: all 0.3s ease-out;
}

/* TILE 1 */
#block-totara-featured-links-tile-50 {
  position:relative;
}
/* TILE 2 */
#block-totara-featured-links-tile-51 {
  position:relative;
}
/* TILE 3 */
#block-totara-featured-links-tile-52 {
  position:relative;
}
/* TILE 4 */
#block-totara-featured-links-tile-53 {
  position:relative;
}


/* SPECIFIC TO FEATURED LINK BLOCK #INST275: VERTICAL */

/* Alter to VERTICAL ALIGNMENT and JUSTIFIED spacing */
#inst275 .block-totara-featured-links-layout {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: space-evenly;
}

/* INST275 SPECIFIC TILES */

/* TILE 1 */
#block-totara-featured-links-tile-54 {
  position:relative;
  xtop:50px;
  left:-10%; /* negative value pushes to left of centre */
}
/* TILE 2 */
#block-totara-featured-links-tile-55 {
  position:relative;
  top:120px;
  left:20%; /* positive value pushes to right of centre */
}
/* TILE 3 */
#block-totara-featured-links-tile-56 {
  position:relative;
  top:190px;
  left:-5%;
}
/* TILE 4 */
#block-totara-featured-links-tile-57 {
  position:relative;
  top:200px;
  left:-10%;
}

/* STYLE ALL TILES TO INST275 */
#block-totara-featured-links-tile-54, #block-totara-featured-links-tile-55, #block-totara-featured-links-tile-56, #block-totara-featured-links-tile-57 {
  border-radius: 0 0 30px 30px;
  box-shadow: 0 0 7px 0 rgba(0, 255, 255, 0.7); 
  overflow:visible;
  opacity:0.9;
}
/* Add a HOVER EFFECT TO INST275 */
#block-totara-featured-links-tile-54:hover, #block-totara-featured-links-tile-55:hover, #block-totara-featured-links-tile-56:hover, #block-totara-featured-links-tile-57:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 10px 0 rgba(0, 83, 166, 0.9); 
  border: solid 2px yellow;
  overflow:visible;
  opacity:1;
  transition: all 0.1s ease-out;
}
/* Needed to VERTICALLY EXTEND BLOCK */
#inst275 .block-content {
  height: 1000px;
}
/* Add BACKGROUND IMAGE TO INST275 */
#inst275 {
  background-color: #f3de4e;
  xheight:1000px; /* Need to set or else image will be clipped */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36813/mod_resource/content/4/f45dc49c-57bc-4a6d-8660-ca8cbe823646.png')!important;
  background-size: cover; /* use to create responsive image */
  background-position: center;
  xbackground-repeat: no-repeat;
}