:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--color-parent-focus-state:var(--color-state-hover);--btn-parent-focus-prim-bg-color:var(--color-state);--btn-parent-focus-prim-text-color:var(--color-neutral-1);--btn-parent-focus-prim-border-color:var(--color-state);--link-parent-color:var(--link-color);--btn-parent-text-color-active:var(--btn-text-color-active);--btn-parent-bg-color-active:var(--btn-bg-color-active);--btn-parent-prim-text-color-active:var(--btn-prim-text-color-active);--btn-parent-prim-bg-color-active:var(--btn-prim-bg-color-active);--btn-parent-prim-border-color-active:var(--btn-prim-border-color-active);--btn-prim-text-color:var(--primary-button-text-color);--btn-prim-bg-color:var(--primary-button-background-color);--btn-prim-border-color:var(--primary-button-border-color);--btn-prim-bg-color-hover:var(--primary-button-hover-background-color);--btn-prim-border-color-hover:var(--primary-button-hover-border-color);--btn-prim-text-color-hover:var(--primary-button-hover-text-color);--color-primary:var(--brand-color-primary);--color-secondary:var(--brand-color-secondary);--color-tertiary:var(--brand-color-tertiary);--color-neutral-1:var(--brand-color-white);--color-neutral-7:var(--brand-color-black);--thinkui-ragredtext:var(--rag-red-text-color);--thinkui-ragred:var(--rag-red-background-color);--thinkui-ragambertext:var(--rag-amber-text-color);--thinkui-ragamber:var(--rag-amber-background-color);--thinkui-raggreentext:var(--rag-green-text-color);--thinkui-raggreen:var(--rag-green-background-color);--font-family:var(--body-font-family);--font-body-size:var(--body-font-size);--color-text:var(--body-font-color);--font-size-heading-level-1:var(--heading-level-one-font-size);--font-heading-large-size:var(--heading-level-one-font-size);--font-size-heading-level-2:var(--heading-level-two-font-size);--font-heading-size:var(--heading-level-two-font-size);--font-size-heading-level-3:var(--heading-level-three-font-size);--font-heading-small-size:var(--heading-level-three-font-size);--font-size-heading-level-4:var(--heading-level-four-font-size);--font-heading-x-small-size:var(--heading-level-four-font-size);--font-size-heading-level-5:var(--heading-level-five-font-size);--font-size-heading-level-6:var(--heading-level-six-font-size);--link-color-hover:var(--link-hover-color);--tabs-text-color-active:var(--link-active-color);--tabs-bg-color-selected:var(--brand-color-page-background);--tabs-text-color-focus:var(--link-active-focus);--tabs-bg-color-focus:none;--btn-shadow:var(--button-box-shadow);--btn-border-width:var(--button-border-width);--btn-radius:var(--button-border-radius);--btn-bg-color:var(--button-background-color);--btn-text-color:var(--button-text-color);--btn-border-color:var(--button-border-color);--color-state-focus:var(--button-focus-state-outline-color);--btn-shadow-hover:var(--button-hover-box-shadow);--btn-text-color-hover:var(--button-hover-text-color);--btn-bg-color-hover:var(--button-hover-background-color);--btn-border-color-hover:var(--button-hover-border-color);--nav-bg-color:var(--header-background-color);--nav-tab-text-color:var(--menu-item-text-color);--nav-tab-bg-color:var(--main-menu-background-color);--nav-tab-text-color-focus:var(--menu-item-hover-text-color);--nav-tab-text-color-selected:var(--menu-item-selected-text-color);--nav-text-decoration:var(--menu-item-text-decoration);--nav-text-hover-decoration:var(--menu-item-hover-text-decoration);--nav-sub-bg-color:var(--menu-sub-menu-background-color);--nav-tab-expand-bg-color:var(--menu-sub-menu-background-color);--nav-sub-tab-bg-color:var(--menu-sub-menu-background-color);--nav-sub-border-color:var(--menu-sub-menu-border-color);--nav-tab-expand-border-color:var(--menu-sub-menu-border-color);--footer-bg-color:var(--footer-background-color)}body{--color-state-hover:color-mix(in srgb, var(--brand-color-primary) 80%, white 20%);--color-state-active:color-mix(in srgb, var(--brand-color-primary) 80%, black 20%);--color-state:var(--brand-color-primary);--btn-text-color-active:var(--button-active-state-text-color, var(--btn-parent-text-color-active));--btn-bg-color-active:var(--button-active-state-background-color, var(--btn-parent-bg-color-active));--btn-prim-text-color-active:var(--button-active-state-text-color, var(--btn-parent-prim-text-color-active));--btn-prim-bg-color-active:var(--button-active-state-background-color, var(--btn-parent-prim-bg-color-active));--btn-prim-border-color-active:var(--button-active-state-background-color, var(--btn-parent-prim-border-color-active))}.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:flex-end;direction:ltr;box-shadow:0 0 5px rgba(0, 0, 0, 0.05), 0 5px 20px rgba(0, 0, 0, 0.1);-webkit-user-select:none;user-select:none}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(90deg, #fff, currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:16px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0}.clr-hue{background-image:linear-gradient(to right, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%)}.clr-alpha,.clr-hue{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor)}.clr-alpha input[type=range],.clr-hue input[type=range]{position:absolute;width:calc(100% + 32px);height:16px;left:-16px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.clr-alpha div,.clr-hue div{position:absolute;width:16px;height:16px;left:0;top:50%;margin-left:-8px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-format{display:none;order:1;width:calc(100% - 40px);margin:0 20px 20px}.clr-segmented{display:flex;position:relative;width:100%;margin:0;padding:0;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;font-size:12px}.clr-segmented input,.clr-segmented legend{position:absolute;width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;opacity:0;pointer-events:none}.clr-segmented label{flex-grow:1;margin:0;padding:4px 0;font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 4px 6px 4px;padding:0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}input.clr-color{order:1;width:calc(100% - 80px);height:32px;margin:15px 20px 20px auto;padding:0 10px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:center;box-shadow:none}input.clr-color:focus{outline:0;border:1px solid #1e90ff}.clr-clear,.clr-close{display:none;order:2;height:24px;margin:0 20px 20px;padding:0 20px;border:0;border-radius:12px;color:#fff;background-color:#666;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border-radius:50%;overflow:hidden}.clr-preview:after,.clr-preview:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}.clr-preview button{position:absolute;width:100%;height:100%;z-index:1;margin:0;padding:0;border:0;border-radius:50%;outline-offset:-2px;background-color:transparent;text-indent:-9999px;cursor:pointer;overflow:hidden}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:transparent}.clr-field input{margin:0;direction:ltr}.clr-field.clr-rtl input{text-align:right}.clr-field button{position:absolute;width:30px;height:100%;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field.clr-rtl button{right:auto;left:0}.clr-field button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.5)}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);background-position:0 0, 4px 4px;background-size:8px 8px}.clr-marker:focus{outline:0}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-segmented input:focus+label{outline:0;box-shadow:0 0 0 2px #1e90ff, 0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5)}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-preview:before,.clr-dark .clr-swatches button{background-image:repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1), 0 5px 30px rgba(0, 0, 0, 0.2)}.clr-picker.clr-polaroid:before{content:'';display:block;position:absolute;width:16px;height:10px;left:20px;top:-10px;border:solid transparent;border-width:0 8px 10px 8px;border-bottom-color:currentColor;box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.1));pointer-events:none}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotateZ(180deg)}.clr-polaroid .clr-gradient{width:calc(100% - 20px);height:120px;margin:10px;border-radius:3px}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{width:calc(100% - 30px);height:10px;margin:6px 15px;border-radius:5px}.clr-polaroid .clr-alpha div,.clr-polaroid .clr-hue div{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px 10px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{width:380px;padding-left:180px;box-sizing:border-box}.clr-pill .clr-gradient{position:absolute;width:180px;height:100%;left:0;top:0;margin-bottom:0;border-radius:3px 0 0 3px}.clr-pill .clr-hue{margin-top:20px}.clr-picker .clr-close{margin:0 18px 20px auto}.theme_settings .tui-contextInvalid .clr-field .colorisInput{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}.theme_settings .clr-field{display:block}.theme_settings .clr-field button[type="button"]{width:50%;height:calc(100% - 2px);margin-right:1px;border-top-right-radius:0.33rem;border-bottom-right-radius:0.33rem}.theme_settings .clr-field button[type="button"]:has(+ .colorisInput[disabled]){opacity:0.7}.theme_settings .clr-field .colorisInput{display:block;flex-grow:1;box-sizing:border-box;width:100%;min-width:0;height:var(--form-input-height);padding:calc((var(--form-input-height) - (var(--form-input-font-size) * var(--form-input-line-height)) - (var(--form-input-border-size) * 2)) / 2) var(--gap-3);color:var(--form-input-text-color);font-size:var(--form-input-font-size);line-height:var(--form-input-line-height);background:var(--form-input-bg-color);border:var(--form-input-border-size) solid var(--form-input-border-color);border-radius:var(--form-input-border-radius)}.theme_settings .clr-field .colorisInput::placeholder{color:var(--form-input-text-placeholder-color)}.theme_settings .clr-field .colorisInput[disabled]{color:var(--form-input-text-color-disabled);background:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:flex-end;direction:ltr;box-shadow:0 0 5px rgba(0, 0, 0, 0.05), 0 5px 20px rgba(0, 0, 0, 0.1);-webkit-user-select:none;user-select:none}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(90deg, #fff, currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:16px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0}.clr-hue{background-image:linear-gradient(to right, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%)}.clr-alpha,.clr-hue{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor)}.clr-alpha input[type=range],.clr-hue input[type=range]{position:absolute;width:calc(100% + 32px);height:16px;left:-16px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.clr-alpha div,.clr-hue div{position:absolute;width:16px;height:16px;left:0;top:50%;margin-left:-8px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-format{display:none;order:1;width:calc(100% - 40px);margin:0 20px 20px}.clr-segmented{display:flex;position:relative;width:100%;margin:0;padding:0;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;font-size:12px}.clr-segmented input,.clr-segmented legend{position:absolute;width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;opacity:0;pointer-events:none}.clr-segmented label{flex-grow:1;margin:0;padding:4px 0;font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 4px 6px 4px;padding:0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}input.clr-color{order:1;width:calc(100% - 80px);height:32px;margin:15px 20px 20px auto;padding:0 10px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:center;box-shadow:none}input.clr-color:focus{outline:0;border:1px solid #1e90ff}.clr-clear,.clr-close{display:none;order:2;height:24px;margin:0 20px 20px;padding:0 20px;border:0;border-radius:12px;color:#fff;background-color:#666;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border-radius:50%;overflow:hidden}.clr-preview:after,.clr-preview:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}.clr-preview button{position:absolute;width:100%;height:100%;z-index:1;margin:0;padding:0;border:0;border-radius:50%;outline-offset:-2px;background-color:transparent;text-indent:-9999px;cursor:pointer;overflow:hidden}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:transparent}.clr-field input{margin:0;direction:ltr}.clr-field.clr-rtl input{text-align:right}.clr-field button{position:absolute;width:30px;height:100%;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field.clr-rtl button{right:auto;left:0}.clr-field button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.5)}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);background-position:0 0, 4px 4px;background-size:8px 8px}.clr-marker:focus{outline:0}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-segmented input:focus+label{outline:0;box-shadow:0 0 0 2px #1e90ff, 0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5)}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-preview:before,.clr-dark .clr-swatches button{background-image:repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1), 0 5px 30px rgba(0, 0, 0, 0.2)}.clr-picker.clr-polaroid:before{content:'';display:block;position:absolute;width:16px;height:10px;left:20px;top:-10px;border:solid transparent;border-width:0 8px 10px 8px;border-bottom-color:currentColor;box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.1));pointer-events:none}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotateZ(180deg)}.clr-polaroid .clr-gradient{width:calc(100% - 20px);height:120px;margin:10px;border-radius:3px}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{width:calc(100% - 30px);height:10px;margin:6px 15px;border-radius:5px}.clr-polaroid .clr-alpha div,.clr-polaroid .clr-hue div{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px 10px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{width:380px;padding-left:180px;box-sizing:border-box}.clr-pill .clr-gradient{position:absolute;width:180px;height:100%;left:0;top:0;margin-bottom:0;border-radius:3px 0 0 3px}.clr-pill .clr-hue{margin-top:20px}.tui-core_auth-loginLayout{display:flex;flex-direction:column;flex-grow:1}.tui-core_auth-loginLayout__panels{flex-grow:1}.tui-core_auth-loginLayout__panel-interface{display:flex;flex:auto;flex-flow:column;min-height:100%}.tui-core_auth-loginLayout__panel-graphic{position:fixed;top:0;right:0;bottom:0;display:none;width:50%;background-position:center;background-size:cover}.tui-core_auth-loginLayout__contentWrap{display:flex;flex:auto;flex-flow:column;align-items:center;justify-content:center;padding:var(--gap-8)}.tui-core_auth-loginLayout__main{width:100%;max-width:40rem}@media (min-width:992px){.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panels{grid-template-columns:1fr 1fr}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-interface{width:50%}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-graphic{display:flex}}.dynamic-heading-styles>*{color:var(--heading-font-color);font-size:var(--heading-font-size);font-family:var(--heading-font-family)}.margin-group{display:flex;gap:1em}.block_think_html{border-style:solid}.dynamic-body-styles>p{color:var(--body-font-color);font-size:var(--body-font-size);font-family:var(--body-font-family)}.dynamic-link-styles>a{color:var(--link-color);font-family:var(--body-font-family);-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration)}.dynamic-link-styles>a:hover{color:var(--link-hover-color);-webkit-text-decoration:var(--link-hover-text-decoration);text-decoration:var(--link-hover-text-decoration)}.dynamic-link-styles>a:focus{color:var(--link-focus-color);-webkit-text-decoration:var(--link-focus-text-decoration);text-decoration:var(--link-focus-text-decoration);background-color:var(--link-focus-background-color)}.dynamic-link-styles>a:active{color:var(--link-active-color)}.checkbox_description{margin-left:22px}.tui-theme-blocks{display:flex}.tui-theme-blocks .blocks-form{flex-grow:1}.tui-theme-blocks .preview{position:sticky;top:1rem;align-self:flex-start;width:250px;margin:60px 0 0 20px}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.form-and-preview{display:flex}.form-and-preview .form-content{flex-grow:1;padding-top:var(--gap-4)}.form-and-preview .preview{position:sticky;top:1rem;align-self:flex-start;width:250px;min-width:250px;margin-top:20px;margin-left:20px}.form-and-preview .secondary-button{color:#fff;background-color:#4b7e2c}.nhs-css-settings,.mosaic-modern-css-settings,.miscellaneous-css-settings{border:1px solid #000;background-color:#fff;margin-top:0}.nhs-css-settings .tui-formRowStack,.mosaic-modern-css-settings .tui-formRowStack,.miscellaneous-css-settings .tui-formRowStack{border-width:1px;border-radius:5px;background-color:white}.nhs-css-settings .header-wrapper,.mosaic-modern-css-settings .header-wrapper,.miscellaneous-css-settings .header-wrapper{background-color:transparent;padding:10px;flex-wrap:nowrap;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-bottom 0.3s ease}.nhs-css-settings .header-wrapper.expanded,.mosaic-modern-css-settings .header-wrapper.expanded,.miscellaneous-css-settings .header-wrapper.expanded{border-bottom-width:1px}.nhs-css-settings .header-wrapper svg,.mosaic-modern-css-settings .header-wrapper svg,.miscellaneous-css-settings .header-wrapper svg{cursor:pointer}.nhs-css-settings .header-wrapper .tui-formRow,.mosaic-modern-css-settings .header-wrapper .tui-formRow,.miscellaneous-css-settings .header-wrapper .tui-formRow{width:100%}.nhs-css-settings .header-wrapper .tui-formRow .tui-formLabel,.mosaic-modern-css-settings .header-wrapper .tui-formRow .tui-formLabel,.miscellaneous-css-settings .header-wrapper .tui-formRow .tui-formLabel{pointer-events:none}.nhs-css-settings .header-wrapper .tui-formRow .tui-formRow__action,.mosaic-modern-css-settings .header-wrapper .tui-formRow .tui-formRow__action,.miscellaneous-css-settings .header-wrapper .tui-formRow .tui-formRow__action{max-width:unset}.nhs-css-settings .nhs-wrapper,.mosaic-modern-css-settings .nhs-wrapper,.miscellaneous-css-settings .nhs-wrapper,.nhs-css-settings .mosaic-modern-wrapper,.mosaic-modern-css-settings .mosaic-modern-wrapper,.miscellaneous-css-settings .mosaic-modern-wrapper,.nhs-css-settings .mosaic-miscellanous-wrapper,.mosaic-modern-css-settings .mosaic-miscellanous-wrapper,.miscellaneous-css-settings .mosaic-miscellanous-wrapper{border:1px solid #000;border-radius:5px;margin:15px;padding:15px}.nhs-css-settings .tui-toggleSwitch__ui::before,.mosaic-modern-css-settings .tui-toggleSwitch__ui::before,.miscellaneous-css-settings .tui-toggleSwitch__ui::before{background-color:#cf2b27;border-color:#cf2b27}.nhs-css-settings .tui-toggleSwitch__btn[aria-pressed="true"]~.tui-toggleSwitch__ui::before,.mosaic-modern-css-settings .tui-toggleSwitch__btn[aria-pressed="true"]~.tui-toggleSwitch__ui::before,.miscellaneous-css-settings .tui-toggleSwitch__btn[aria-pressed="true"]~.tui-toggleSwitch__ui::before{background-color:#019e10;border-color:#019e10}.mosaic-modern-css-settings,.miscellaneous-css-settings{border-top:0}.nhs-css-settings{border-radius:5px 5px 0 0}.miscellaneous-css-settings{border-radius:0 0 5px 5px}.toggle-switch{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}.icon-holder{margin-right:20px;padding-top:calc((var(--form-input-height) - (var(--form-input-font-size) * var(--form-input-line-height))) / 2)}.checkbox_description{margin-inline-start:1.5rem}.migration-settings{padding:1rem}.migration-settings .page-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.migration-settings .page-heading .tui-notificationBanner{width:100%}.migration-settings .page-heading .action-buttons{display:flex;gap:10px;margin-top:0.5rem}.migration-settings .section-title{margin-top:1.5rem;margin-bottom:0.5rem;font-size:1.6rem;color:#333}.migration-settings .settings-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:0.5rem;font-size:1.3rem;border:2px solid #444;border-radius:6px;overflow:hidden}.migration-settings .settings-table th{background-color:#f5f5f5;padding:0.5rem;text-align:left;border-bottom:1px solid #ccc}.migration-settings .settings-table td{padding:0.5rem;border-bottom:1px solid #eee;white-space:normal;overflow-wrap:break-word}.migration-settings .settings-table tbody tr:last-child td{border-bottom:none}.migration-settings .settings-table th:first-child,.migration-settings .settings-table td:first-child{width:20%}.migration-settings .settings-table th:nth-child(2),.migration-settings .settings-table td:nth-child(2){width:35%}.migration-settings .settings-table th:nth-child(3),.migration-settings .settings-table td:nth-child(3){width:25%}.migration-settings .settings-table th:nth-child(4),.migration-settings .settings-table td:nth-child(4){width:15%;text-align:center}.migration-settings .settings-table th:last-child,.migration-settings .settings-table td:last-child{width:5%;text-align:center}.migration-settings .settings-table tbody tr:nth-child(odd){background-color:#fafafa}.migration-settings .settings-table tbody tr:hover{background-color:#f0f0f0}.migration-settings .settings-table td.updated{font-weight:bold;color:#2a7f62}.migration-settings .settings-table span.needs-migration{color:#CC5500}@media (max-width:768px){.migration-settings .settings-table{display:block;overflow-x:auto}}.migration-settings .unmapped-collapsible{margin-top:10px}.migration-settings .migration-progress{margin-bottom:1rem;display:flex;align-items:center;gap:1rem;width:100%;margin-top:10px}.migration-settings .migration-progress .tui-progress{width:100%}.migration-settings .migration-progress .progress-text{font-size:0.9rem;color:#333}#page-theme-mosaic-migrate .tui-modalContent .tui-formBtn{margin:unset}.tui-themeTenants__content{margin-top:var(--gap-8)}.tui-themeTenants__section+.tui-themeTenants__section{margin-top:var(--gap-12)}.tui-themeTenants__section>*+*{margin-top:var(--gap-4)}.tui-themeTenants .tui-themeAudiences__section .tui-dataTableCell__content{display:flex;align-items:center}.tui-themeTenants .tui-themeAudiences__section .tui-dataTableCell__content .cohort-action-button{margin:0 5px}.add-audiences-button{margin-top:10px}.theme_settings .page-heading{display:flex;align-items:center;justify-content:space-between}.theme_settings .page-heading button{font-size:12px;padding:5px}.theme_settings__content{margin-top:var(--gap-8);}.theme_settings__content .tui-formRow{width:100%}.theme_settings__content .tui-formRow .tui-formLabel{pointer-events:none}.theme_settings__content .tui-formRow .tui-formRow__action{max-width:unset}.theme_settings__content .field-action-wrapper{position:relative}.theme_settings__content .field-action-wrapper>button{position:absolute;top:0;right:0;flex-shrink:0;height:var(--form-input-height)}.theme_settings__content .field-action-wrapper--textarea .editor-wrapper{height:200px}.theme_settings__content .field-action-wrapper--textarea .editor-wrapper .editor{height:100%}.theme_settings__content .field-action-wrapper--textarea .editor-wrapper .editor textarea{flex-grow:1}.theme_settings__content .field-action-wrapper--textarea>button{top:auto;bottom:0}.theme_settings__content .field-action-wrapper--coloris>button{right:50%}.theme_settings__content .checkbox_description{margin-left:0;margin-inline-start:0}.theme_settings__content .preview-container{display:flex;flex-wrap:wrap-reverse;gap:var(--gap-8)}.theme_settings__content .preview-container__form{flex-grow:1;}.theme_settings__content .preview-container__result{position:relative;display:flex;flex-direction:column;flex-grow:1;border:var(--form-input-border-size) solid var(--color-neutral-5);border-radius:var(--form-input-border-radius)}.theme_settings__content .preview-container__result .preview-label{position:absolute;top:0;left:10px;padding-right:5px;padding-left:5px;background-color:var(--color-background);border:var(--form-input-border-size) solid var(--color-neutral-5);transform:translateY(-50%)}.theme_settings__content .preview-container__result__output{padding:var(--gap-6) var(--gap-5)}.theme_settings__content .preview-container__result__markup{margin-top:auto;border-top:var(--form-input-border-size) solid var(--color-neutral-5)}.theme_settings__content .preview-container__result__markup code{display:block;padding:var(--gap-4) var(--gap-5);color:initial}.theme_settings input[type='text']:not(.clr-color){width:100%;max-width:none}:root {
--container-max-width: 1680px;
--brand-color-primary: #001e60;
--brand-color-secondary: #f1b434;
--brand-color-tertiary: #1ea4a9;
--brand-color-page-background: #f2f5f7;
--brand-color-black: #0b0c0c;
--brand-color-white: #ffffff;
--button-background-color: var(--brand-color-secondary);
--button-border-color: var(--brand-color-secondary);
--button-border-radius: 3px;
--button-border-width: 2px;
--button-box-shadow: none;
--primary-button-box-shadow: none;
--button-hover-background-color: var(--brand-color-primary);
--button-hover-border-color: var(--brand-color-primary);
--button-hover-box-shadow: none;
--primary-button-hover-box-shadow: none;
--button-hover-text-color: var(--brand-color-white);
--button-padding: 10px 16px;
--button-text-color: var(--brand-color-primary);
--primary-button-background-color: var(--brand-color-secondary);
--primary-button-border-color: var(--brand-color-secondary);
--primary-button-padding: 10px 16px;
--primary-button-border-radius: 3px;
--primary-button-border-width: 2px;
--primary-button-hover-background-color: var(--brand-color-primary);
--primary-button-hover-border-color: var(--brand-color-primary);
--primary-button-hover-text-color: var(--brand-color-white);
--primary-button-text-color: var(--brand-color-primary);
--body-font-family: "Google Sans", Verdana, Geneva, sans-serif;
--custom-font-family: ;
--custom-font-weight: ;
--heading-font-family: "Google Sans", Verdana, Geneva, sans-serif;
--heading-level-one-font-size: 3.6rem;
--heading-level-one-font-color: var(--brand-color-black);
--heading-level-one-font-weight: 900;
--heading-level-one-font-line-height: ;
--heading-level-one-font-margin: 0 0 18px 0;
--heading-level-two-font-size: 24px;
--heading-level-two-font-color: var(--brand-color-black);
--heading-level-two-font-weight: 600;
--heading-level-two-font-line-height: ;
--heading-level-two-font-margin: 0 0 18px 0;
--heading-level-three-font-size: 18px;
--heading-level-three-font-color: var(--brand-color-black);
--heading-level-three-font-weight: 600;
--heading-level-three-font-line-height: ;
--heading-level-three-font-margin: 0 0 18px 0;
--heading-level-four-font-size: 18px;
--heading-level-four-font-color: var(--brand-color-black);
--heading-level-four-font-weight: 600;
--heading-level-four-font-line-height: ;
--heading-level-four-font-margin: 0 0 18px 0;
--heading-level-five-font-size: 18px;
--heading-level-five-font-color: var(--brand-color-black);
--heading-level-five-font-weight: 600;
--heading-level-five-font-line-height: ;
--heading-level-five-font-margin: 0 0 18px 0;
--heading-level-six-font-size: 16px;
--heading-level-six-font-color: var(--brand-color-black);
--heading-level-six-font-weight: 600;
--heading-level-six-font-line-height: ;
--heading-level-six-font-margin: 0 0 18px 0;
--body-font-size: 14px;
--body-font-color: var(--brand-color-black);
--body-font-line-height: ;
--link-color: #0645AD;
--link-text-decoration: none;
--link-hover-color: #001e60;
--link-hover-text-decoration: underline;
--block-header-background-color: var(--brand-color-white);
--block-bottom-border-color: var(--brand-color-page-background);
--block-body-background-color: var(--brand-color-white);
--block-border-color: var(--brand-color-page-background);
--block-border-radius: 4px;
--block-border-width: 1px;
--block-box-shadow-setting: 0 2px 4px rgba(0, 0, 0, .24);;
--header-background-color: #ffffff;
--main-menu-background-color: var(--brand-color-page-background);
--main-menu-font-size: 1.4rem;
--main-menu-font-weight: 400;
--menu-item-text-color: var(--brand-color-black);
--menu-item-text-decoration: none;
--menu-item-hover-text-color: var(--brand-color-primary);
--menu-item-hover-text-decoration: none;
--menu-item-selected-text-color: var(--brand-color-white);
--menu-item-selected-background-color: #001e6000;
--menu-item-selected-border-radius: 0;
--menu-sub-menu-background-color: var(--brand-color-white);
--menu-sub-menu-item-text-color: var(--brand-color-black);
--menu-sub-menu-item-hover-text-color: var(--brand-color-secondary);
--menu-sub-menu-box-shadow: none;
--menu-sub-menu-border-color: var(--brand-color-white);
--menu-sub-menu-border-width: 0;
--menu-sub-menu-border-radius: 0;
--menu-sub-menu-font-size: 1.4rem;
--menu-sub-menu-font-weight: 400;
--menu-sub-menu-header-logo-max-height: 50px;
--menu-sub-menu-header-logo-max-width: 100%;
--menu-sub-menu-header-logo-secondary-max-height: 50px;
--menu-sub-menu-header-logo-secondary-max-width: 100%;
--breadcrumb-background-color: var(--brand-color-page-background);
--footer-background-color: #333333;
--footer-text-color: #ffffff;
--footer-border-top-color: #333333;
--footer-link-color: var(--brand-color-white);
--footer-link-hover-color: var(--brand-color-secondary);
--footer-text-align: left;
--email-font-family: 0;
--email-font-size: 14px;
--email-footer-strip-color: #36a5a6;
--login-page-background-color: #f2f5f7;
--login-page-background-size: cover;
--login-page-background-position-x: center;
--login-page-background-position-y: center;
--layout-boxes-login-button-1-color: #2d3748;
--layout-boxes-login-button-2-color: #0a1f44;
--layout-boxes-login-button-3-color: #3074c6;
--custom-banner-font-size: 32px;
--custom-banner-background-color: #e10010;
--custom-banner-text-color: #fff;
--custom-banner-bottom-border-color: #000;
--custom-banner-bottom-border-width: 2px;--login-background: url('https://www.cvs-knowledgehub.com/pluginfile.php/1/totara_core/loginbackground/12629/transparentsquare-orzzqfm1buc.png');
--layout-boxes-login-button-1-text-color: #ffffff;
--layout-boxes-login-button-2-text-color: #ffffff;
--layout-boxes-login-button-3-text-color: #ffffff;

}
/* =====================================================================
   CVS KNOWLEDGE HUB - CUSTOM CSS
   ---------------------------------------------------------------------
   This CSS has been updated as part of the migration of CVS Knowledge
   Hub from the Think UI theme to the Totara Mosaic theme. Rules have
   been reviewed, updated for the Mosaic page structure, and reorganised
   into numbered sections by site area.

   Last updated: 25 September 2026

   INDEX
   1.  Global - layout
   2.  Login page
   3.  Header - primary navigation
   4.  Header - secondary navigation
   5.  Dashboards and blocks
   6.  Course page (Think Topics 2 format)
   7.  Find learning (catalogue)
   8.  Engage - resources and workspaces
   9.  Custom HTML buttons
   10. Fixes and workarounds
   ===================================================================== */


/* =====================================================================
   1. GLOBAL - LAYOUT
   ===================================================================== */

/* 1.1 Rows
   NOTE: This rule applies to every .row on the site, not only dashboards. */
.row {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px;
}


/* =====================================================================
   2. LOGIN PAGE
   ===================================================================== */

/* 2.1 Page and panels */
.page-login-v1 {
    background-color: #f2f5f7;
}

/* [Mosaic] Anchor for the absolutely positioned SSO text and button */
.page-login-v1 .loginbox {
    position: relative;
}

.page-login-v1 .loginbox.twocolumns .loginpanel {
    position: relative;
    min-height: 20px;
    padding: 19px;
    background-color: var(--brand-color-white);
    border: 1px solid rgb(227, 227, 227);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset;
}

@media (min-width: 768px) {
    .page-login-v1 .loginbox.twocolumns .loginpanel {
        margin-right: 5%;
    }
}

.page-login-v1 .loginbox.twocolumns .signuppanel {
    position: static;
    min-height: 1px;
    padding: 19px;
    background-color: var(--brand-color-white);
    border: 1px solid rgb(227, 227, 227);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset;
}

/* 2.2 Sign in button */
.page-login-v1 .loginbox #loginbtn {
    width: 100%;
    color: #001e60;
    font-weight: bold;
    background-color: var(--brand-color-secondary);
}

/* 2.3 Microsoft 365 single sign-on block (ticket #18926) [Mosaic] */
#page-login-index .potentialidps > h6 {
    display: none;
}

/* Remove the default "Sign in" heading.
   Mosaic renders h1.login-page-heading; Think UI rendered h2. */
#page-login-index .loginpanel .login-page-heading,
#page-login-index .loginpanel > h2 {
    display: none;
}

/* Reserve space above the username/password form for the absolutely
   positioned SSO text and button, so they do not overlap the form. */
#page-login-index .loginpanel .loginsub {
    padding-top: 200px;
}

@media (min-width: 768px) {
    #page-login-index .loginpanel .loginsub {
        padding-top: 125px;
    }
}

/* Header above the SSO button */
.page-login-v1 .loginpanel::before {
    content: "CVS Log in";
    display: block;
    font-weight: bold;
    font-size: 22px;
}

/* Text above the SSO button */
.page-login-v1 .potentialidplist::before {
    content: "For CVS colleagues on Microsoft 365 click the button below to login using single sign on.";
    position: absolute;
    top: 80px;
    left: 0;
    margin: 16px 16px 16px 20px;
    max-width: 100%;
    white-space: pre-wrap;
    font-size: 14px;
    font-weight: normal;
}

@media (min-width: 768px) {
    .page-login-v1 .potentialidplist::before {
        top: 40px;
        /* Panel is ~34% of the login area; 40px allows for the text's
           left margin and the panel's right padding. */
        max-width: min(300px, calc(34% - 40px));
    }
}

/* Move the SSO button into the login panel */
.page-login-v1 .potentialidplist a.btn.btn-default {
    position: absolute;
    top: 170px;
    left: 0;
    margin: 16px 16px 16px 20px;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    color: transparent; /* hide the original "Login via SAML2" text */
    font-weight: bold;
    background-color: var(--brand-color-secondary);
}

@media (min-width: 768px) {
    .page-login-v1 .potentialidplist a.btn.btn-default {
        top: 100px;
    }
}

/* Medium screens: the SSO text wraps onto more lines, so move the
   button down and reserve more space above the form.
   Must stay after the desktop rules above so it overrides them. */
@media (min-width: 768px) and (max-width: 1199px) {
    .page-login-v1 .potentialidplist a.btn.btn-default {
        top: 140px;
    }

    #page-login-index .loginpanel .loginsub {
        padding-top: 165px;
    }
}

.page-login-v1 .potentialidplist a.btn.btn-default:focus {
    color: transparent;
}

/* Remove the default icon (img in Think UI; may render as a flex icon in Mosaic) */
.page-login-v1 .potentialidplist a.btn.btn-default img,
.page-login-v1 .potentialidplist a.btn.btn-default .flex-icon {
    display: none;
}

/* Replacement button label */
.page-login-v1 .potentialidplist a.btn.btn-default::after {
    content: "Log in with MS 365";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--brand-color-black);
    font-size: inherit;
    white-space: nowrap;
    visibility: visible;
    pointer-events: none;
}

/* 2.4 Username and password form [Mosaic] */

/* Text above the username field */
.page-login-v1 .loginform .userforget .form-label::before {
    content: "Alternatively, you can log in below with your \A Knowledge Hub username/email and password.\A\A";
    white-space: pre-wrap;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

/* Bold field labels and "Remember my login" */
.page-login-v1 .loginform label[for="username"],
.page-login-v1 .loginform label[for="password"],
.page-login-v1 .rememberpass label {
    font-weight: bold;
}

/* 2.5 Footer */
.page-login-v1 #page-footer {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}


/* =====================================================================
   3. HEADER - PRIMARY NAVIGATION
   ===================================================================== */

/* 3.1 Navigation bar */
.totaraNav .totaraNav_prim {
    background-color: var(--brand-color-white);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.totaraNav_prim--list {
    background-color: var(--brand-color-white);
}

.totaraNav_prim--toggleNav_target {
    color: var(--brand-color-black);
    display: block;
    font-size: 1.33em;
    padding: .4rem .8rem;
}

/* 3.2 Navigation items */
.totaraNav .totaraNav_prim .totaraNav_prim--list_item_link {
    background-color: var(--brand-color-white);
    color: var(--brand-color-black);
    font-weight: bold;
    margin: 5px 5px 15px 5px;
}

.totaraNav .totaraNav_prim a {
    transition: none;
}

.totaraNav .totaraNav_prim .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link {
    background-color: #e6e6e6;
    color: var(--brand-color-black);
    font-weight: bold;
    border-radius: 30px;
}

.totaraNav .totaraNav_prim .totaraNav--list_item_expanded > a.totaraNav_prim--list_item_link {
    background-color: var(--brand-color-white);
    color: var(--brand-color-black);
    font-weight: bold;
}

/* 3.3 Hover and focus
   Must stay after 3.2 so it overrides the selected item style. */
.totaraNav .totaraNav_prim .totaraNav_prim--list_close:focus,
.totaraNav .totaraNav_prim .totaraNav_prim--list_item_link:focus,
.totaraNav .totaraNav_prim .totaraNav_prim--list_close:hover,
.totaraNav .totaraNav_prim .totaraNav_prim--list_item_link:hover {
    background-color: var(--brand-color-secondary);
    color: var(--brand-color-black);
    border-radius: 30px;
}

/* 3.4 Drop-down menus */
.totaraNav .totaraNav_prim .navExpand--listSecond {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}

.totaraNav .totaraNav_prim .navExpand--list_item_link {
    background-color: var(--brand-color-white);
    color: var(--brand-color-black);
}

.totaraNav .totaraNav_prim .navExpand--list_item_link:hover {
    background-color: #f5f5f5;
    color: var(--brand-color-black);
}

/* 3.5 Settings cog and header icons */
.totaraNav_prim--side {
    background-color: var(--brand-color-white);
    color: var(--brand-color-black);
}

.totaraNav_prim--side:hover {
    background-color: #f5f5f5;
    color: var(--brand-color-black);
    border-radius: 30px;
}

.totaraNav .totaraNav_prim .popover-region .nav-link:hover {
    background-color: #f5f5f5;
    color: var(--brand-color-black);
    border-radius: 30px;
}


/* =====================================================================
   4. HEADER - SECONDARY NAVIGATION
   ===================================================================== */

/* 4.1 Navigation bar */
.totaraNav_sub {
    background: var(--brand-color-white);
    line-height: 3;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    padding: 5px;
}

.totaraNav_sub .totaraNav_sub--list > * + * {
    margin: 0;
}

/* 4.2 Navigation items [Mosaic] */
.totaraNav_sub .totaraNav_sub--list_item_link {
    display: flex;
    margin: 5px;
    padding: var(--gap-2, 0.4rem) var(--gap-8, 1.6rem);
    color: var(--brand-color-black);
    text-decoration: none;
}

.totaraNav_sub .totaraNav_sub--list_item_label {
    font-size: var(--font-size-14, 14px);
}

/* 4.3 Hover and focus [Mosaic] */
.totaraNav_sub .totaraNav_sub--list_item:hover,
.totaraNav_sub .totaraNav_sub--list_item:focus-within,
.totaraNav_sub .totaraNav_sub--list_item_link:hover,
.totaraNav_sub .totaraNav_sub--list_item_link:focus {
    border-bottom-color: transparent;
    box-shadow: none;
}

.totaraNav_sub .totaraNav_sub--list_item:hover {
    background: transparent;
}

.totaraNav_sub .totaraNav_sub--list_item_link:hover,
.totaraNav_sub .totaraNav_sub--list_item_link:focus {
    background: #e6e6e6;
    border-radius: 30px;
    text-decoration: none;
}

/* 4.4 Selected item [Mosaic]
   Must stay after 4.3 so the selected item keeps its colour on hover. */
.totaraNav_sub .totaraNav_sub--list_item_selected,
.totaraNav_sub .totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link {
    border-bottom-color: transparent;
    box-shadow: none;
}

.totaraNav_sub .totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link {
    background: var(--brand-color-secondary);
    border-radius: 30px;
    font-weight: 700;
}


/* =====================================================================
   5. DASHBOARDS AND BLOCKS
   ===================================================================== */

/* 5.1 Blocks (all pages) */
.block {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    background: var(--brand-color-white);
    border-color: #f5f5f5;
}

.block.chromeless.block {
    box-shadow: none;
    background-color: transparent;
}

/* [Mosaic] Block headers */
.block-region .block-header {
    border-color: var(--brand-color-page-background);
}

.block .block-header h2 {
    font-weight: bold;
}

/* 5.2 Compliance overview block */
.block.block_compliance_overview,
.block.block_compliance_overview .content {
    background: var(--brand-color-white);
    padding: 0px;
}

.block_compliance_overview .compliance-block__text {
    float: right;
    font-size: 12px;
    text-align: center;
    min-height: 100px;
}

.block_compliance_overview .compliance-block__row {
    min-width: 95%;
}

/* 5.3 Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: var(--brand-color-white);
    cursor: default;
    background-color: #001e60;
    border-color: #001e60;
}


/* =====================================================================
   6. COURSE PAGE (THINK TOPICS 2 FORMAT)
   ===================================================================== */

/* 6.1 Layout columns */
.col-sm-2 {
    width: 10%;
}

.col-sm-10 {
    width: 90%;
}

.col-md-2 {
    width: 10%;
}

.col-md-10 {
    width: 90%;
}

/* 6.2 Progress bar */
.course-content .think_topics2 .think-topics2-progress-bar {
    overflow: hidden;
    background: var(--brand-color-white);
    height: 20px;
    border-radius: 50px;
    width: 100%;
    border-color: #001e60;
    border: 2px solid #001e60;
}

.course-content .think_topics2 .think-topics2-progress-bar .bar {
    height: 20px;
    background: #001e60;
    text-align: center;
    color: var(--brand-color-white);
    font-size: 12px;
    line-height: 20px;
    border-radius: 50px;
}

#pagelayout-admin course-1178 .course-content .think_topics2 .think-topics2-progress-bar {
    display: none;
}

/* 6.3 Header image */
.course-content .think_topics2 .header-image .header-inner {
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 4px;
}

.course-content .think_topics2 .header-image .header-inner h2 {
    margin: 0px 0px 10px 0px;
    padding: 20px 20px;
    color: #001e60;
    text-align: center;
    background-color: #F3F5F7;
    font-size: 42px;
    position: relative;
}

/* 6.4 Topic sections */
.course-content .think_topics2 .think-topic {
    position: relative;
    border-bottom: 0px solid rgb(238, 238, 238);
}

.course-content .think_topics2 .think-topic.section-main .content {
    margin-top: 1rem;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    background: var(--brand-color-white);
    border-color: #f5f5f5;
    padding: 30px;
}

/* 6.5 Activity links */
.course-content .think_topics2 .think-topic.section-main .content .activity-item .section-activity .activityinstance .activity-link {
    border: 0px solid rgb(221, 221, 221);
    background: #f5f5f5;
    display: block;
    border-radius: 50px;
    transition: box-shadow 0.3s ease-in-out;
}

.course-content .think_topics2 .think-topic.section-main .content .activity-item .section-activity .activityinstance .activity-link:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.course-content .think_topics2 .think-topic.section-main .content .activity-item .section-activity .activityinstance .activity-link span.icon {
    padding: 6px;
    color: #001e60;
    border-radius: 50px;
    margin-right: 5px;
    font-size: 24px;
    background: none;
}

.activity-link {
    padding: 10px;
    color: var(--brand-color-black);
    text-decoration: none;
}

.activity-link .text {
    font-size: 14px;
}

/* 6.6 Availability information */
.section-main .content > div > .availabilityinfo {
    margin-left: 10%;
    margin-bottom: 2rem;
}


/* =====================================================================
   7. FIND LEARNING (CATALOGUE)
   ===================================================================== */

/* 7.1 Catalogue cards */
.tw-catalogItemNarrow {
    background-color: var(--brand-color-white);
    border-radius: 10px;
    border: 1px solid rgb(221, 221, 221);
}

.tw-catalogItemNarrow:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.tw-catalogItemNarrow__image {
    padding-top: 55%;
}

.tw-catalogItemNarrow__image_ratio_img {
    background-position: 50% center;
    background-size: cover;
    height: 100%;
    width: 100%;
    border-radius: 10px 10px 0 0;
    padding: 6px;
}

.tw-catalogItemNarrow .tw-catalogItemNarrow__hero {
    right: 10px;
    left: auto;
    bottom: auto;
    top: 10px;
}

.tw-catalogItemNarrow__hero_text {
    background-color: var(--brand-color-white);
    color: var(--brand-color-black);
    border-radius: 4px;
    box-shadow: none;
}

.tw-catalogItemNarrow__title_featured {
    border-radius: 30px;
}

/* 7.2 Search bar */
.tw-selectRegionPrimary {
    display: flex;
    flex-direction: column;
}

.tw-selectRegionPrimary__selector:last-of-type {
    flex-shrink: 1;
    margin-left: 0;
    max-width: 40%;
    flex-direction: column;
}

.tw-selectSearchText {
    background-color: var(--brand-color-white);
    border-radius: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}

.tw-selectSearchText__field_input {
    border: none;
    padding: 10px;
    border-radius: 25px;
    background-color: transparent;
    width: 100%;
}

.tw-selectSearchText__btn {
    background-color: transparent;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin-left: -50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.tw-selectSearchText button.tw-selectSearchText__btn .fa-search {
    vertical-align: baseline;
    color: #001e60;
}

.tw-selectSearchText__btn:hover {
    background-color: #0070f3;
    cursor: pointer;
}

/* [Mosaic] Centre the "Search the catalogue" text */
.path-totara-catalog .tw-selectSearchText__field_input,
.path-totara-catalog .tw-selectSearchText__field_input::placeholder {
    text-align: center;
}

/* 7.3 Primary filter area */
.tw-catalog__primaryFilter {
    border-bottom: 0px solid #d2d2d2;
    border-top: 0px solid #d2d2d2;
    font-size: 1.8rem;
    margin: 0rem 0;
    padding: 1.6rem 0;
}

/* 7.4 Filters panel */
.tw-catalog__aside {
    background-color: var(--brand-color-white);
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}

.tw-selectMulti__link {
    border-radius: 6px;
    color: #001e60;
}

.tw-selectRegionPanel__heading_text {
    font-size: 18px;
    font-weight: bold;
    border-left: 6px solid var(--brand-color-secondary);
    margin: 10px 6px 10px 6px;
}

/* [Mosaic] Padding around the text in the Filters panel */
.path-totara-catalog .tw-selectRegionPanel__heading,
.path-totara-catalog .tw-selectRegionPanel__content {
    padding: var(--gap-2, 0.4rem) var(--gap-4, 0.8rem);
}

.path-totara-catalog .tw-selectRegionPanel__heading_text {
    padding-left: var(--gap-1, 4px);
}

/* 7.5 Space between the Filters panel and the catalogue items [Mosaic] */
@media (min-width: 768px) {
    .path-totara-catalog .tw-catalog__content--has_side_filter .tw-catalog__results {
        padding-left: var(--gap-6, 1.2rem);
    }
}

/* 7.6 Catalogue buttons */
.tw-catalogManageBtns__btn,
.tw-catalogResultsShare__btn,
.tw-catalogItemStyleToggle__btn {
    border-color: #001e60;
    color: #001e60;
    background: var(--brand-color-white);
}

/* 7.7 Hidden elements */
#region-main div[role="main"] h2.tw-catalog__title {
    display: none;
}

.tw-catalog .tw-catalogResultsCount {
    display: none;
}

.tw-catalogResultsShare {
    display: none;
}

.tw-selectRegionPrimary__selector:first-of-type {
    display: none;
}


/* =====================================================================
   8. ENGAGE - RESOURCES AND WORKSPACES
   ===================================================================== */

/* 8.1 Resource navigation bar (hidden) */
.tui-resourceNavigationBar {
    display: none;
    color: #f2f5f7;
}

.tui-resourceNavigationBar__backLink {
    display: none;
    color: #f2f2f2;
}

.tui-resourceNavigationBar__backLink:hover {
    color: #f2f2f2;
}

/* 8.2 Resource cards */

/* Hide duration from Engage resources */
.tui-engageCardHeader__third {
    display: none;
}

/* White resource background */
.tui-card {
    background: var(--brand-color-white);
}

/* 8.3 Workspace cards */

/* White workspace background */
.tui-originalSpaceCard {
    background: var(--brand-color-white);
}


/* =====================================================================
   9. CUSTOM HTML BUTTONS
   ===================================================================== */

/* 9.1 Button 1 - navy */
.button-wrapper {
    display: block;
    text-align: left;
}

.button {
    border: none;
    border-radius: 3px;
    display: inline-block;
    font-size: 1em;
    padding: 10px;
    width: auto;
}

.cta-button {
    background-color: #001e60;
    color: var(--brand-color-white);
}

.cta-button:hover {
    background-color: var(--brand-color-secondary);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    color: var(--brand-color-white);
}

/* 9.2 Button 2 - yellow */
.button-wrapper2 {
    display: block;
    text-align: right;
}

.button2 {
    border: none;
    border-radius: 3px;
    display: inline-block;
    font-size: 1em;
    padding: 10px;
    width: auto;
}

.cta-button2 {
    background-color: var(--brand-color-secondary);
    color: #001e60;
}

.cta-button2:hover {
    background-color: #001e60;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    color: var(--brand-color-white);
}

/* 9.3 Button 3 - purple */
.button-wrapper3 {
    display: block;
    text-align: left;
}

.button3 {
    border: none;
    border-radius: 3px;
    display: inline-block;
    font-size: 1em;
    padding: 10px;
    width: auto;
}

.cta-button3 {
    background-color: #401197;
    color: var(--brand-color-white);
}

.cta-button3:hover {
    background-color: var(--brand-color-secondary);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    color: var(--brand-color-white);
}


/* =====================================================================
   10. FIXES AND WORKAROUNDS
   ===================================================================== */

/* 10.1 Quick access (admin) menu display fix */
.totara_core__QuickAccess .totara_core__QuickAccess_footer {
    padding-top: 1.5rem;
}

.totara_core__QuickAccess .totara_core__QuickAccess_footer::before {
    display: none;
}

.totara_core__QuickAccess .totara_core__QuickAccess_footer a {
    padding: 0.3rem 0.6rem;
}

/* 10.2 Evidence selection form fix */
#page-totara-evidence-create form input[type="text"].form-control {
    display: inline;
    width: auto;
    max-width: 100%;
}

/* 10.3 Password reset input fix (manual accounts) */
#page-user-managelogin.jsenabled .totara_form_element_passwordunmask input.passwordinput[type="text"] {
    position: relative;
    -webkit-text-fill-color: var(--brand-color-black);
}

#page-user-managelogin.jsenabled .totara_passwordunmask .unmask-password-option {
    display: flex;
}

#page-user-managelogin.jsenabled .totara_passwordunmask input.passwordinput[type="text"] {
    -webkit-text-fill-color: var(--brand-color-black);
}

#page-user-editadvanced.jsenabled .totara_passwordunmask input.passwordinput[type="text"] {
    color: var(--brand-color-black);
    -webkit-text-fill-color: var(--brand-color-black);
    position: relative;
}

/* 10.4 Assignment activity - user filter display fix */
#page-mod-assign-grader .form-control,
.fp-formset .controls input[type="text"],
.fp-formset .controls select {
    display: inline;
    line-height: 0.5;
    height: 30px;
}

/* 10.5 Featured links transparency (DISABLED)
   This rule was already commented out in the original CSS and is kept
   here for reference. Remove the comment markers to re-enable it.

.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: rgba(0, 0, 0, 0);
}
*/