/* LD Register button */
input#wp-submit {
  cursor: pointer;
  margin: auto!important;
  font-family: inherit!important;
  font-weight: 700!important;
  text-transform: none!important;
  letter-spacing: 1px!important;
  border-radius: inherit!important;
  background-origin: border-box!important;
  display: inline-block!important;
  box-sizing: border-box!important;
  padding: 0 20px!important;
  vertical-align: middle!important;
  font-size: 15px!important;
  line-height: 38px!important;
  text-align: center!important;
  text-decoration: none!important;
}
/* // LD FORM STYLES */
.learndash-wrapper #learndash-registration-wrapper form input[type="email"], .learndash-wrapper #learndash-registration-wrapper form input[type="password"], .learndash-wrapper #learndash-registration-wrapper form input[type="text"], .learndash-wrapper #learndash-reset-password-wrapper form input[type="email"], .learndash-wrapper #learndash-reset-password-wrapper form input[type="password"], .learndash-wrapper #learndash-reset-password-wrapper form input[type="text"] {
  max-width: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 10px;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
  transition: .2s ease-in-out;
  transition-property: color,background-color,border;
  height: 40px;
  margin: 0;
}
.acf-field {
  margin-bottom: 1rem;
}
.acf-fields select {
  max-width: 250px;
  width: 100%;
  border: 0 none;
  padding: 0 10px;
  background-color: #f2f2f2;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  color: rgb(140, 140, 162);
  height: 40px;
  cursor: pointer;
  border-radius: 8px;
  border: 3px solid #f2f2f2;
  box-shadow: 0 8px 12px rgba(0,0,0,0.15);
  transition: all .3s ease-in-out;
}

/* SIGN IN WITH GOOGLE SSO */
.ld-login-modal-form #nsl-custom-login-form-1 .nsl-container-embedded-login-layout-below {
text-align: center !important;
}

/* SIGN IN WITH GOOGLE SSO */
#nsl-custom-login-form-2 {
  margin: auto;
}

/* LD hide strength password meter */
#ld-password-strength__meter {
  display: none !important;
}

/* LD Confirmation message / UIKIT Notification success */
#ld-notice-success {
  max-width: 360px;
  display: block;
  margin: auto;
  position: absolute;
  z-index: 999999;
  top: 6%;
  left: 50%;
  transform: translate(-50%, 0%);
}


.learndash-wrapper input#wp-submit {
  max-width: 300px !important;
  margin-top: 2rem !important;
}

.learndash-wrapper input:focus-visible {
  outline: 0px solid #39f !important;
  outline-offset: 0px !important;
}

.learndash-wrapper address,
.learndash-wrapper dl,
.learndash-wrapper fieldset,
.learndash-wrapper figure,
.learndash-wrapper ol,
.learndash-wrapper p,
.learndash-wrapper pre,
.learndash-wrapper ul {
  margin: 0 0 15px 0;
}

.learndash-wrapper #learndash-registration-wrapper #learndash_registerform .learndash-required-field, .learndash-wrapper #learndash-reset-password-wrapper #learndash_registerform .learndash-required-field {
  color: #f0506e!important;
}

/* LD REGISTRATION / SHOW LOGIN PAGE */
p.registration-login {
  font-weight: bold;
}

/* // TRANSLATE PRESS - Orange outline */
.trp-highlight {
  outline: 2px solid orange !important;
}

/* // FIXES */
.trp-shortcode-switcher__wrapper * {
  font-weight: 700;
}
/* Language switcher alignment on mobile */
#tm-dialog-mobile .uk-offcanvas-bar .widget .trp-shortcode-switcher__wrapper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 110px;
}

.trp-shortcode-switcher {
  padding: 0;
  transform: translateY(4px);
  transition: all .2s ease;
}
/* GENERAL */

.crdt-profile-dropdown.uk-dropdown.uk-drop.uk-open {
  left: 50%!important;
  -webkit-transform: translateX(-50%)!important;
  transform: translateX(-50%)!important;
}
.uk-select {
  cursor: pointer;
}
body :focus-visible {
    outline: 0 !important;
    outline-offset: 0 !important;
}

/* // BREADCRUMBS Hide on Home Page */

body.home .tm-top {
  display: none!important;
}

.widget_breadcrumbs * {
  margin: 0 !important;
}

/* HOVER EXT LINKS (ENABLE custom.js to make this work) */
/* a[target="_blank"] {
    position: relative;
} */

a[target="_blank"] > i {
    position: absolute;
    right: -30px;
    bottom: 20px;
    width: 18px;
    height: 18px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .33s 0s;
}

a[target="_blank"] > i hr {
    position: absolute;
    margin: 0;
    background: rgba(0,0,0,.75);
    border: none;
    transition: transform .075s .2s, width .1s .2s, height .1s .2s;
}

a[target="_blank"] > i hr:nth-of-type(1) {
    /* bottom */
    bottom: 0;
    transform: translate3d(-100%,0,0);
}

a[target="_blank"] > i hr:nth-of-type(2) {
    /* right */
    right: 0;
    transform: translate3d(0,110%,0);
}

a[target="_blank"] > i hr:nth-of-type(3) {
    /* top */
    top: 0;
    transform: translate3d(100%,0,0);
}

a[target="_blank"] > i hr:nth-of-type(4) {
    /* left */
    left: 0;
    transform: translate3d(0,-110%,0);
}

a[target="_blank"] > i hr:nth-of-type(1),
a[target="_blank"] > i hr:nth-of-type(3) {
    /* bottom & top */
    left: -1px;
    width: 100%;
    height: 1px;
}

a[target="_blank"] > i hr:nth-of-type(2),
a[target="_blank"] > i hr:nth-of-type(4) {
    /* right & left */
    bottom: 1px;
    width: 1px;
    height: calc(100% - 2px);
}

a[target="_blank"] > i hr:nth-of-type(5) {
    /* arrow - top line */
    position: absolute;
    top: 0;
    right: 0;
    transform: translate3d(-22px,22px,0);
    width: 6px;
    height: 1px;
    overflow: visible;
    background: rgba(0,0,0,.75);
}

a[target="_blank"] > i hr:nth-of-type(5)::before,
a[target="_blank"] > i hr:nth-of-type(5)::after {
    /* arrow - right + 45deg line */
    content: '';
    position: absolute;
    top: 1px;
    right: 0;
    width: 1px;
    height: 5px;
    background: rgba(0,0,0,.75);
}

a[target="_blank"] > i hr:nth-of-type(5)::after {
    /* arrow - 45deg line */
    transform: rotateZ(45deg) translate3d(-25%,1px,0);
    transform-origin: top right;
    height: 10px;
}

a[target="_blank"]:hover > i {
    opacity: 1;
    transition: opacity 0s;
}

a[target="_blank"]:hover > i hr {
    transform: translate3d(0,0,0);
}

a[target="_blank"]:hover > i hr:nth-of-type(1) {
    transition-delay: .3s;
}

a[target="_blank"]:hover > i hr:nth-of-type(2) {
    height: 6px;
    transition: transform .075s .375s, height .44s .5s;
}

a[target="_blank"]:hover > i hr:nth-of-type(3) {
    width: 7px;
    transition: transform .075s .45s, width .44s .5s;
}

a[target="_blank"]:hover > i hr:nth-of-type(4) {
    transition-delay: .525s;
}

a[target="_blank"]:hover > i hr:nth-of-type(5) {
    transition: transform .5s .5s;
} */
/* END HOVER EXT LINKS */



/* ENABLE "SEARCH & FILTER" PLUGIN TO WORK */
/* S&F */
@media (min-width: 1200px) {
  .searchandfilter ul {
    display: flex;
    align-items: end;
  }
}

@media (min-width: 1200px) {
  .searchandfilter ul li {
    margin: 0 10px;
  }
}

@media (min-width: 1200px) {
  li.sf-field-reset {
    text-align: right;
  }
}

.searchandfilter ul {
  padding-left: 0;
  max-width: 1200px;
  width: 100%;
}

.searchandfilter ul li {
  /* width: 100%; */
}

.searchandfilter select.sf-input-select {
  width: 100%;
  padding: 0 10px;
  background: #f1f1f1;
  color: #666;
  border: 1px solid #e5e5e5;
  transition: .2s ease-in-out;
  transition-property: all;
  transition-property: all;
  transition-property: all;
  transition-property: color, background-color, border;
  height: 34px;
  cursor: pointer;
}

/* S&F Result grid */
.th--resourceItemImg {
  width: 100%;
  height: 150px;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
/* END "SEARCH & FILTER" STYLES */




/* --- PANCHU EDITS --- */

/* Translate Press plugin start */

/* 1. THE MAIN CONTAINER: Locks the outer boundary box so it cannot move or push the navbar items */
.trp-language-switcher-container {
    display: inline-block !important; 
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 10px !important; /* Adjust spacing to sit nicely next to your other navbar items */
    vertical-align: middle !important;
}

/* 2. CURRENT LANGUAGE WRAPPER: Stacks perfectly at the origin point */
.trp-ls-shortcode-current-language {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
}
.trp-ls-shortcode-current-language:hover {
  opacity: 1 !important;
  cursor: pointer !important;
}

/* 3. THE DROPDOWN CONTAINER: Forces the list completely out of layout flow so it can never push anything */
.trp-language-switcher-container .trp-ls-shortcode-language {
    position: absolute !important;
    top: 0 !important; /* Starts exactly over the active container to catch link alignments */
    left: 0 !important;
    width: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99999 !important;
    border: none !important;
    background-color: transparent !important;
}

/* When the dropdown list is active and revealed, layout its children vertically below the first element */
.trp-language-switcher-container .trp-ls-shortcode-language:not([style*="display: none"]),
.trp-language-switcher-container .trp-ls-shortcode-language:not([style*="display:none"]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    top: 0 !important; 
}

/* 4. UNIFIED LINK STYLE: Overrides the inline style dimensions and cuts them into perfect circles */
.trp-language-switcher-container div a,
.trp-language-switcher-container .trp-ls-shortcode-language a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Force perfect circle parameters */
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    
    /* Typography & Core Theme Colors */
    font-family: Inter, sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #d43440 !important;
    opacity: 0.8 !important;
    
    /* Layout Sanitize */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.35s ease-in-out !important;
    transform: none !important;
}

/* When the dropdown list opens, the first element (the disabled active link) overlaps the main box. 
   We add a vertical margin-top to the actual alternative links so they drop cleanly below the main circle. */
.trp-language-switcher-container .trp-ls-shortcode-language a:not(.trp-ls-shortcode-disabled-language) {
    margin-top: 0 !important; 
}

/* If TranslatePress duplicates the active language block inside the open flex container, 
   we force the list to stack sequentially down out-of-flow. */
.trp-language-switcher-container .trp-ls-shortcode-language a:nth-child(2) {
    margin-top: 44px !important; /* Breaks the second dropdown option directly underneath the original box */
}

/* HOVER ANIMATION: Soft opacity change without layout shift variables */
.trp-language-switcher-container div a:hover,
.trp-language-switcher-container .trp-ls-shortcode-language a:hover {
    opacity: 1 !important;
    background-color: #d43440 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

/* DISABLED POSITION TRACKING LOCK */
.trp-language-switcher-container div a.trp-ls-shortcode-disabled-language,
.trp-language-switcher-container div a.trp-ls-shortcode-disabled-language:hover {
    cursor: default !important;
    opacity: 1 !important;
    background-color: #d43440 !important;
    transform: none !important;
}

/* Translate Press plugin end */


.tm-top {
  background-color:transparent !important;
}
/* #content {
  border-radius:8px !important; 
} cloudflare widget */

/* UK - OVERRIDES START */

.uk-button-default, .uk-button-primary {
  text-align: left !important;
  transition: all 0.35s ease-in-out !important;
}
.uk-button-default:hover , .uk-button-primary:hover {
  transform: translateY(4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
}
.uk-button-secondary {
  display: none;
}
.uk-breadcrumb {
  margin-top:20px; 
}
.uk-breadcrumb li:nth-child(2) a {
  color: #44556d !important;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary {
  background-color: #fff !important;
  color: #d43440 !important;
  opacity:0.8 !important;
}
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
  background-color: #fff !important;
  opacity:1 !important;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
} 

@supports (filter:blur(0)) {
  .uk-box-shadow-bottom::after {
    height: 20px !important;
    background: rgba(0,0,0,0.15) !important;
    border-radius: 8% !important;
    filter: blur(16px) !important;
    bottom: -15px !important;
  }
}

  [class*="uk-box-shadow-hover"] {
  transition: box-shadow .35s ease-in-out;
}

.uk-notification-message-success,
.uk-modal-close,
 .uk-alert-success,
 .uk-notification-message.uk-notification-message-warning {
  background-color: #d43440 !important;
  color: #fff !important;
  border-color: transparent !important;  
} 
.uk-notification-message.uk-panel {
  background-color: #fff !important;
  color:#d43440 !important;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
}

.reset-pass .uk-button-primary {
  background-color: #d43440 !important;
  color: #fff !important;
}

/* UK - OVERRIDES END */


/* LEARNDASH LOGIN MODAL & REGISTRATION PAGE START */

/* Learndash Login Modal Start */
.ld-login-modal-register .ld-button.ld-button-reverse, 
.learndash-wrapper input#wp-submit,
.ld-registration__register-submit-wrapper .button-primary {
  background-color: #d43440 !important;
  color: #fff !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.35s ease-in-out !important;
}
.learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css), 
.learndash-wrapper input#wp-submit:hover, 
.ld-registration__register-submit-wrapper .button-primary:hover {
  background-color: #d43440 !important;
  transform: translateY(2px);
  opacity:1 !important;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
}
.ld-modal-heading {
  font-weight: 900;
}

/* Learndash Login Modal End */

/* Learndash Registration Start */

/* --- With Old UI of Registration Learndash--- */
/* .learndash-wrapper #learndash-registration-wrapper form input[type="email"], 
.learndash-wrapper #learndash-registration-wrapper form input[type="password"], 
.learndash-wrapper #learndash-registration-wrapper form input[type="text"], 
.learndash-wrapper #learndash-reset-password-wrapper form input[type="email"], 
.learndash-wrapper #learndash-reset-password-wrapper form input[type="password"], 
.learndash-wrapper #learndash-reset-password-wrapper form input[type="text"] {
  padding: 25px 100px 25px 20px;
  background: #f2f2f2;
  color: #666666;
  border-radius: 8px;
  border: 3px solid #44556d !important;
  box-shadow: 0 8px 12px rgba(0,0,0,0.15);
  transition: all .3s ease-in-out;
} */
 /* --- With New UI of Registration Learndash--- */
 .ld-registration__register .ld-registration__p:last-child {
  color: #666666;
 }
.ld-registration__heading, 
.ld-registration__login, 
.ld-registration__p, 
.ld-registration__register {
  color:#44556d !important;
 }
.ld-registration__forgot-password-form label,
.ld-registration__login-form label, .ld-registration__register-form label,
.ld-registration__reset-password-form label {
    color: #666666;
  }
.ld-form .ld-form__field--error:not(:focus),
.ld-registration__register-form input[type="text"],
.ld-registration__register-form input[type="email"],
.ld-registration__register-form input[type="text"],
.ld-registration__register-form input[type="password"], 
.ld-breakpoint--mobile .ld-button__password-visibility-toggle,
.ld-registration__login-form input[type="text"],
.ld-registration__login-form input[type="password"],
.learndash-wrapper .ld-login-modal input[type="text"],
.learndash-wrapper .ld-login-modal input[type="password"] {
  border-radius: 8px;
  border: 3px solid #f2f2f2 !important;
  box-shadow: 0 8px 12px rgba(0,0,0,0.15);
  background-color: #f2f2f2;
  transition: all .3s ease-in-out;
}
.ld-form .ld-form__field:focus,
.learndash-wrapper .ld-login-modal input[type="text"]:focus,
.ld-form .ld-form__field:hover,
.learndash-wrapper .ld-login-modal input[type="text"]:hover,
.learndash-wrapper .ld-login-modal input[type="password"]:focus,
.learndash-wrapper .ld-login-modal input[type="password"]:hover {
  box-shadow: none !important;
  border-color:#44556d !important;
  background-color:#fff;
}
.ld-registration__heading {
  display: none;
}
.ld-registration__register-form h2 {
  display: none;
}
.acf-required {
  color: #d43440;
}


/* Learndash Registration Page End */

/* LEARNDASH LOGIN MODAL & REGISTRATION PAGE END */




/* MY PROFILE PAGE START */

.my-profile .uk-form-label {
  font-size: 15px;
  color: #666666;
}
.my-profile .uk-input::placeholder {
  color:#666666;
}
.my-profile .uk-input,
.my-profile .uk-select:not([multiple]):not([size]) {
  border-radius: 8px;
  border: 3px solid #f2f2f2 !important;
  box-shadow: 0 8px 12px rgba(0,0,0,0.15);
  background-color: #f2f2f2;
  transition: all .3s ease-in-out;
}
.my-profile .uk-input:hover,
.my-profile .uk-select:not([multiple]):not([size]):hover,
.my-profile .uk-input:focus,
.my-profile .uk-select:not([multiple]):not([size]):focus,
.my-profile .uk-input:active,
.my-profile .uk-select:not([multiple]):not([size]):active  {
  border-color:#44556d !important;
  background-color:#fff;
}
/* .my-profile form > div:nth-child(9) .uk-form-label, .my-profile form > div:nth-child(10) .uk-form-label {
  color: #0574b9;
} */
.my-profile .uk-radio:checked {
  background-color: #d43440;
  border-color: transparent;
}
.my-profile .uk-radio {
  border-color: #d43440 !important;
}
.my-profile  .uk-button-primary {
  background-color: #d43440 !important;
  color: #fff !important;
}
.my-profile .uk-card-default {
  border-radius:8px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

/* MY PROFILE PAGE END */



/* HOME PAGE START */

/* --- Typography & Hidden Anchors --- */
.cardet-course-grid h3 {
  font-size: 20px;
  font-weight: 900;
  color: #d43440;
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}
.cardet-course-header .uk-button-primary {
  background-color: #d43440 !important;
  color: #fff !important;
}

.cardet-course-grid a {
  display: none;
}

/* --- Base Grid & Column Force Heights --- */
div[uk-grid] {
  display: flex;
  flex-wrap: wrap;
}

div[uk-grid] > div {
  display: flex;
}

/* --- Consolidated Card Formatting (High Specificity to drop !important) --- */
div[uk-grid] .uk-card.uk-card-default {
  display: flex;
  flex-direction: column;
  height: 420px;
  padding-top: 0;
  border-radius: 25px;   
  overflow: hidden;        
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  transition: all 0.35s ease-in-out;  
}

/* Optional: Slight hover effect to make them pop */
div[uk-grid] .uk-card.uk-card-default:hover {
  transform: translateY(-4px);
}

/* --- Color Borders Assigned by Position --- */

/* Course 5 / First Grid Item (Blue Border) */
div[uk-grid] > div:nth-child(1) .uk-card.uk-card-default {
  border: 3px solid #0574b9;
}

/* Course 4 / Second Grid Item (Peach / Salmon Border) */
div[uk-grid] > div:nth-child(2) .uk-card.uk-card-default {
  border: 3px solid #f6a292;
}

/* Course 3 / Third Grid Item (Slate Blue / Dark Blue Border) */
div[uk-grid] > div:nth-child(3) .uk-card.uk-card-default {
  border: 3px solid #44556d;
}

/* Course 2 / Fourth Grid Item (Red Border) */
div[uk-grid] > div:nth-child(4) .uk-card.uk-card-default {
  border: 3px solid #d43440;
}

/* Course 1 / Fifth Grid Item (Yellow / Amber Border) */
div[uk-grid] > div:nth-child(5) .uk-card.uk-card-default {
  border: 3px solid #f8b240;
}

div[uk-grid] > div:nth-child(6) .uk-card.uk-card-default {
  border: 3px solid #0574b9;
}

/* --- Image Fitting & Top Corner Mask --- */
div[uk-grid] .cardet-course-grid-image {
  margin-top: 0;
  margin-left: -20px;  /* Pulls image left to cover padding gap */
  width: calc(100% + 40px); /* Forces it to fill the micro-gaps perfectly */
  border-radius: 22px 22px 0 0;
}

div[uk-grid] .cardet-course-grid-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* --- Hide Read More Button & Fix Spacing --- */
div[uk-grid] .uk-card-default .uk-button.uk-button-default,
div[uk-grid] .uk-card-default p a[href*="courses"] {
  display: none;
}

div[uk-grid] .uk-card-body, 
div[uk-grid] .cardet-course-header {
  padding: 20px;
  flex-grow: 1;
}

div[uk-grid] .uk-card-default p {
  margin: 0;
}

/* Course Icon lock, not completed start */
.cardet-course-not-completed.uk-icon , 
.course-lock-icon.uk-icon,
.course-unlocked-icon.uk-icon {
  position: absolute;
  border-radius: 50%;
  padding: 5px;
  border: 3px solid #d43440;
  background-color: #fff;
  width: 25px !important;   
  height: 25px !important;  
  bottom: -160px;
  left: 50%;
  transform: translateX(-50%);
}
.cardet-course-not-completed:not(.cardet-course-locked).uk-icon svg {
  display: none;
}
/* Course Icon lock, not completed end */

/* HOME PAGE END */




/* COURSE PAGE START */ 

.ajax_content > div[uk-grid] .cardet-lesson-grid {
  padding: 30px 20px 15px 20px;
  display: block;
  align-self: center;
  max-height: 370px;
}

.ajax_content > div[uk-grid] > div:nth-child(1) .cardet-lesson-grid {
  border: 3px solid #f8b240;
  border-radius: 20px;
}
.ajax_content > div[uk-grid] > div:nth-child(2) .cardet-lesson-grid {
  border: 3px solid #d43440;
  border-radius: 20px;
}
.ajax_content > div[uk-grid] > div:nth-child(3) .cardet-lesson-grid {
  border: 3px solid #0574b9;
  border-radius: 20px;
}
.ajax_content > div[uk-grid] > div:nth-child(4) .cardet-lesson-grid {
  border: 3px solid #f6a292;
  border-radius: 20px;
}
.ajax_content > div[uk-grid] > div:nth-child(5) .cardet-lesson-grid {
  border: 3px solid #44556d;
  border-radius: 20px;
}

.cardet-lesson-grid {
  transition: all 0.35s ease-in-out;  
}
.cardet-lesson-grid:hover {
  transform: translateY(-4px);
  text-decoration: none;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
}

.cardet-lesson-grid-image {
  padding-bottom: 10px;
}
.cardet-lesson-header h2 {
  font-size: 18px;
  font-weight: 900;
  color: #d43440;
}
.cardet-lesson-header h2:first-line {
  font-size: 26px;
  color: #0574b9;
}
.cardet-lesson-completed.uk-icon {
  border: 3px solid #d43440 !important;
  background-color:#fff;
}
.cardet-lesson-not-completed.uk-icon {
  border: 3px solid #d43440 !important;
}

/* Vertical logo on the left of the page */
/* Add Vertical Logo */
.add-vertical-logo, .add-vertical-logo2 {
    position: relative;
}
.add-vertical-logo::before, .add-vertical-logo2::before {
  content: "";
  display: block;
  position: absolute;
  width: 110px;
  height: 310px;
  background-image: url("https://elearning.eduplay-project.eu/wp-content/uploads/2026/05/icourse-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.add-vertical-logo::before {
  top:10%;
  left: -200px;
}
.add-vertical-logo2::before {
  top: 0%;
  left: -140px;
}

/* COURSE PAGE END */



/* LESSON PAGE START */

.cardet-topics-list li {
  position: relative;
  background-color: #ccdaea;
  padding: 20px 20px;
    padding-left: 65px !important;
  color: #44556d;
  font-size: 20px;
}
.cardet-topics-list li:hover {
  pointer-events: all;
  transform:translateY(-2px);
}
.cardet-topics-list li img {
  left:15px !important;
}
.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: #d43440;
  background-color: #fff;
}
.cardet-topic-not-completed span {
  background-color: #44556d;
}
.uk-list .cardet-topic-completion-icon {
  right:15px !important;
}


/* Modal Quizzes/ Activites Start */

.uk-modal-dialog {
  width:950px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem > table td {
  width:20%
}
.learndash-wrapper .ld-breadcrumbs {
  background-color: #ccdaea !important;
  border-radius: 8px !important;
  color:#44556d !important;
}
.wpProQuiz_content .wpProQuiz_results .wpProQuiz_results_icon.wpProQuiz_results_icon_pass {
    background-color: #d43440 !important;
}
.learndash-wrapper .ld-quiz-actions input[name="restartQuiz"], 
.learndash-wrapper .ld-quiz-actions input[name="reShowQuestion"], 
.quiz_continue_link,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz) {
  background-color: #d43440 !important;
  color: #fff !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.35s ease-in-out !important;
}
.learndash-wrapper .ld-quiz-actions input[name="restartQuiz"]:hover,
.learndash-wrapper .ld-quiz-actions input[name="reShowQuestion"]:hover,
.quiz_continue_link:hover, 
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz):hover {
  background-color: #d43440 !important;
  transform: translateY(4px);
  opacity:1;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
}
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
  background-color: #d43440 !important;
  color: #fff !important;
  opacity:1;
  border-radius: 8px !important;
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}
.quiz_continue_link {
  display: none !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label.is-selected, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label:focus-within {
  border-color: #d43440;
}

.prt_sbMenu_14x14x32,
.prt_StatusBarDownArrow_5x3x32 {
  display:none !important;
}

/* Modal Quizzes/ Activites End */


/* LESSON PAGE END */



/* Smaller  Devices Adjustments - Start */

@media only screen and (max-width: 1536px) {
    .add-vertical-logo::before {
        left:-135px;
    }
    .add-vertical-logo2::before {
        left:-95px;
    }

}

@media only screen and (max-width: 1440px) {
    .add-vertical-logo::before {
        left:-105px !important;
        height:210px;
    }
    .add-vertical-logo2::before {
        left:-62px !important;
        height:210px;
    }

} 

@media only screen and (max-width: 1385px) {
.add-vertical-logo::before, .add-vertical-logo2::before {
        display: none;
    }

  }