: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: #ffffff;--nav-text-color: #000000;--color-primary: #ed2681;--btn-prim-accent-color: #ed2681;--btn-accent-color: #37b87b;--link-color: #269aca;--color-state: #269aca;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-prim-accent-color-focus: #e31c77;--btn-prim-accent-color-active: #d20b66;--btn-accent-color-focus: #2dae71;--btn-accent-color-active: #1c9d60;--link-color-hover: #1c90c0;--color-state-hover: #1c90c0;--color-state-focus: #1c90c0;--color-state-active: #0b7faf;--footer-text-color-hover: #1c1c1c;}
.navExpand--list_item_label {
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
  order: 1;
  color: black !important;
}

.totaraNav_prim .masthead_logo--header_img {
  height: 5.5em !important;
}

.block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content h3 {
  font-size: 11px;
}

.mod_facetoface__eventinfo__content__eventdetail__section > dl {
  margin-bottom: 0px;
  margin-top: 0px;
  content-visibility: hidden;
}

.tui-performUserActivityListTableItem__overview-created {
  visibility: hidden;
}

.tui-assignmentProgress__header {
  white-space: wrap;
}

.tui-core_auth-loginNav {
  background-color: #ffffff;
}

.tui-core_auth-loginNav__image {
  max-width: 60%;
  max-height: 60%;
  height: 60%;
}

:root {
  --color-neutral-1: #fff;
  --color-neutral-2: #;afafa;
  --color-neutral-3: #c6f2fc;
  --color-neutral-4: #e6e4e4;
  --color-neutral-5: #c7c7c7;
  --color-neutral-6: #767676;
  --color-neutral-7: #262626;
--nav-tab-border-inner-color-focus: #ed2681;

}

.page-footer .page-footer-main-content
{
  text-align: center;
}

.totaraNav_prim {
    padding: var(--gap-4) 0;
}

.block-totara-featured-links-layout > div .block-totara-featured-links-content {
  text-align: center;
}

.block .block-header h2, #dockeditempanel .dockeditempanel_content .block-header h2 {
    color: #269aca;
    font-weight: bold;
    text-align: center;
}

.block-totara-featured-links-layout > div .block-totara-featured-links-content {
  position: relative;
  background: black;
  color: #000 !important;
  opacity: 75%;
}

.totaraNav nav {
    line-height: 1.8;
}



.block .block-title, #dockeditempanel .dockeditempanel_content .block-title {
    box-shadow: inset 0 -1px 0 #269aca;
}

.course-content ul li.section.main {
    border-bottom: 1px solid #269aca;
}

hr {
    border-top: 1px solid #269aca;
}

.col-md-push-3 {
    margin-bottom: 25px;
    padding-bottom: 40px;
    padding-top: 15px;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
}

.loginbox.twocolumns .signuppanel {
    padding: 2%;
}

.path-login #page-content, .path-login #page-content > .row, .path-login #region-main, .path-login #region-main > [role="main"] {
    background-color: #fff;
}

.path-login #login_hero-image img {
    width: 100%;
    max-height: 100%;
    max-width: 30%;
background-color: #fff;
}

.path-login #login_hero-image {
    margin-top: 24px;
    width: 100%;
    text-align: center;
background-color: #fff;
}

.breadcrumb {
    background: white;
}

.breadcrumb-nav .breadcrumb {
    margin-top: 6px;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
}

#page-content {
    padding-top: 4px;
}

.col-md-push-3 {
    margin-bottom: 25px;
}

.activity img.activityicon {
    vertical-align: text-bottom;
    width: 1.3em;
    margin-right: 5px;
}



.totaraNav_prim .masthead_logo--header_img {
    height: 4em;
}

.totaraNav_prim {
    padding: var(--gap-3) 0;
}

.totaraNav_prim--list_item_externalLink .totaraNav_prim--list_item_link, .totaraNav_prim--list_item_hasChildren .totaraNav_prim--list_item_link {
  padding-right: var(--gap-1);
}

.totaraNav_prim--list_item_link {
  padding: var(--gap-2) var(--gap-3);
  color: var(--nav-tab-text-color);
  border: none;
}

.navExpand--listThird .navExpand--list_item_link {
  padding-left: var(--gap-6);
}

.form-autocomplete-downarrow
{
  color: black;
}





/* ==========================================================
   I’m keeping the login card styling as-is and only fixing:
   - logo inside the card (no blue backing)
   - remove "Powered by Totara"
   - make the custom footer a real footer
   ========================================================== */

body#page-login-index {
  background: radial-gradient(80% 60% at 50% 40%, #ffffff 0%, #f3f5fb 55%, #eef1f8 100%) !important;
}

/* Keep the vertical centring behaviour that makes the card work */
body#page-login-index .tui-core_auth-loginLayout {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Hide default nav/logo bar */
body#page-login-index .tui-core_auth-loginNav {
  background: transparent !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Properly centre the card */
body#page-login-index .tui-core_auth-loginLayout__contentWrap,
body#page-login-index .tui-core_auth-loginLayout_contentWrap {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2rem 1.5rem 0 1.5rem !important;
}

/* The login card (UNCHANGED styling) */
body#page-login-index .tui-core_auth-loginLayout__main,
body#page-login-index .tui-core_auth-loginLayout_main {
  width: min(460px, 92vw) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(23, 23, 56, 0.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.14) !important;
  padding: 2rem 2rem 1.25rem 2rem !important;
  position: relative !important;
}

/* Logo inside card – BLUE REMOVED */
body#page-login-index .tui-core_auth-loginLayout__main::before,
body#page-login-index .tui-core_auth-loginLayout_main::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 86px !important;
  margin: -0.5rem 0 1.25rem 0 !important;
  border-radius: 14px !important;

  background-color: transparent !important;

  background-image: url("https://vle.tdm.co.uk/pluginfile.php/1/totara_core/logo/4059/tdm%20logo%20border-ertvxsnall7.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Hide big "Sign in" heading */
body#page-login-index h1,
body#page-login-index .tui-core_auth-loginTitle,
body#page-login-index .tui-core_auth-loginTitle__heading {
  display: none !important;
}

/* Inputs */
body#page-login-index input[type="text"],
body#page-login-index input[type="password"],
body#page-login-index input[type="email"] {
  border-radius: 12px !important;
  border: 1px solid rgba(23, 23, 56, 0.18) !important;
  padding: 0.75rem 0.9rem !important;
  background: #fff !important;
}

/* Primary sign-in button */
body#page-login-index button[type="submit"],
body#page-login-index input[type="submit"] {
  background: #171738 !important;
  border-color: #171738 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 0.85rem 1rem !important;
  box-shadow: 0 10px 28px rgba(23, 23, 56, 0.25) !important;
}

body#page-login-index button[type="submit"]:hover,
body#page-login-index input[type="submit"]:hover {
  filter: brightness(0.92) !important;
}

/* IDP (SSO) button */
body#page-login-index a[href*="/auth/oauth2/login.php"],
body#page-login-index .tui-core_auth-idpButton,
body#page-login-index .tui-core_auth-idpButton__button {
  border-radius: 12px !important;
  border: 1px solid rgba(23, 23, 56, 0.18) !important;
}

/* Remove Powered by Totara */
body#page-login-index .poweredBy,
body#page-login-index .tui-core_auth-footer .poweredBy,
body#page-login-index .tui-core_auth-footer .poweredby,
body#page-login-index .tui-core_auth-footer [class*="powered"] {
  display: none !important;
}

/* ===== Your requested footer replacement ===== */

/* Make footer look like a real footer, not a second card */
body#page-login-index .tui-core_auth-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 2rem 0 0 0 !important;
}

body#page-login-index .tui-core_auth-footer .footnote {
  background: transparent !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 1rem 2rem 2rem 2rem !important;
  text-align: center !important;
}

/* Keep mail links styled properly */
body#page-login-index .tui-core_auth-footer a[href^="mailto:"] {
  text-decoration: underline !important;
  font-weight: 600 !important;
}

/* Centre the whole login stack in the viewport (targets the REAL wrapper) */
body#page-login-index .tui-core_auth-loginLayout__panels,
body#page-login-index .tui-core_auth-loginLayout_panels {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;      /* vertical */
  justify-content: center !important;  /* horizontal */
}

/* Make sure the inner wrapper doesn't fight the centring */
body#page-login-index .tui-core_auth-loginLayout__contentWrap,
body#page-login-index .tui-core_auth-loginLayout_contentWrap {
  flex: 0 0 auto !important;
}

/* Extra breathing room between the card and the footer */
body#page-login-index .tui-core_auth-loginLayout__main,
body#page-login-index .tui-core_auth-loginLayout_main {
  margin-bottom: 3rem !important;
}


/* Staff heading */
body#page-login-index .tui-core_auth-stackChooser::before {
  content: "Single Sign On (SSO) for TDM Staff";
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0 0 0.5rem 0;
  text-align: center;
  color: #171738;
}

/* Tighter spacing for Student/Learner heading */
body#page-login-index form.tui-form.tui-form--vertical::before,
body#page-login-index .tui-core_auth-loginForm form::before {
  content: "Learner/Mentor Standard Login";
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0.0rem 0 0.8rem 0;   /* reduced spacing */
  text-align: center;
  color: #171738;
}


/* Style Microsoft 365 SSO button like primary Sign in button */
body#page-login-index .tui-core_auth-stackChooser__option,
body#page-login-index .tui-core_auth-idpButton,
body#page-login-index .tui-core_auth-idpButton__button {
  background: #171738 !important;
  border-color: #171738 !important;
  color: #ffffff !important;
  justify-content: center !important;   /* centres flex content */
  text-align: center !important;
}

/* Ensure label text is centred */
body#page-login-index .tui-core_auth-stackChooser__label {
  margin: 0 auto !important;
  text-align: center !important;
  color: #ffffff !important;
}

/* Optional: match hover behaviour */
body#page-login-index .tui-core_auth-stackChooser__option:hover,
body#page-login-index .tui-core_auth-idpButton__button:hover {
  filter: brightness(0.92) !important;
}


/* Centre Username and Password labels */
body#page-login-index .tui-formLabel,
body#page-login-index .tui-formLabel--inline,
body#page-login-index .tui-formRow__label {
  text-align: center !important;
  display: block !important;
}

/* Make both buttons identical but slimmer */

body#page-login-index .tui-core_auth-stackChooser__option,
body#page-login-index button[type="submit"],
body#page-login-index input[type="submit"] {
  height: 48px !important;
  min-height: 48px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  padding: 0 1rem !important;
  box-sizing: border-box !important;
}