.elementor-kit-4{--e-global-color-primary:#3B82F6;--e-global-color-secondary:#10B981;--e-global-color-text:#1C2A3A;--e-global-color-accent:#FACC15;--e-global-color-098ad36:#A78BFA;font-family:"Arial", Sans-serif;font-size:18px;font-weight:400;line-height:26px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove Masteriyo sidebar collapse toggle (all versions, all classnames) */
.masteriyo-dashboard-sidebar [class*="css-en-"] button,
.masteriyo-dashboard-sidebar [class*="css-en-"] > div,
.masteriyo-dashboard-sidebar [class*="css-en-"] {
    display: none !important;
}

/* Also kill the floating toggle container if it's outside the sidebar */
.masteriyo-dashboard [class*="css-en-13"],  /* matches containers like css-en-13g16fh */
.masteriyo-dashboard [class*="css-en-1v"],
.masteriyo-dashboard [class*="css-en-u3"],
.masteriyo-dashboard [class*="toggle"] {
    display: none !important;
}

/* Make sure sidebar stays expanded */
.masteriyo-dashboard-sidebar {
    transform: none !important;
}
/* Completely hide the Masteriyo dashboard collapse toggle */
.css-en-92ucc9 {
  display: none !important;
}
/* Hide the avatar but keep its space to preserve layout */
.chakra-avatar {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.chakra-avatar__img {
  display: none !important;
}
/* Apply repeating logo pattern to body with diagonal rotation */
body::before {
  content: "";
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-image: url('https://learn.codient.co.uk/wp-content/uploads/2025/11/File-final-02.svg');
  background-size: 60px 60px;
  background-repeat: repeat;
  filter: grayscale(100%) brightness(1.2);
  opacity: 0.08;
  pointer-events: none;
  z-index: -1;
  transform: rotate(45deg);
}
/* ================================================================
   COURSES PAGE - NARROWER WIDTH & WHITE BACKGROUND
   ================================================================ */
/* Narrower page width */
.masteriyo-courses-wrapper,
.masteriyo-course-list,
.masteriyo-courses,
.masteriyo-archive-courses {
  max-width: 1024px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* White background for entire courses page */
body.post-type-archive-mto-course,
body.archive.tax-mto-course-category,
body.page-template-courses {
  background: #FFFFFF !important;
}
body.post-type-archive-mto-course::before,
body.archive.tax-mto-course-category::before,
body.page-template-courses::before {
  display: none !important;
}
/* ================================================================
   COURSES PAGE TITLE - CENTERED & LARGER
   ================================================================ */

/* Center and enlarge courses page title */
.masteriyo-courses-header h1,
.masteriyo-courses-title,
.masteriyo-archive-header h1,
.masteriyo-course-archive-title,
.page-title {
  text-align: center !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  margin-bottom: 32px !important;
}
/* Hide select view toggle */
.masteriyo-courses-view,
.masteriyo-view-mode,
.masteriyo-courses-header select,
.masteriyo-courses-filters select,
.masteriyo-archive-header .view-toggle,
[class*="view-mode"],
[class*="select-view"] {
  display: none !important;
}
/* Hide dividing line between title and select view */
.masteriyo-courses-header,
.masteriyo-archive-header,
.masteriyo-courses-header-wrapper {
  border: none !important;
  border-bottom: none !important;
}

.masteriyo-courses-header::after,
.masteriyo-archive-header::after,
.masteriyo-courses-header hr,
.masteriyo-archive-header hr {
  display: none !important;
}
/* Hide the search/divider section */
div.masteriyo-search-section {
  display: none !important;
}
/* Remove ALL top padding/margin from courses page */
.masteriyo-w-100.masteriyo-container,
.masteriyo-container,
.masteriyo-course-list-display-section,
.masteriyo-courses-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Target the header specifically */
header.masteriyo-courses-header {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

h1.masteriyo-courses-header__title,
h1.page-title {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* Adjust spacing around courses title */
header.masteriyo-courses-header {
  padding-top: 32px !important;
  margin-top: 0 !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px !important;
}

h1.masteriyo-courses-header__title,
h1.page-title {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* If using Chakra UI */
.chakra-container {
  padding-top: 0 !important;
}
/* Single course page - reduce width */
.masteriyo-single-course,
.masteriyo-single-course-main-content,
.masteriyo-single-course-wrapper,
.masteriyo-single-course-container,
body.single-mto-course .masteriyo-container,
body.single-mto-course .masteriyo-wrapper {
  max-width: 1024px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Single course page - increase top padding */
body.single-mto-course .masteriyo-container,
body.single-mto-course .masteriyo-wrapper,
.masteriyo-single-course-wrapper {
  padding-top: 36px !important;
}
/* Remove separator line from filters */
.masteriyo-courses-filters {
  border-right: none !important;
  border: none !important;
}

.masteriyo-courses-filters::after,
.masteriyo-courses-filters::before {
  display: none !important;
}
/* Login/Register page styling */
body.masteriyo-account-page,
.masteriyo-login-page,
.masteriyo-account-container {
  background: white !important;
}
/* Narrow ONLY the signup form page (has the wrapper) */
section.masteriyo-signup:has(.masteriyo-signup--wrapper) {
  max-width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0px 0px !important;
}

/* Keep the sign-in page register section normal */
section.masteriyo-signup:has(.masteriyo-title) {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Grey out courses with prerequisite lock */
.masteriyo-course-card:has(.masteriyo-prerequisites-enroll-button),
.e-loop-item:has(.masteriyo-prerequisites-enroll-button) {
  opacity: 0.5;
  filter: grayscale(80%);
}

/* Locked button - keep original display */
a.masteriyo-prerequisites-enroll-button {
  background: #6b7280 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Make original content invisible but keep space */
a.masteriyo-prerequisites-enroll-button .masteriyo-lock-icon,
a.masteriyo-prerequisites-enroll-button span {
  visibility: hidden !important;
}

/* Overlay with locked text */
a.masteriyo-prerequisites-enroll-button::before {
  content: "🔒 Locked";
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #6b7280 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
/* Course title hover - medical green */
.masteriyo-course--content__title a:hover,
h2.masteriyo-course--content__title a:hover {
  color: #10B981 !important;
}
/* Match font weight on all enroll buttons */
a.masteriyo-enroll-btn,
a.masteriyo-btn-primary,
.masteriyo-single-course--btn {
  font-weight: 600 !important;
}
/* Category button hover - medical green instead of white */
.masteriyo-course--content__category-items:hover,
.masteriyo-tag:hover,
.masteriyo-course-category--item:hover,
a.masteriyo-course-category--item:hover {
  color: #10B981 !important;
  background-color: transparent !important;
}/* End custom CSS */