/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.lms-course-card{position:relative;display:flex;overflow:clip;flex-direction:column;box-sizing:border-box;min-height:280px;transition:box-shadow 0.3s ease-in-out;border:1px solid var(--color-gray-300,#ddd);border-radius:var(--border-radius,0.25rem);background-color:#b3e2fa;background-image:url(/modules/contrib/lms/components/course_card/images/course-card-default-background.svg);background-position:center;background-size:cover;box-shadow:0 2px 4px rgb(0,0,0,0.1);line-height:1.15;}.lms-course-card:hover,.lms-course-card:focus-within{box-shadow:0 5px 20px rgb(0,0,0,0.3);}.lms-course-card > div{margin:0;}.lms-course-card__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;padding:0;transition:background-color 0.3s ease-in-out;background-color:rgb(225,240,255,0);background-image:linear-gradient(0deg,rgb(50,50,50,0.4) 0%,rgb(200,200,200,0.4) 25%,rgb(255,255,255,0.4) 40%,rgb(255,255,255,0.25) 100%);}.lms-course-card:hover .lms-course-card__overlay,.lms-course-card:focus-within .lms-course-card__overlay{background-color:rgb(225,240,255,0.35);}.lms-course-card__content{position:relative;z-index:3;display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;pointer-events:none;}.lms-course-card__header{margin-bottom:0.5rem;}.lms-course-card__main-content{flex-grow:1;margin-bottom:0;}.lms-course-card__title{margin:0;color:var(--color-text,black);text-shadow:1px 1px 5px rgb(255,255,255,0.75);font-size:1.5rem;font-weight:600;line-height:1.3;}.lms-course-card__title a{text-decoration:none;pointer-events:auto;color:inherit;}.lms-course-card__title a::after{position:absolute;content:"";inset:0;}.lms-course-card__title a:focus,.lms-course-card__title a:focus-visible{outline:none;}.lms-course-card:has(.lms-course-card__title a:focus-visible){outline:2px solid var(--color-primary,#1475ad);outline-offset:2px;}.lms-course-card__description{margin-bottom:0.75rem;color:var(--color-text,black);text-shadow:1px 1px 2px rgb(255,255,255,0.75),-1px -1px 2px rgb(255,255,255,0.75);font-size:0.9rem;line-height:1.4;}.lms-course-card__meta{margin-bottom:0.5rem;}.lms-course-card__meta-item{margin-bottom:0.5rem;}.lms-course-card__meta-item:last-child{margin-bottom:0;}.lms-course-card__meta-label{display:block;margin-bottom:0.1rem;letter-spacing:0.5px;text-transform:uppercase;color:var(--color-text,black);text-shadow:0 1px 2px rgb(255,255,255,0.5);font-size:0.75rem;font-weight:600;}.lms-course-card__meta-content{position:relative;z-index:3;pointer-events:auto;color:var(--color-text,black);text-shadow:0 1px 2px rgb(255,255,255,0.5);font-size:0.85rem;line-height:1.3;}.lms-course-card__meta-content > *{margin:0;}.lms-course-card__footer{position:relative;z-index:3;display:flex;justify-content:flex-end;margin-top:auto;pointer-events:none;}.lms-course-card__footer > *{pointer-events:auto;}.lms-course-card .lms-start-link a{position:relative;z-index:4;display:inline-block;min-width:120px;margin:0;padding:0.5em 1em;transition:background-color 0.2s ease,color 0.2s ease,transform 0.2s ease,filter 0.2s ease;text-align:center;text-decoration:none;color:var(--color-on-primary,white);border-radius:1.5rem;background-color:var(--color-primary,#1475ad);box-shadow:1px 2px 4px rgb(0,0,0,0.25);font-size:1rem;font-weight:600;}.lms-course-card .lms-start-link a:hover,.lms-course-card .lms-start-link a:focus{text-decoration:none;filter:brightness(115%);color:var(--color-on-primary-hover,white);box-shadow:1px 3px 6px rgb(0,0,0,0.3);}.lms-course-card .lms-start-link a.start-link--start,.lms-course-card .lms-start-link a.start-link--continue{background-color:var(--color-success,#28a745);}.lms-course-card .lms-start-link a.start-link--revisit,.lms-course-card .lms-start-link a.start-link--restart{background-color:var(--color-info,#17a2b8);}.lms-course-card .lms-action-info span{position:relative;z-index:4;display:inline-block;min-width:120px;margin:0;padding:0.5em 1em;text-align:center;color:var(--color-on-primary,white);border-radius:1.5rem;background-color:rgb(0,0,0,0.7);box-shadow:1px 2px 4px rgb(0,0,0,0.125);font-size:1rem;font-weight:600;}.lms-course-card .lms-action-info .needs-evaluation{color:var(--color-on-warning,black);background-color:var(--color-warning,#f0ad4e);}.lms-course-card .lms-action-info .no-classes{color:var(--color-on-error,white);background-color:var(--color-error,#d9534f);}.lms-course-card .lms-action-info .no-access{color:var(--color-on-neutral,white);background-color:var(--color-neutral-dark,#6c757d);}.lms-course-card .lms-action-info .pending-approval{color:var(--color-on-info,white);background-color:var(--color-info,#17a2b8);}.lms-course-card .lms-action-info .coming-soon{color:var(--color-text,black);background-color:var(--color-primary-lighter,#daedf8);}
.lms-start-link a{display:inline-block;min-width:120px;padding:0.75em 1.5em;transition:background-color 0.2s ease,color 0.2s ease;text-align:center;text-decoration:none;color:var(--color-on-primary,white);border-radius:0.2rem;background-color:var(--color-primary,#1475ad);font-size:1.2rem;font-weight:600;}.lms-start-link a:hover,.lms-start-link a:focus{text-decoration:none;color:var(--color-on-primary-hover,white);background-color:var(--color-primary-dark,#106392);}
.header-nav{display:flex;align-items:center;gap:0.5rem;margin-inline-start:auto;& h2{display:none;}@media (max-width:767px){display:none;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:var(--header-height);inset-inline:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0.75rem 1.25rem 1rem;&.is-open{display:flex;}}}.header-actions{display:flex;align-items:center;@media (max-width:767px){padding-block-start:0.75rem;border-block-start:1px solid var(--color-border);}}.nav-toggle{display:none;flex-shrink:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.25rem;height:2.25rem;margin-inline-start:auto;padding:0.375rem;background:transparent;border:none;border-radius:0.375rem;cursor:pointer;&:hover{background-color:var(--color-surface-alt);}@media (max-width:767px){display:flex;}}.nav-toggle__bar{display:block;width:1.25rem;height:2px;background-color:var(--color-text);border-radius:2px;transition:transform 0.2s ease,opacity 0.2s ease;pointer-events:none;}.nav-toggle[aria-expanded="true"]{& .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg);}& .nav-toggle__bar:nth-child(2){opacity:0;transform:scaleX(0);}& .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}}.nav-menu{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:0.25rem;& li{margin:0;}& a{display:block;padding:0.5rem 0.875rem;font-size:0.9375rem;font-weight:500;color:var(--color-text);text-decoration:none;border-radius:0.375rem;white-space:nowrap;transition:background-color 0.15s,color 0.15s;&:hover{background-color:var(--color-surface-alt);color:var(--color-brand);}&.is-active{color:var(--color-brand);font-weight:600;}}@media (max-width:767px){flex-direction:column;align-items:stretch;gap:0;}}.nav-menu--account a{padding:0.4375rem 1rem;font-size:0.875rem;font-weight:600;color:var(--color-brand);border:1.5px solid var(--color-brand);border-radius:0.375rem;&:hover{background-color:var(--color-brand);color:#fff;}@media (max-width:767px){border:none;color:var(--color-text);&:hover{background-color:var(--color-surface-alt);color:var(--color-brand);}}}
.site-branding{flex-shrink:0;& .site-branding__link{display:flex;align-items:center;gap:0.625rem;text-decoration:none;&:hover .site-branding__name{color:var(--color-brand);}}& img{height:2.5rem;width:auto;display:block;}& .site-branding__name{font-weight:700;font-size:1.125rem;letter-spacing:-0.02em;color:var(--color-text);transition:color 0.15s;}}.site-slogan{display:none;}
:root{--color-brand:#1d4ed8;--color-brand-dark:#1e40af;--color-brand-light:#eff6ff;--color-text:#111827;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-border:#e5e7eb;--color-surface:#ffffff;--color-surface-alt:#f9fafb;--color-surface-dark:#111827;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--header-height:4rem;}
@layer base{*,*::before,*::after{box-sizing:border-box;}.hidden{display:none;}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.visually-hidden.focusable:focus,.visually-hidden.focusable:focus-within{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0;}.clearfix::after{content:'';display:table;clear:both;}img,svg{display:block;max-width:100%;height:auto;}hr{border:none;border-block-start:1px solid var(--color-border);margin-block:2rem;}}
@layer base{html{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-0.025em;margin-block:0 0.5rem;}h2{font-size:clamp(1.375rem,2.5vw,1.875rem);font-weight:700;line-height:1.25;letter-spacing:-0.015em;margin-block:2.5rem 0.75rem;}h3{font-size:1.375rem;font-weight:600;line-height:1.3;margin-block:2rem 0.5rem;}h4{font-size:1.125rem;font-weight:600;line-height:1.4;margin-block:1.5rem 0.375rem;}h5,h6{font-size:1rem;font-weight:600;margin-block:1.25rem 0.25rem;}h1,h2,h3,h4,h5,h6{color:var(--color-text);}p{margin-block:1rem;&:first-child{margin-block-start:0;}&:last-child{margin-block-end:0;}}a{color:var(--color-brand);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color 0.15s,color 0.15s;&:hover{text-decoration-color:currentColor;}&:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:2px;}}ul{list-style:disc;padding-inline-start:1.5em;margin-block:0.75rem;}ol{list-style:decimal;padding-inline-start:1.5em;margin-block:0.75rem;}li{margin-block:0.3em;}blockquote{border-inline-start:3px solid var(--color-brand);padding-inline-start:1.5rem;padding-block:0.375rem;margin-inline:0;margin-block:1.75rem;color:var(--color-text-muted);font-size:1.125rem;line-height:1.7;font-style:italic;}strong,b{font-weight:700;}em,i{font-style:italic;}code{font-family:ui-monospace,"Cascadia Code","Fira Code",Consolas,monospace;font-size:0.875em;background-color:var(--color-surface-alt);border:1px solid var(--color-border);padding:0.1em 0.375em;border-radius:0.25rem;}pre{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:0.5rem;padding:1.25rem;overflow-x:auto;margin-block:1.5rem;& code{background:none;border:none;padding:0;font-size:0.875rem;}}table{width:100%;border-collapse:collapse;font-size:0.9375rem;margin-block:1.5rem;}th{text-align:start;font-weight:600;padding:0.75rem 1rem;border-bottom:2px solid var(--color-border);}td{padding:0.75rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:top;}tr:last-child td{border-bottom:none;}}@layer site{.container{width:100%;max-width:75rem;margin-inline:auto;padding-inline:1.25rem;@media (min-width:640px){padding-inline:1.5rem;}@media (min-width:1024px){padding-inline:2.5rem;}}.site-header{position:sticky;top:0;z-index:40;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);}.header-inner{display:flex;align-items:center;height:var(--header-height);gap:1rem;}.site-main{padding-block:2.5rem 4rem;}.content-layout{display:block;&.content-layout--with-sidebar{@media (min-width:1024px){display:grid;grid-template-columns:1fr 18rem;gap:3rem;align-items:start;}}}.block-page-title-block h1{margin-block:0 2rem;}.field--name-body{max-width:70ch;font-size:1.0625rem;line-height:1.8;& h2{margin-block-start:2.75rem;}& h3{margin-block-start:2.25rem;}& p > strong:only-child{display:block;margin-block-start:1.75rem;}& ul,& ol{margin-block:1rem;}& li{margin-block:0.4em;}}.button{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.75rem;font-size:0.9375rem;font-weight:600;line-height:1;border-radius:0.5rem;text-decoration:none;border:2px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background-color 0.15s,color 0.15s,border-color 0.15s;margin-block:0.5rem;&:hover{border-color:var(--color-text-muted);background-color:var(--color-surface-alt);color:var(--color-text);text-decoration:none;}&:active{transform:translateY(1px);}&:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;}}.button-primary{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand);&:hover{background-color:var(--color-brand-dark);border-color:var(--color-brand-dark);color:#fff;text-decoration:none;}}.site-footer{background-color:var(--color-surface-dark);color:#9ca3af;padding-block:3rem;font-size:0.875rem;& a{color:#d1d5db;&:hover{color:#fff;}}& h2{color:#e5e7eb;font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;margin-block-start:0;}}.course-layout{display:grid;gap:2rem;align-items:start;@media (min-width:768px){grid-template-columns:18rem 1fr;gap:2.5rem;}@media (min-width:1024px){grid-template-columns:22rem 1fr;}}.course-layout__image{& img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:0.75rem;display:block;}}.course-layout__body{& h1,& h2{margin-block-start:0;}& .field--name-field-description{font-size:1.0625rem;line-height:1.8;color:var(--color-text-muted);margin-block-end:1.75rem;}}.user-profile{display:grid;gap:2rem;align-items:start;@media (min-width:768px){grid-template-columns:14rem 1fr;gap:3rem;}@media (min-width:1024px){grid-template-columns:17rem 1fr;}}.user-profile__avatar{& img{width:100%;max-width:10rem;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid var(--color-border);@media (min-width:768px){max-width:100%;}}}.user-profile__summary{margin-block-start:1.25rem;font-size:0.9375rem;color:var(--color-text-muted);line-height:1.6;& p{margin-block:0.5rem;&:first-child{margin-block-start:0;}}}.user-profile__bio{font-size:1.0625rem;line-height:1.8;& h2{margin-block-start:2rem;}& ul,& ol{margin-block:1rem;}}.form-item{margin-block-end:1.25rem;}.form-item label{display:block;margin-block-end:0.375rem;font-size:0.875rem;font-weight:600;color:var(--color-text);}.form-required{color:#dc2626;margin-inline-start:0.15em;}.form-text,.form-email,.form-tel,.form-url,.form-number,.form-search,.form-password,.form-textarea,.form-select,input[type="text"]:not([class]),input[type="email"]:not([class]),input[type="password"]:not([class]),textarea:not([class]),select:not([class]){display:block;width:100%;padding:0.625rem 0.875rem;font-size:0.9375rem;font-family:inherit;line-height:1.5;color:var(--color-text);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:0.5rem;transition:border-color 0.15s,box-shadow 0.15s;appearance:none;&::placeholder{color:var(--color-text-light);}&:hover:not(:focus){border-color:var(--color-text-muted);}&:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 15%,transparent);}}.form-textarea,textarea{min-height:7rem;resize:vertical;}.form-select,select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;padding-inline-end:2.5rem;cursor:pointer;}.form-item__description,.description{margin-block-start:0.375rem;font-size:0.8125rem;color:var(--color-text-muted);line-height:1.5;}.form-item.error,.form-item--error{& label{color:#dc2626;}& .form-text,& .form-email,& .form-password,& .form-textarea,& .form-select,& input,& textarea,& select{border-color:#dc2626;&:focus{box-shadow:0 0 0 3px color-mix(in srgb,#dc2626 15%,transparent);}}}.form-item .error,.form-item__error-message{display:block;margin-block-start:0.375rem;font-size:0.8125rem;color:#dc2626;font-weight:500;}.form-type-checkbox,.form-type-radio{display:flex;align-items:flex-start;gap:0.625rem;& label{margin-block-end:0;font-weight:400;cursor:pointer;}& input{width:1rem;height:1rem;margin-block-start:0.2rem;flex-shrink:0;accent-color:var(--color-brand);cursor:pointer;appearance:auto;border:none;padding:0;box-shadow:none;}}.form-actions{margin-block-start:1.75rem;display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;}input[type="submit"],button[type="submit"],.form-submit{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.75rem;font-size:0.9375rem;font-weight:600;line-height:1;font-family:inherit;border-radius:0.5rem;border:2px solid var(--color-brand);background-color:var(--color-brand);color:#fff;cursor:pointer;transition:background-color 0.15s,border-color 0.15s;&:hover{background-color:var(--color-brand-dark);border-color:var(--color-brand-dark);}&:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;}&:active{transform:translateY(1px);}}fieldset{border:1.5px solid var(--color-border);border-radius:0.5rem;padding:1.25rem 1.5rem;margin-block-end:1.25rem;}legend{font-weight:600;font-size:0.9375rem;padding-inline:0.5rem;color:var(--color-text);}.block-system-breadcrumb-block{margin-block-end:1.5rem;& nav{display:block;}& ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:0;font-size:0.8125rem;color:var(--color-text-muted);}& li{display:flex;align-items:center;margin:0;&::after{content:'/';margin-inline:0.5rem;color:var(--color-border);}&:last-child::after{display:none;}&:last-child{color:var(--color-text);font-weight:500;}}& a{color:var(--color-text-muted);text-decoration:none;&:hover{color:var(--color-brand);}}}.block-local-tasks-block{& h2{display:none;}& ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 2rem;border-bottom:2px solid var(--color-border);gap:0.125rem;}& li{margin:0;}& a{display:block;padding:0.5rem 1rem;margin-bottom:-2px;font-size:0.875rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;border-bottom:2px solid transparent;border-radius:0.25rem 0.25rem 0 0;transition:color 0.15s,border-color 0.15s,background-color 0.15s;&:hover{color:var(--color-brand);border-bottom-color:var(--color-brand);background-color:var(--color-brand-light);}&.is-active{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:600;}}}.toolbar-fixed .site-header{top:39px;}.toolbar-tray-open.toolbar-vertical.toolbar-fixed .site-header{top:79px;}#sliding-popup .eu-cookie-compliance-content{padding-block-start:0.75rem;font-size:0.875rem;}#sliding-popup .eu-cookie-compliance-message h2{font-size:1rem;font-weight:600;margin-block:0 0.375rem;}#sliding-popup .eu-cookie-compliance-message p{font-size:0.875rem;}#sliding-popup .eu-cookie-compliance-category-description{font-size:0.8125rem;}.view--team .views-row + .views-row{padding-block-start:3rem;}}
