.elementor-kit-36{--e-global-color-primary:#021327;--e-global-color-secondary:#C39235;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Helvetica";--e-global-typography-accent-font-weight:500;}.elementor-kit-36 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 */.bargh{ position: relative; overflow: hidden; } .bargh::after{ content: ""; position: absolute; inset: 0; width: 0; background: rgba(255,255,255,.4); transition: .4s ease-in-out; } .bargh:hover::after{ width: 120%; background: transparent; } .glass-box { background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } p { margin: 0; } /* ========================================================= FISLA - GLOBAL LEARNDASH COURSE CONTENT Applies to all courses / course content ========================================================= */ /* ================================ COURSE CONTENT WRAPPER ================================ */ .ld-item-list.ld-lesson-list { width: 100%; } /* ================================ SECTION HEADING ================================ */ .ld-item-list.ld-lesson-list .ld-section-heading { margin-bottom: 28px !important; } /* Heading */ .ld-item-list.ld-lesson-list .ld-section-heading h2 { margin: 0 !important; padding: 0 !important; color: #0D2D68 !important; font-size: 28px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -0.3px; } /* Small gold decorative line */ .ld-item-list.ld-lesson-list .ld-section-heading h2::before { content: ""; display: block; width: 58px; height: 3px; margin-bottom: 14px; background: #CFA53A; border-radius: 3px; } /* ================================ LESSON LIST ================================ */ .ld-item-list.ld-lesson-list .ld-item-list-items { display: flex !important; flex-direction: column; gap: 18px; } /* ================================ LESSON CARD ================================ */ .ld-item-list.ld-lesson-list .ld-item-list-item { margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; border: 1px solid #E2E7EF !important; border-radius: 12px !important; overflow: hidden; box-shadow: none; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } /* Hover */ .ld-item-list.ld-lesson-list .ld-item-list-item:hover { border-color: #D5B15A !important; box-shadow: 0 8px 24px rgba(13, 45, 104, 0.08); transform: translateY(-2px); } /* ================================ LESSON ROW ================================ */ .ld-item-list.ld-lesson-list .ld-item-list-item-preview { min-height: 80px; padding: 20px 24px !important; display: flex; align-items: center; } /* ================================ LESSON LINK ================================ */ .ld-item-list.ld-lesson-list .ld-item-name { display: flex !important; align-items: center; width: 100%; gap: 16px; text-decoration: none !important; } /* ================================ STATUS CIRCLE ================================ */ .ld-item-list.ld-lesson-list .ld-status-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; margin: 0 !important; border-radius: 50% !important; background: #FFFFFF !important; border: 3px solid #CFA53A !important; box-shadow: none !important; } /* Make all incomplete states gold */ .ld-item-list.ld-lesson-list .ld-status-incomplete { background-color: #FFFFFF !important; border-color: #CFA53A !important; } /* ================================ LESSON TITLE ================================ */ .ld-item-list.ld-lesson-list .ld-item-title { color: #0D2D68 !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.5 !important; transition: color 0.2s ease; } /* Hover title */ .ld-item-list.ld-lesson-list .ld-item-list-item:hover .ld-item-title { color: #B58A20 !important; } /* ================================ NOT STARTED ================================ */ .ld-item-list.ld-lesson-list .ld-item-title::after { content: "Not started"; display: block; margin-top: 5px; color: #CFA53A !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; } /* ================================ ITEM DETAILS ================================ */ .ld-item-list.ld-lesson-list .ld-item-details { display: none !important; } /* ================================ TOOLTIP ================================ */ .ld-item-list.ld-lesson-list .ld-tooltip__text { display: none !important; } /* ================================ REMOVE DEFAULT SPACING ================================ */ .ld-item-list.ld-lesson-list .ld-item-list-item + .ld-item-list-item { margin-top: 0 !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 767px) { /* Heading */ .ld-item-list.ld-lesson-list .ld-section-heading { margin-bottom: 20px !important; } .ld-item-list.ld-lesson-list .ld-section-heading h2 { font-size: 24px !important; } /* Lesson */ .ld-item-list.ld-lesson-list .ld-item-list-item-preview { min-height: 70px; padding: 17px 16px !important; } /* Link */ .ld-item-list.ld-lesson-list .ld-item-name { gap: 12px; } /* Circle */ .ld-item-list.ld-lesson-list .ld-status-icon { width: 26px !important; height: 26px !important; min-width: 26px !important; border-width: 2px !important; } /* Title */ .ld-item-list.ld-lesson-list .ld-item-title { font-size: 15px !important; } /* Not started */ .ld-item-list.ld-lesson-list .ld-item-title::after { margin-top: 3px; font-size: 12px !important; } }/* End custom CSS */