/* local/brandedportals/styles/brandedportals.css */

:root{
  /* Brand (resolved vars use override if present, otherwise default) */
  --bp-primary: var(--bp-primary-override, #ff5744);
  --bp-secondary: var(--bp-secondary-override, #1d2125);

  /* Header */
  --bp-header-bg: var(--bp-header-bg-override, #ffffff);
  --bp-header-active: var(--bp-header-active-override, #ff5744);
  --bp-header-hover: var(--bp-header-hover-override, #1d2125);
  --bp-header-hover-bg: var(--bp-header-hover-bg-override, #f8f9fa);
  --bp-userinitials-bg: var(--bp-userinitials-bg-override, #e9ecef);
  --bp-menu-items-color: var(--bp-menu-items-color-override, #1d2125);
  --bp-userinitials-text: var(--bp-userinitials-text-override, #1d2125);
  --bp-body-bg: var(--bp-body-bg-override, #ffffff);
  --bp-login-page-bg-image: var(--bp-login-page-bg-image-override, var(--bp-login-page-bg-image-theme-default, none));

  /* Footer */
  --bp-footer-bg: var(--bp-footer-bg-override, #f8fbff);
  --bp-footer-headings: var(--bp-footer-headings-override, #1d2125);
  --bp-footer-links: var(--bp-footer-links-override, #1d2125);
  --bp-footer-links-hover: var(--bp-footer-links-hover-override, #1d2125);
  --bp-footer-text: var(--bp-footer-text-override, #1d2125);
  --bp-footer-icons: var(--bp-footer-icons-override, #1d2125);

  /* Copyright bar */
  --bp-copyright-bg: var(--bp-copyright-bg-override, #ffffff);
  --bp-copyright-text: var(--bp-copyright-text-override, #747474);
  --bp-copyright-links: var(--bp-copyright-links-override, #1d2125);
  --bp-copyright-links-hover: var(--bp-copyright-links-hover-override, #1d2125);

  /* Banner text */
  --bp-home-banner-text: var(--bp-home-banner-text-override, #fff);
  --bp-mylearning-banner-text: var(--bp-mylearning-banner-text-override, #fff);
  --bp-help-banner-text: var(--bp-help-banner-text-override, #fff);
  --bp-contact-banner-text: var(--bp-contact-banner-text-override, #fff);
  --bp-profile-banner-text: var(--bp-profile-banner-text-override, #fff);
  --bp-pcat-banner-text: var(--bp-pcat-banner-text-override, #fff);
  --bp-events-banner-text: var(--bp-events-banner-text-override, #fff);
  --bp-pcat-banner-image: var(--bp-pcat-banner-image-override, none);
  --bp-events-banner-image: var(--bp-events-banner-image-override, none);

  /* Help card */
  --bp-help-card-bg: var(--bp-help-card-bg-override, #ff5744);

  /* Contact form */
  --bp-contact-label: var(--bp-contact-label-override, #1d2125);
  --bp-contact-input-bg: var(--bp-contact-input-bg-override, #f5f5f5);
  --bp-contact-input-text: var(--bp-contact-input-text-override, #000000);
  --bp-contact-button-bg: var(--bp-contact-button-bg-override, #26252d);

  /* Sidebar */
  --bp-course-classroom: var(--bp-course-classroom-override, #6e2cdf);
  --bp-course-virtual: var(--bp-course-virtual-override, #3740ee);
  --bp-course-blended: var(--bp-course-blended-override, #323a96);
  --bp-course-elearning: var(--bp-course-elearning-override, #02525d);

  --bp-filter-expiringsoon: var(--bp-filter-expiringsoon-override, #d24944);
  --bp-filter-notstarted: var(--bp-filter-notstarted-override, #bfbfbe);
  --bp-filter-inprogress: var(--bp-filter-inprogress-override, #78e4fc);
  --bp-filter-completed: var(--bp-filter-completed-override, #679d66);

  --bp-course-size-item: var(--bp-course-size-item-override, #747474);
  --bp-getintouch-banner-text: var(--bp-getintouch-banner-text-override, #1d2125);

  /* Content */
  --bp-content-bg: var(--bp-content-bg-override, #f5f5f5);
  --bp-content-text: var(--bp-content-text-override, #1d2125);

  /* Card title */
  --bp-card-title-bg: var(--bp-card-title-bg-override, #000000);

  /* Log in page */
  --bp-login-form-bg: var(--bp-login-form-bg-override, #ffffff);
  --bp-login-text: var(--bp-login-text-override, #1d2125);
  --bp-login-input-bg: var(--bp-login-input-bg-override, #ffffff);
  --bp-login-input-text: var(--bp-login-input-text-override, #1d2125);
  --bp-login-button-bg: var(--bp-login-button-bg-override, #26252d);

    /* Get in Touch Banner */
  --bp-getintouch-banner-image: var(
    --bp-getintouch-banner-image-override,
    url('/local/pagesilx/pix/re-brand-get-in-touch.jpg')
  );
}

/* ------------------------------------------------------------------
 * Admin preview helpers (plugin UI)
 * ------------------------------------------------------------------ */
.bp-brandbar {
  border-left: 6px solid var(--bp-primary);
  padding-left: 12px;
  margin: 12px 0;
}

.bp-logo {
  max-height: 56px;
  width: auto;
}

.bp-section {
  padding: 16px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 8px;
  margin-bottom: 16px;
}

.bp-company-banner{
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.08);
  border-left: 6px solid var(--bp-primary);
  border-radius: 8px;
  margin: 12px 0 16px;
  background: rgba(0,0,0,.02);
}

/* ------------------------------------------------------------------
 * Header
 * ------------------------------------------------------------------ */
nav.navbar.fixed-top,
nav.navbar.fixed-top.bg-white,
#page-wrapper nav.navbar.fixed-top,
#page-wrapper nav.navbar.fixed-top.bg-white {
  background-color: var(--bp-header-bg) !important;
  background-image: none !important;
}

.primary-navigation .nav-link.active,
.primary-navigation .moremenu .nav-link.active,
.primary-navigation .nav-link.active:focus,
.primary-navigation .moremenu .nav-link.active:focus {
  color: var(--bp-header-active) !important;
}

.primary-navigation .nav-link:hover,
.primary-navigation .nav-link:focus,
.primary-navigation .moremenu .nav-link:hover,
.primary-navigation .moremenu .nav-link:focus {
  color: var(--bp-header-hover) !important;
  background-color: var(--bp-header-hover-bg) !important;
}

.userinitials {
  background-color: var(--bp-userinitials-bg) !important;
  color: var(--bp-userinitials-text) !important;
}

#usernavigation .divider {
  opacity: 0.1 !important;
}

.usermenu .dropdown-toggle::after{
  color: var(--bp-menu-items-color) !important;
}

.navbar-nav .editmode-switch-form label {
  color: var(--bp-menu-items-color) !important;
}

.navbar .primary-navigation .nav-item .active {
    border-bottom: 3px solid var(--bp-header-active) !important;
}

#theme_boost-drawers-primary .list-group-item.active,
#theme_boost-drawers-primary .list-group-item.active:hover,
#theme_boost-drawers-primary .list-group-item.active:focus {
  background-color: var(--bp-primary) !important;
  border-color: var(--bp-primary) !important;
  color: #fff !important;
}


/* ------------------------------------------------------------------
 * Footer
 * ------------------------------------------------------------------ */
.ilx-footer-extension {
  background-color: var(--bp-footer-bg) !important;
  color: var(--bp-footer-text) !important;
}

.ilx-footer-extension h1,
.ilx-footer-extension h2,
.ilx-footer-extension h3,
.ilx-footer-extension h4,
.ilx-footer-extension h5,
.ilx-footer-extension h6 {
  color: var(--bp-footer-headings) !important;
}

.ilx-footer-extension a {
  color: var(--bp-footer-links) !important;
}

.ilx-footer-extension a:hover,
.ilx-footer-extension a:focus {
  color: var(--bp-footer-links-hover) !important;
}

.ilx-footer-extension .contact-info svg path{
  fill: var(--bp-footer-icons) !important;
}


/* Copyright bar */
.ilx-footer {
  background-color: var(--bp-copyright-bg) !important;
  color: var(--bp-copyright-text) !important;
}

.ilx-footer a {
  color: var(--bp-copyright-links) !important;
}

.ilx-footer a:hover,
.ilx-footer a:focus {
  color: var(--bp-copyright-links-hover) !important;
}

/* ------------------------------------------------------------------
 * Content background/text (generic)
 * ------------------------------------------------------------------ */ 
#page,
#page-content,
#page-content .region-main {
  background-color: var(--bp-body-bg) !important;
}

#page-local-pagesilx-homepage #topofscroll,
#page-local-pagesilx-helpandsupport #topofscroll,
#page-local-pagesilx-mylearning #topofscroll,
#page-local-pagesilx-contactsupport #topofscroll,
#page-local-pagesilx-myprofile #topofscroll {
  background-color: var(--bp-body-bg) !important;
}

/* Do not let the normal body background override login/reset pages */
/* Login / password pages background image */
body.pagelayout-login,
body#page-login-index,
body#page-login-forgot_password,
body#page-login-change_password,
body#page-login-reset_password,
body.pagelayout-login #page,
body.pagelayout-login #page-wrapper {
  background-color: transparent !important;
  background-image: var(--bp-login-page-bg-image) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

#page-login-index #page,
#page-login-index #page-content,
#page-login-index #page-content .region-main,
#page-login-forgot_password #page,
#page-login-forgot_password #page-content,
#page-login-forgot_password #page-content .region-main,
#page-login-change_password #page,
#page-login-change_password #page-content,
#page-login-change_password #page-content .region-main,
#page-login-reset_password #page,
#page-login-reset_password #page-content,
#page-login-reset_password #page-content .region-main {
  background-color: transparent !important;
  background-image: none !important;
}

#page-local-pagesilx-helpandsupport .content p,
#page-local-pagesilx-helpandsupport .content h1,
#page-local-pagesilx-helpandsupport .content .menu-text,
#page-local-pagesilx-helpandsupport .category-title,
#page-local-pagesilx-helpandsupport .study-time,

#page-local-pagesilx-contactsupport .content p,

#page-local-pagesilx-homepage .content p,
#page-local-pagesilx-homepage .content h1,
#page-local-pagesilx-homepage .content h2,
#page-local-pagesilx-homepage .content h3,
#page-local-pagesilx-homepage .content .menu-text,
#page-local-pagesilx-homepage .category-title,
#page-local-pagesilx-homepage .study-time,

#page-local-pagesilx-myprofile .content p,
#page-local-pagesilx-myprofile .content a,
#page-local-pagesilx-myprofile .content h1,
#page-local-pagesilx-myprofile .content .p-header,
#page-local-pagesilx-myprofile .p-content,

#page-login-change_password .banner h1,

#page-local-pagesilx-mylearning .content p,
#page-local-pagesilx-mylearning .container-intro .intro-text p,
#page-local-pagesilx-mylearning .content h1,
#page-local-pagesilx-mylearning .content h2,
#page-local-pagesilx-mylearning .content h3,
#page-local-pagesilx-mylearning .content .menu-text,
#page-local-pagesilx-mylearning .category-title,
#page-local-pagesilx-mylearning .study-time
{
  color: var(--bp-content-text) !important;
  border-color: var(--bp-content-text) !important;
}

#page-local-pagesilx-homepage .study-time svg,
#page-local-pagesilx-mylearning .study-time svg,
#page-local-pagesilx-helpandsupport .study-time svg {
  fill: var(--bp-content-text) !important;
}

#page-local-pagesilx-homepage .menu-group:not(.course-category-group) li,
#page-local-pagesilx-mylearning .menu-group:not(.course-category-group) li {
  color: var(--bp-content-text) !important;
}

#page .content, #page-content, #page .ilx-container { 
  background-color: var(--bp-content-bg) !important;
}

/* Card content title background (generic) */
.card .card-title {
  background-color: var(--bp-card-title-bg);
}

/* Banners (generic hooks; refine to your theme blocks) */
.bp-banner-home { background-image: var(--bp-home-banner-image); color: var(--bp-home-banner-text); }
.bp-banner-mylearning { background-image: var(--bp-mylearning-banner-image); color: var(--bp-mylearning-banner-text); }
.bp-banner-help { background-image: var(--bp-help-banner-image); color: var(--bp-help-banner-text); }
.bp-banner-contact { background-image: var(--bp-contact-banner-image); color: var(--bp-contact-banner-text); }
.bp-banner-pcat { background-image: var(--bp-pcat-banner-image); color: var(--bp-pcat-banner-text); }
.bp-banner-myevents { background-image: var(--bp-events-banner-image); color: var(--bp-events-banner-text); }

/* Help card bg */
.bp-help-card { background-color: var(--bp-help-card-bg); }

/* Get in touch banner */
.bp-getintouch { background-image: var(--bp-getintouch-banner-image); color: var(--bp-getintouch-banner-text); }

/* Contact form (generic) */
.bp-contact-form label { color: var(--bp-contact-label); }
.bp-contact-form input,
.bp-contact-form textarea { background-color: var(--bp-contact-input-bg); color: var(--bp-contact-input-text); }
.bp-contact-form button,
.bp-contact-form .btn { background-color: var(--bp-contact-button-bg); }

/* Sidebar - course types */
.menu .item-classroom:hover{
  border-color: var(--bp-course-classroom) !important;
}

.menu .item-classroom .svg-wrapper, .course-category .card-classroom, .pagelayout-incourse .card-classroom, #page-course-view-ilx_format .card-content.card-classroom, .journey-section .ct-classroom{
  background-color: var(--bp-course-classroom) !important;
}

.menu .item-virtual:hover{
  border-color: var(--bp-course-virtual) !important;
}

.menu .item-virtual .svg-wrapper, .course-category .card-virtual, .pagelayout-incourse .card-virtual, #page-course-view-ilx_format .card-content.card-virtual, .journey-section .ct-virtual{
  background-color: var(--bp-course-virtual) !important;
}

.menu .item-blended:hover{
  border-color: var(--bp-course-blended) !important;
}

.menu .item-blended .svg-wrapper, .course-category .card-blended, .pagelayout-incourse .card-blended, #page-course-view-ilx_format .card-content.card-blended, .journey-section .ct-blended{
  background-color: var(--bp-course-blended) !important;
}

.menu .item-elearning:hover{
  border-color: var(--bp-course-elearning) !important;
}

.menu .item-elearning .svg-wrapper, .course-category .card-elearning, .pagelayout-incourse .card-elearning, #page-course-view-ilx_format .card-content.card-elearning, .journey-section .ct-elearning {
  background-color: var(--bp-course-elearning) !important;
}

/* Sidebar - filters */
.menu .item-expiring:hover{
  border-color: var(--bp-filter-expiringsoon) !important;
}

.menu .item-expiring .svg-wrapper, .course-category .card-head-actions .item-expiring{
  background-color: var(--bp-filter-expiringsoon) !important;
}

.menu .item-not-started:hover{
  border-color: var(--bp-filter-notstarted) !important;
}

.menu .item-not-started .svg-wrapper, .course-category .card-head-actions .item-not-started{
  background-color: var(--bp-filter-notstarted) !important;
}

.menu .item-not-started svg {
  fill: #fff !important;
}

.menu .item-in-progress:hover{
  border-color: var(--bp-filter-inprogress) !important;
}

.menu .item-in-progress .svg-wrapper, .course-category .card-head-actions .item-in-progress{
  background-color: var(--bp-filter-inprogress) !important;
}

.menu .item-completed:hover{
  border-color: var(--bp-filter-completed) !important;
}

.menu .item-completed .svg-wrapper, .course-category .card-head-actions .item-completed, .card-head .item-viewed{
  background-color: var(--bp-filter-completed) !important;
}

/* Sidebar - course size */
.menu .item-course-size:hover{
  border-color: var(--bp-course-size-item) !important;
}

.menu .item-course-size .svg-wrapper{
  background-color: var(--bp-course-size-item) !important;
}

/* Course category cards - light tint */
.course-category .card-elearning::before{
  background-color: color-mix(in srgb, var(--bp-course-elearning) 70%, white) !important;
}

.course-category .card-classroom::before{
  background-color: color-mix(in srgb, var(--bp-course-classroom) 70%, white) !important;
}

.course-category .card-virtual::before{
  background-color: color-mix(in srgb, var(--bp-course-virtual) 70%, white) !important;
}

.course-category .card-blended::before{
  background-color: color-mix(in srgb, var(--bp-course-blended) 70%, white) !important;
}

/* Course category cards - index background */
.drawer-course-elearning .courseindex{
  background-color: color-mix(in srgb, var(--bp-course-elearning) 15%, white) !important;
}

.drawer-course-classroom .courseindex{
  background-color: color-mix(in srgb, var(--bp-course-classroom) 15%, white) !important;
}

.drawer-course-virtual .courseindex{
  background-color: color-mix(in srgb, var(--bp-course-virtual) 15%, white) !important;
}

.drawer-course-blended .courseindex{
  background-color: color-mix(in srgb, var(--bp-course-blended) 15%, white) !important;
}

/* Course category cards - index section title text */
.drawer-course-elearning .courseindex a[data-for="section_title"]{
  color: var(--bp-course-elearning) !important;
}

.drawer-course-classroom .courseindex a[data-for="section_title"]{
  color: var(--bp-course-classroom) !important;
}

.drawer-course-virtual .courseindex a[data-for="section_title"]{
  color: var(--bp-course-virtual) !important;
}

.drawer-course-blended .courseindex a[data-for="section_title"]{
  color: var(--bp-course-blended) !important;
}

.drawer-course-elearning .courseindex a[data-for="cm_name"],
.drawer-course-classroom .courseindex a[data-for="cm_name"],
.drawer-course-virtual .courseindex a[data-for="cm_name"],
.drawer-course-blended .courseindex a[data-for="cm_name"]{
  color: #000 !important;
}

/* Course category cards - title background (darker tint for contrast) */
.course-category .card-content-body {
  background-color: color-mix(in srgb, var(--bp-card-title-bg), transparent 50%) !important;
}

/* Main course page - activity navigation icons and title */
.main-course-elearning .activity-navigation-container svg {
  fill: var(--bp-course-elearning) !important;
}

.main-course-elearning .ilx_title_button {
  color: var(--bp-course-elearning) !important;
}

.main-course-classroom .activity-navigation-container svg {
  fill: var(--bp-course-classroom) !important;
}

.main-course-virtual .activity-navigation-container svg {
  fill: var(--bp-course-virtual) !important;
}

.main-course-blended .activity-navigation-container svg {
  fill: var(--bp-course-blended) !important;
}

.main-course-classroom .ilx_title_button {
  color: var(--bp-course-classroom) !important;
}

.main-course-virtual .ilx_title_button {
  color: var(--bp-course-virtual) !important;
}

.main-course-blended .ilx_title_button {
  color: var(--bp-course-blended) !important;
}

/* Help card - content background and light tint */
#help-and-support-app .card-content{
  background-color: var(--bp-help-card-bg) !important;
}

#help-and-support-app .card-content::before{
  background-color: color-mix(in srgb, var(--bp-help-card-bg) 70%, white) !important;
}

#page-mod-page-view .card-helpandresources {
  background-color: var(--bp-help-card-bg) !important;
}

/* Contact form - labels, inputs, button */
#page-local-pagesilx-contactsupport .contact-form input, #page-local-pagesilx-contactsupport .contact-form textarea,
#page-login-change_password .contact-form input, #page-login-change_password .contact-form textarea {
  background-color: var(--bp-contact-input-bg) !important;
  color: var(--bp-contact-input-text) !important;
}

#page-local-pagesilx-contactsupport .contact-form .ilx-btn-primary, #page-login-change_password .contact-form .ilx-btn-primary{
  background-color: var(--bp-contact-button-bg) !important;
}

#page-local-pagesilx-contactsupport .contact-form .ilx-btn-primary::before, #page-login-change_password .contact-form .ilx-btn-primary::before{
  background-color: color-mix(in srgb, var(--bp-contact-button-bg) 70%, white) !important;
}

#page-local-pagesilx-contactsupport .contact-form label, #page-local-pagesilx-contactsupport .contact-form .content-right .form-group-flexible:last-child,
#page-login-change_password .contact-form label, #page-login-change_password .contact-form .content-right .form-group-flexible {
  color: var(--bp-contact-label) !important;
}

#page-local-pagesilx-contactsupport .banner h1, #page-local-pagesilx-contactsupport .banner h2{
  color: var(--bp-contact-banner-text) !important;
}

/* Help and support page - banner text */
#page-local-pagesilx-helpandsupport .banner h1, #page-local-pagesilx-helpandsupport .banner h2{
  color: var(--bp-help-banner-text) !important;
}

/* My learning page - banner text */
#page-local-pagesilx-mylearning .banner h1, #page-local-pagesilx-mylearning .banner h2{
  color: var(--bp-mylearning-banner-text) !important;
}

/* Home page - banner text */
#page-local-pagesilx-homepage .banner h1, #page-local-pagesilx-homepage .banner h2{
  color: var(--bp-home-banner-text) !important;
}

/* My profile page - banner text */
#page-local-pagesilx-myprofile .banner h1,
#page-local-pagesilx-myprofile .banner h2,
#page-local-pagesilx-myprofile .banner p {
  color: var(--bp-profile-banner-text) !important;
}

/* PCAT page - banner text */
#page-local-pagesilx-pcat .banner h1,
#page-local-pagesilx-pcat .banner h2,
#page-my-assessments .banner h1,
#page-my-assessments .banner h2,
#page-my-assessments-results .banner h1,
#page-my-assessments-results .banner h2,
#page-my-assessments-compare .banner h1,
#page-my-assessments-compare .banner h2,
#page-local-pcat-results .banner h1,
#page-local-pcat-results .banner h2,
#page-local-pcat-compare .banner h1,
#page-local-pcat-compare .banner h2 {
  color: var(--bp-pcat-banner-text) !important;
}

/* My Events page - banner text */
#page-local-pagesilx-myevents .banner h1,
#page-local-pagesilx-myevents .banner h2 {
  color: var(--bp-events-banner-text) !important;
}

/* Help card - title */
#page-local-pagesilx-homepage .content .help-card .help-card-title,
#page-local-pagesilx-mylearning .content .help-card .help-card-title,
.help-card .help-card-title
{
  /*color: var(--bp-getintouch-banner-text) !important;*/
  color: white !important;
}

.help-card.hover-3d,
.help-card {
  background-image: var(--bp-getintouch-banner-image) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


/* Log in page */
#page-login-index .login-container-ilx,
#page-login-forgot_password .login-container-ilx,
#page-login-change_password .login-container-ilx,
#page-login-reset_password .login-container-ilx {
  background-color: color-mix(in srgb, var(--bp-login-form-bg), transparent 10%) !important;
  color: var(--bp-login-text) !important;
}

#page-login-index .login-container-ilx,
#page-login-forgot_password .login-container-ilx,
#page-login-change_password .login-container-ilx,
#page-login-reset_password .login-container-ilx,
#page-login-forgot_password .login-container-ilx *,
#page-login-change_password .login-container-ilx *,
#page-login-reset_password .login-container-ilx * {
  color: var(--bp-login-text) !important;
}

#page-login-index .forgot-password a,
#page-login-forgot_password a,
#page-login-change_password a,
#page-login-reset_password a {
  color: var(--bp-login-text) !important;
}

#page-login-index .login-container-ilx input:not([type="submit"]),
#page-login-forgot_password .login-container-ilx input:not([type="submit"]),
#page-login-change_password .login-container-ilx input:not([type="submit"]),
#page-login-reset_password .login-container-ilx input:not([type="submit"]),
#page-login-forgot_password input:not([type="submit"]){
  background-color: var(--bp-login-input-bg) !important;
  color: var(--bp-login-input-text) !important;
}

#page-login-index .login-container-ilx input[type="submit"],
#page-login-forgot_password .login-container-ilx input[type="submit"]:not(.btn-secondary),
#page-login-change_password .login-container-ilx input[type="submit"],
#page-login-reset_password .login-container-ilx input[type="submit"],
#page-login-index .ilx-btn-primary,
#page-login-forgot_password .ilx-btn-primary,
#page-login-change_password .ilx-btn-primary,
#page-login-reset_password .ilx-btn-primary,
#page-login-forgot_password .continuebutton button.btn-primary {
  background-color: var(--bp-login-button-bg) !important;
  color: #fff !important;
}

#page-login-forgot_password .login-container-ilx .btn-secondary,
#page-login-forgot_password .continuebutton .btn-secondary {
    background-color: #ced4da !important;
    color: #000 !important;
}

#page-login-index .ilx-btn-primary::before,
#page-login-forgot_password .ilx-btn-primary::before,
#page-login-change_password .ilx-btn-primary::before,
#page-login-reset_password .ilx-btn-primary::before {
  background-color: color-mix(in srgb, var(--bp-login-button-bg) 70%, white) !important;
}

#page-local-pagesilx-myprofile .content .p-block .course-list span,
.menu .course-category-clear {
  background-color: var(--bp-primary) !important;
}

#page-local-pagesilx-homepage .menu .course-search-menu-icon,
#page-local-pagesilx-mylearning .menu .course-search-menu-icon,
#page-local-pagesilx-homepage .menu .course-category-group .select2-container--default .select2-results__option--selected,
#page-local-pagesilx-homepage .menu .course-category-group .select2-container--default .select2-results__option--selected:before,
#page-local-pagesilx-mylearning .menu .course-category-group .select2-container--default .select2-results__option--selected,
#page-local-pagesilx-mylearning .menu .course-category-group .select2-container--default .select2-results__option--selected:before {
  color: var(--bp-primary) !important;
}

#page-local-pagesilx-homepage  .menu .course-category-group .select2-container--default .select2-results__option--selected:hover,
#page-local-pagesilx-homepage  .menu .course-category-group .select2-container--default .select2-results__option--selected:hover:before,
#page-local-pagesilx-mylearning  .menu .course-category-group .select2-container--default .select2-results__option--selected:hover,
#page-local-pagesilx-mylearning  .menu .course-category-group .select2-container--default .select2-results__option--selected:hover:before {
  color: #fff !important;
}

#page-local-pagesilx-homepage .menu .course-category-group li.select2-results__option.select2-results__option--highlighted,
#page-local-pagesilx-homepage .menu .course-category-group li.select2-results__option.select2-results__option--highlighted:before,
#page-local-pagesilx-mylearning  .menu .course-category-group li.select2-results__option.select2-results__option--highlighted,
#page-local-pagesilx-mylearning  .menu .course-category-group li.select2-results__option.select2-results__option--highlighted:before {
  background-color: var(--bp-primary) !important;
  color: #fff !important;
}


#page-local-pagesilx-myprofile .user-initials, #page-login-change_password .user-initials {
    background-color: var(--bp-userinitials-bg) !important;
    color: var(--bp-userinitials-text) !important;
}

.messagingcenter-filter-dot, .messagingcenter-unread-dot,
.messagingcenter-page-action-btn:hover, .messagingcenter-page-action-btn:focus {
    background: var(--bp-primary) !important;
}

.messagingcenter-sidebar .is-active .messagingcenter-filter-label {
  color: var(--bp-primary) !important;
}

/* Logo in header */
.navbar .navbar-brand .logo{
  max-width: 73px;
  object-fit: contain;
}

.ilx-footer-extension .contact-info .logo {
  object-fit: contain;
}

.ilx-footer-extension .contact-social a img{
  max-width: 22px;
}

.ilx-footer-extension .content-left .contact-social {
  justify-content: flex-start;
}

.banner {
  background-position: center center !important;
  position: relative;
}

.banner-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 81%) 0%, rgba(0, 0, 0, 0.45) 25%, rgba(0, 0, 0, 0.15) 43%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
}

.banner > *:not(.banner-gradient) {
    position: relative;
    z-index: 2;
}


#page-local-brandedportals-manage #page-header {
    display: none;
}

#page-local-brandedportals-manage #region-main {
    padding-top: 20px;
}

#page-local-brandedportals-manage .container-fluid.py-2 {
    padding-top: .75rem !important;
    padding-bottom: 1.25rem !important;
}


#page-local-brandedportals-manage h3.mb-0 {
    font-weight: 700;
    letter-spacing: -.01em;
    color: #1d2125;
}

#page-local-brandedportals-manage .bp-tabs,
#page-local-brandedportals-manage .nav-tabs.bp-tabs,
#page-local-brandedportals-manage .local-brandedportals-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    border-bottom: 0;
    margin-bottom: 1.25rem;
    padding: .35rem;
    background: #ffffff;
    border: 1px solid #eceff3;
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(17, 24, 39, 0.06);
}

#page-local-brandedportals-manage .bp-tabs .nav-item,
#page-local-brandedportals-manage .nav-tabs.bp-tabs .nav-item,
#page-local-brandedportals-manage .local-brandedportals-tabs .nav-item {
    margin-bottom: 0;
}

#page-local-brandedportals-manage .bp-tabs .nav-link,
#page-local-brandedportals-manage .nav-tabs.bp-tabs .nav-link,
#page-local-brandedportals-manage .local-brandedportals-tabs .nav-link {
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent;
    color: #374151;
    font-weight: 600;
    padding: .8rem 1.1rem;
    line-height: 1.2;
    transition: all .2s ease;
    position: relative;
}

#page-local-brandedportals-manage .bp-tabs .nav-link:hover,
#page-local-brandedportals-manage .nav-tabs.bp-tabs .nav-link:hover,
#page-local-brandedportals-manage .local-brandedportals-tabs .nav-link:hover {
    background: #f7f8fa;
    color: #111827;
    transform: translateY(-1px);
}

#page-local-brandedportals-manage .bp-tabs .nav-link:focus,
#page-local-brandedportals-manage .nav-tabs.bp-tabs .nav-link:focus,
#page-local-brandedportals-manage .local-brandedportals-tabs .nav-link:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(245, 85, 62, 0.18);
}

#page-local-brandedportals-manage .bp-tabs .nav-link.active,
#page-local-brandedportals-manage .nav-tabs.bp-tabs .nav-link.active,
#page-local-brandedportals-manage .local-brandedportals-tabs .nav-link.active {
    background: #f5553e !important;
    color: #fff !important;
    box-shadow:
        0 10px 22px rgba(245, 85, 62, 0.28),
        inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}

#page-local-brandedportals-manage .bp-tabs .nav-link.active:hover,
#page-local-brandedportals-manage .nav-tabs.bp-tabs .nav-link.active:hover,
#page-local-brandedportals-manage .local-brandedportals-tabs .nav-link.active:hover {
    background: #f5553e !important;
    color: #fff !important;
}

#page-local-brandedportals-manage .mform,
#page-local-brandedportals-manage form.mform {
    background: #ffffff;
    border: 1px solid #ebeef2;
    border-radius: 22px;
    padding: 1.5rem 1.5rem 1.1rem;
    box-shadow: 0 14px 40px rgba(17, 24, 39, 0.07);
}

#page-local-brandedportals-manage .mform .fheader {
    margin-top: 1.25rem;
    margin-bottom: .9rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid #eef1f4;
}

#page-local-brandedportals-manage .mform .fheader:first-child {
    margin-top: 0;
}

#page-local-brandedportals-manage .mform .fheader span {
    font-size: 1rem;
    font-weight: 700;
    color: #1d2125;
}

#page-local-brandedportals-manage .mform input[type="text"],
#page-local-brandedportals-manage .mform input[type="url"],
#page-local-brandedportals-manage .mform textarea,
#page-local-brandedportals-manage .mform select {
    border: 1px solid #dbe1e8;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

#page-local-brandedportals-manage .mform input[type="text"]:focus,
#page-local-brandedportals-manage .mform input[type="url"]:focus,
#page-local-brandedportals-manage .mform textarea:focus,
#page-local-brandedportals-manage .mform select:focus {
    border-color: #f5553e;
    box-shadow: 0 0 0 3px rgba(245, 85, 62, 0.14);
}

#page-local-brandedportals-manage .mform .btn-primary {
    background: #f5553e;
    border-color: #f5553e;
}

#page-local-brandedportals-manage .mform .btn-primary:hover,
#page-local-brandedportals-manage .mform .btn-primary:focus {
    background: #df4b36;
    border-color: #df4b36;
}

#page-local-brandedportals-manage .bp-defaults-card {
    border: 1px solid #ebeef2;
    border-radius: 22px;
    box-shadow: 0 14px 40px rgba(17, 24, 39, 0.07);
    overflow: hidden;
}

#page-local-brandedportals-manage .bp-defaults-card .card-body {
    padding: 1.4rem 1.5rem;
}

@media (max-width: 767px) {
    #page-local-brandedportals-manage .bp-tabs .nav-link,
    #page-local-brandedportals-manage .nav-tabs.bp-tabs .nav-link,
    #page-local-brandedportals-manage .local-brandedportals-tabs .nav-link {
        width: 100%;
        text-align: center;
    }

    #page-local-brandedportals-manage .mform,
    #page-local-brandedportals-manage form.mform {
        padding: 1rem;
        border-radius: 18px;
    }
}

#page-local-brandedportals-manage div[role="main"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#page-local-brandedportals-manage .icons-collapse-expand {
    border: none;
    padding-bottom: 0 !important;
    background-color: #f5553e;
}

#page-local-brandedportals-manage .icons-collapse-expand .icon{
    color: #fff;
}

#page-local-brandedportals-manage .nav-tabs {
    margin: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: none;
    gap: 2px;
}

#page-local-brandedportals-manage #region-main .nav-link {
    border-color: #e9ecef #e9ecef #dee2e6;
    background-color: #fff;
}

#page-local-brandedportals-manage .nav-tabs .active {
    background-color: #f5553e !important;
    border-color: #f5553e #f5553e #f5553e;
    color: #fff;
}

#page-local-brandedportals-manage .filemanager-container,
#page-local-brandedportals-manage .fp-navbar {
    border: 1px solid #dee2e6;
}

#page-local-brandedportals-manage .fm-empty-container {
    border-color: #f5553e;
}

#page-local-brandedportals-manage .dndupload-arrow i {
    color: #e9ecef;
}

#page-local-brandedportals-manage .filemanager-container {
    box-shadow: 0 14px 40px rgba(17, 24, 39, 0.07);
}

#page-local-brandedportals-manage .fp-navbar {
    background: #e9ecef33;
}

#page-local-brandedportals-manage .expandall {
  color: #f5553e;
}

#page-local-brandedportals-manage .collapseall {
  color: #343a40;
}


.bp-footer-social-icon:focus-visible {
  outline: none !important;
}

a:has(> .bp-footer-social-icon):focus {
    outline: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}


#page-content{
  padding-bottom: 0 !important;
}


/* PCAT */
.pcat-menu-attempt-actions a,
.pcat-primary-cta .pcat-primary-cta-accent,
.pcat-kicker span, .pcat-rating-block h3 span,
.pcat-compare-development-card li::marker, .pcat-compare-attempt-label,
#page-my-assessments-results .pcat-selected-role-kicker span { 
  color: var(--bp-primary) !important;
}

.pcat-guide-number, .pcat-score-number,
.pcat-gap-item-accent {
  background: var(--bp-primary) !important;
}

.pcat-score-choice input:checked + .pcat-score-option .pcat-score-number, .pcat-score-option.selected .pcat-score-number {
    background: #6ca66c !important;
}

.pcat-results-secondary-cta,
.pcat-detailed-results-toggle {
    color: var(--bp-primary) !important;
    border: 1px solid var(--bp-primary) !important;
}

.pcat-results-secondary-cta:hover,
.pcat-detailed-results-toggle:hover {
    color: #fff !important;
    background: var(--bp-primary) !important;
}

.pcat-menu, .pcat-menu-section {
  background-color: color-mix(in srgb, var(--bp-primary) 15%, white) !important;
}

#page-my-assessments .banner h2 p {
  margin-bottom: 0;
}

#page-local-report_companies-index .card .card-title {
  background-color: unset !important;
}