: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: #017ac1;
--brand-color-secondary: #007ab8;
--brand-color-tertiary: #1ea4a9;
--brand-color-page-background: #ffffff;
--brand-color-black: #0b0c0c;
--brand-color-white: #ffffff;
--button-background-color: #017ac1;
--button-border-color: #017ac1;
--button-border-radius: 0;
--button-border-width: 2px;
--button-box-shadow: none;
--primary-button-box-shadow: none;
--button-hover-background-color: #017ac1;
--button-hover-border-color: #017ac1;
--button-hover-box-shadow: none;
--primary-button-hover-box-shadow: none;
--button-hover-text-color: #ffffff;
--button-padding: 6px 12px;
--button-text-color: #ffffff;
--primary-button-background-color: #017ac1;
--primary-button-border-color: #017ac1;
--primary-button-padding: 6px 12px;
--primary-button-border-radius: 0;
--primary-button-border-width: 2px;
--primary-button-hover-background-color: #017ac1;
--primary-button-hover-border-color: #017ac1;
--primary-button-hover-text-color: #ffffff;
--primary-button-text-color: #ffffff;
--body-font-family: "Montserrat", Arial, Helvetica, sans-serif;
--custom-font-family: ;
--custom-font-weight: ;
--heading-font-family: Arial, Helvetica, sans-serif;
--heading-level-one-font-size: 18px;
--heading-level-one-font-color: #333333;
--heading-level-one-font-weight: normal;
--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: 16px;
--body-font-color: #333333;
--body-font-line-height: ;
--link-color: #333333;
--link-text-decoration: none;
--link-hover-color: #333333;
--link-hover-text-decoration: underline;
--block-header-background-color: #ffffff;
--block-bottom-border-color: #ffffff;
--block-body-background-color: #ffffff;
--block-border-color: var(--color-neutral-5);
--block-border-radius: none;
--block-border-width: 1px;
--block-box-shadow-setting: 0 1px 1px rgba(0,0,0,0.05);
--header-background-color: #ffffff;
--main-menu-background-color: #0279c0;
--main-menu-font-size: 18px;
--main-menu-font-weight: 400;
--menu-item-text-color: var(--brand-color-white);
--menu-item-text-decoration: none;
--menu-item-hover-text-color: var(--brand-color-white);
--menu-item-hover-text-decoration: none;
--menu-item-selected-text-color: var(--brand-color-white);
--menu-item-selected-background-color: var(--brand-color-primary);
--menu-item-selected-border-radius: 0;
--menu-sub-menu-background-color: var(--brand-color-white);
--menu-sub-menu-item-text-color: var(--brand-color-white);
--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: 16px;
--menu-sub-menu-font-weight: 700;
--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: serif;
--email-font-size: 14px;
--email-footer-strip-color: #36a5a6;
--login-page-background-color: #ffffff;
--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://myacademywalsall.net/pluginfile.php/1/totara_core/loginbackground/7018/clear-6en1aq2f1t3.gif');
--layout-boxes-login-button-1-text-color: #ffffff;
--layout-boxes-login-button-2-text-color: #ffffff;
--layout-boxes-login-button-3-text-color: #ffffff;

}
/* ==========================================================================
   WALSALL - MOSAIC THEME CUSTOM CSS
   ==========================================================================

   CONTENTS
     0. Design tokens
     1. Header and logos
     2. Main navigation (Mosaic)
     3. Footer
     4. Page headings
     5. Buttons
     6. Catalogue page
     7. Dashboards and blocks
     8. RAG status pills
     9. Login pages (legacy ThinkUI rules)
    10. Forms and activity fixes
    11. Admin quick access menu
    12. Miscellaneous

   NOTES
     - Colours used more than once are defined as variables in section 0.
     - Section 2 uses the #mosaic-totaraNav-primary id and !important on
       purpose: Mosaic sets its own navigation styles through high-specificity
       selectors, and these rules must outrank them.
     - Section 5 recreates the ThinkUI (Bootstrap 3) button look on Mosaic.
       The live site gets these styles from the ThinkUI theme.
     - Rules marked LEGACY were carried over from the ThinkUI theme and may
       no longer match anything in Mosaic. They are kept until confirmed unused.
     - Native CSS nesting is deliberately not used, so the file works with any
       CSS processor.
   ========================================================================== */


/* ==========================================================================
   0. DESIGN TOKENS
   ========================================================================== */

:root {
    --walsall-blue: #017ac1;            /* Primary brand blue: nav bar, buttons, footer */
    --walsall-blue-dark: #014a75;       /* Navigation and button hover and selected state */
    --walsall-heading-blue: #007ac2;    /* Page headings */

    --walsall-rag-red: #e10010;         /* RAG pills (values taken from the live theme) */
    --walsall-rag-amber: #cc7b0a;
    --walsall-rag-green: #32a836;

    --btn-radius: 3px;                  /* Button corner radius */

    --sub-nav-pad-x: 2.4rem;            /* Sub menu: left and right padding per item */
    --sub-nav-pad-y: 0.6rem;            /* Sub menu: top and bottom padding per item */
}


/* ==========================================================================
   1. HEADER AND LOGOS
   ========================================================================== */

/* Primary (left) logo */
.masthead_logo {
    margin-top: 18px;
}

#header .masthead_logo--header_img {
    max-height: 120px;
    margin-top: 0;
}

/* Secondary (right) logo: client requested a larger logo, later reduced to
   50px. The 50px value is the one that was taking effect. */
#header .masthead_secondarylogo .masthead_secondarylogo--header {
    margin-top: 30px;
    margin-bottom: 30px;
}

#header .masthead_secondarylogo .masthead_secondarylogo--header_img {
    max-height: 50px !important;
}


/* ==========================================================================
   2. MAIN NAVIGATION (MOSAIC)
   ========================================================================== */

/* 2.1 Bar
   -------------------------------------------------------------------------- */

/* Match the live site blue and remove the border under the bar */
body .primary-navigation .totaraNav_prim {
    background-color: var(--walsall-blue);
}

body .totaraNav.primary-navigation {
    border-bottom: 0;
}

/* Text sizes: 18px top level, 15px dropdown.
   Note: on Mosaic the dropdown size is overridden by the theme settings, so
   the second rule currently has no visible effect. */
.totaraNav nav {
    font-size: 1.8rem;
    font-weight: bold;
}

.totaraNav nav .navExpand--listSecond {
    font-size: 1.5rem;
}

/* 2.2 Top-level links
   -------------------------------------------------------------------------- */

/* Bold text and taller links to match the live site */
body .primary-navigation .totaraNav_prim--list,
body .primary-navigation .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link {
    font-weight: 700;
}

body .primary-navigation .totaraNav_prim--list_item_link {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

/* Selected item: the darker background sits on the link, not the list item */
body .primary-navigation .totaraNav_prim--list_item_selected {
    background-color: transparent;
}

body .primary-navigation .totaraNav_prim--list_item_selected > .totaraNav_prim--list_item_link {
    background-color: var(--walsall-blue-dark);
}

/* 2.3 Dropdown (child items) at rest
   -------------------------------------------------------------------------- */

/* Same blue as the main bar. Mosaic sets a white background on the list and
   on each link, so every layer is set. */
body #mosaic-totaraNav-primary .navExpand--listSecond,
body #mosaic-totaraNav-primary .navExpand--listSecond .navExpand--list_item,
body #mosaic-totaraNav-primary .navExpand--list_item_link:not(:hover):not(:focus) {
    background: var(--walsall-blue) !important;
}

/* White text for child links and labels */
body #mosaic-totaraNav-primary .navExpand--list_item_link,
body #mosaic-totaraNav-primary .navExpand--list .navExpand--list_item_label {
    color: #ffffff !important;
}

/* 2.4 Hover and focus
   -------------------------------------------------------------------------- */

/* Top-level and child links darken to the same colour as live */
body #mosaic-totaraNav-primary .totaraNav_prim--list_item_link:hover,
body #mosaic-totaraNav-primary .totaraNav_prim--list_item_link:focus,
body #mosaic-totaraNav-primary .navExpand--list_item_link:hover,
body #mosaic-totaraNav-primary .navExpand--list_item_link:focus {
    background: var(--walsall-blue-dark) !important;
}

/* 2.5 Font stability
   -------------------------------------------------------------------------- */

/* Keep the font identical in every state (rest, hover, focus, active) for
   top-level and child links. Mosaic changes font properties on hover, which
   made the text visibly shift. Weight is 700 to match the live site. */
body #mosaic-totaraNav-primary :is(.totaraNav_prim--list_item_link, .navExpand--list_item_link),
body #mosaic-totaraNav-primary :is(.totaraNav_prim--list_item_link, .navExpand--list_item_link):is(:hover, :focus, :focus-visible, :active),
body #mosaic-totaraNav-primary :is(.totaraNav_prim--list_item_label, .navExpand--list_item_label) {
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

/* 2.6 Search box (right of the bar)
   -------------------------------------------------------------------------- */

.totaraNav_prim--side .search-input-wrapper {
    width: 20px;
}

.totaraNav_prim--side .search-input-wrapper.expanded {
    width: 160px;
}

/* 2.7 Login page
   -------------------------------------------------------------------------- */

/* Hide the navigation links on the login page */
#page-login-index .totaraNav a {
    visibility: hidden;
}

/* 2.8 Sub menu (secondary bar)
   -------------------------------------------------------------------------- */

/* Grey bar, bold dark text, white selected item, no underline */
body .totaraNav .totaraNav_sub {
    background: #e6e6e6 !important;
}

body .totaraNav .totaraNav_sub--list_item {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

body .totaraNav .totaraNav_sub--list_item_selected {
    background: #ffffff !important;
}

body .totaraNav .totaraNav_sub--list_item a {
    display: block;
    background: transparent !important;
    color: #333333 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: var(--sub-nav-pad-y) var(--sub-nav-pad-x) !important;
    line-height: 1.4 !important;
}

/* Remove any decorative underline pseudo-elements */
body .totaraNav .totaraNav_sub--list_item::after,
body .totaraNav .totaraNav_sub--list_item a::after {
    display: none !important;
}

/* Reduce the overall height of the bar */
body .totaraNav .totaraNav_sub .container-fluid,
body .totaraNav .totaraNav_sub--list {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* ==========================================================================
   3. FOOTER
   ========================================================================== */

body #page-footer.page-footer {
    background: var(--walsall-blue) url(/Walsall-Footer-Image.jpeg) no-repeat;
    background-size: contain;
    border-top: none;
    padding-top: 100px;
}


/* ==========================================================================
   4. PAGE HEADINGS
   ========================================================================== */

/* Large blue headings to match the walsallhealthcare site */
#page-content #region-main div[role='main'] > h2:first-of-type,
#page-content #region-main div[role='main'] > div > h2:first-of-type {
    color: var(--walsall-heading-blue);
    font-size: 29px;
    font-weight: 600;
}


/* ==========================================================================
   5. BUTTONS
   ========================================================================== */

/* Recreates the live ThinkUI look for: btn btn-default btn-sm
   If a button still differs on dev, a Mosaic rule is winning on specificity.
   Inspect the button in DevTools and outrank the crossed-out selector. */

/* 5.1 Base shape (.btn)
   -------------------------------------------------------------------------- */

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: var(--btn-radius);
}

.btn:hover,
.btn:focus {
    text-decoration: none;
}

/* 5.2 Small size (.btn-sm)
   -------------------------------------------------------------------------- */

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: var(--btn-radius);
}

/* 5.3 Colour (.btn-default)
   -------------------------------------------------------------------------- */

/* Blue at rest, darker blue on hover, focus and press. The live site falls
   back to a light grey hover; dark blue is used here for consistency. */
.btn-default {
    color: #ffffff;
    background: var(--walsall-blue);
    border-color: var(--walsall-blue);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    color: #ffffff;
    background: var(--walsall-blue-dark);
    border-color: var(--walsall-blue-dark);
}

.btn-default:focus-visible {
    outline: 2px solid var(--walsall-blue-dark);
    outline-offset: 2px;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
    color: #ffffff;
    background: var(--walsall-blue);
    border-color: var(--walsall-blue);
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}

/* 5.4 Primary (.btn-primary)
   -------------------------------------------------------------------------- */

.btn-primary {
    color: #ffffff;
    background: var(--walsall-blue);
    border-color: var(--walsall-blue);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #ffffff;
    background: var(--walsall-blue-dark);
    border-color: var(--walsall-blue-dark);
}


/* ==========================================================================
   6. CATALOGUE PAGE
   ========================================================================== */

/* 6.1 Filter buttons
   -------------------------------------------------------------------------- */

.tw-selectMulti__list_item a.tw-selectMulti__link,
.tw-selectMulti__list_item a.tw-selectMulti__link:active,
.tw-selectMulti__list_item a.tw-selectMulti__link span,
.tw-selectMulti__list_item a.tw-selectMulti__link:active span.tw-selectMulti__link_text,
.tw-selectMulti__list_item .tw-selectMulti__link:focus .tw-selectMulti__link_text {
    color: var(--walsall-blue);
}

.tw-selectMulti__list_item a.tw-selectMulti__link:hover {
    background: var(--walsall-blue);
}

.tw-selectMulti__list_item a.tw-selectMulti__link:hover span.tw-selectMulti__link_text,
.tw-selectMulti__list_item a.tw-selectMulti__link_active:hover .tw-selectMulti__link_text,
.tw-selectMulti__list_item a.tw-selectMulti__link_active:hover span.tw-selectMulti__link_close span {
    color: #ffffff;
}

/* 6.2 Share and manage buttons
   -------------------------------------------------------------------------- */

/* Share button matches the other blue buttons */
.tw-catalogResultsShare button.tw-catalogResultsShare__btn.btn {
    color: #ffffff;
    background: var(--walsall-blue);
}

/* Manage button: white at rest, blue on hover */
button.tw-catalogManageBtns__btn {
    background: #ffffff;
    color: var(--walsall-blue);
}

button.tw-catalogManageBtns__btn:hover {
    background: var(--walsall-blue);
    color: #ffffff;
}


/* ==========================================================================
   7. DASHBOARDS AND BLOCKS
   ========================================================================== */

/* 7.1 Compliance overview block
   -------------------------------------------------------------------------- */

.bco-block_compliance_overview .bco-compliance-block {
    padding: 35px 15px 0 15px;
}

/* Tighter spacing now that the RAG text is not shown */
.bco-block_compliance_overview .compliance-block__text-value {
    margin: 0;
}

/* Stop rows collapsing in the side region on wider screens */
@media (min-width: 767px) {
    aside div.block_compliance_overview .compliance-block__row {
        min-width: min-content;
    }
}

/* Black button text in the organisation compliance report columns */
.org-compliance-hierarchy-report-table td form button {
    color: #000000;
}

/* 7.2 Individual dashboards
   -------------------------------------------------------------------------- */

/* Remove the filters from the My Compliance dashboard */
#page-totara-dashboard-2 .dashboard_filters {
    display: none;
}

/* Hide the 'Records' link in the My Team block */
.reportbuilder-table .user_namewithlinks li a[href*="totara/plan/record/index.php?userid="] {
    display: none;
}

/* 7.3 Featured links: home page
   -------------------------------------------------------------------------- */

/* Line the blocks up on the home page fold */
.pagelayout-frontpage .block-totara-featured-links-layout.landscape {
    margin-top: -10px;
}

/* Remove the grey bar from featured links */
.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    content: unset;
}

/* 7.4 Featured links: appraisal dashboard
   -------------------------------------------------------------------------- */

/* Tile layout (based on the Think Modern demo site) */
#appraisal-dash-featured-links {
    max-width: 1200px;
    width: 100%;
    justify-content: space-around;
    gap: 20px;
}

#appraisal-dash-featured-links h2 {
    margin-bottom: 24px;
}

/* Rounded tiles that grow slightly on hover */
#appraisal-dash-featured-links .block-totara-featured-links-tile {
    border: 1px solid white;
    border-radius: 25px;
    width: 290px;
    min-width: 280px;
    max-width: 290px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#appraisal-dash-featured-links .block-totara-featured-links-tile:hover {
    transform: scale(1.04);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#appraisal-dash-featured-links .block-totara-featured-links-tile:focus {
    border: 2px solid pink;
}

/* Text area at the bottom of each tile */
#appraisal-dash-featured-links .block-totara-featured-links-content-bottom {
    border-radius: 0 0 25px 25px;
    height: auto;               /* was 45% */
    padding: 10px;
    text-align: center;
}

#appraisal-dash-featured-links .block-totara-featured-links-content h3 {
    font-size: 20px !important;
    margin-bottom: 0.5rem;
    color: black;
}

#appraisal-dash-featured-links .block-totara-featured-links-content p {
    font-size: 16px;
    color: black;
}

/* Hide the spacer element when not editing */
#appraisal-dash-featured-links:not(.editing) .block-totara-featured-links-flex-filler {
    display: none;
}

/* Centre the block title and content when not editing */
body:not(.editing) .block_totara_featured_links:has(#appraisal-dash-featured-links) .content,
body:not(.editing) .block_totara_featured_links:has(#appraisal-dash-featured-links) .header {
    display: flex;
    justify-content: center;
    align-items: center;
}

body:not(.editing) .block_totara_featured_links:has(#appraisal-dash-featured-links) .title {
    max-width: 1200px;
}

/* DISABLED: the original selector repeated the parent id, so it could never
   match. Left disabled to keep behaviour unchanged. Enabling it would set a
   15px gap between tiles.
#appraisal-dash-featured-links .block-totara-featured-links-layout {
    gap: 15px;
}
*/

/* 7.5 Carousel and grid cards
   -------------------------------------------------------------------------- */

/* Remove the text shadow on slideshow captions */
.carousel-inner .carousel-caption {
    text-shadow: none;
}

/* Move the caption to the middle of the image (appraisal dashboard and course) */
#page-totara-dashboard-245 .carousel-caption,
#inst6703 .carousel-caption {
    top: 20%;
}

/* LEGACY: show the whole background image on grid cards */
.think-grid-card div {
    background-size: contain !important;
    background-repeat: no-repeat;
}


/* ==========================================================================
   8. RAG STATUS PILLS
   ========================================================================== */

/* Shared pill shape. The live class for amber is "rag-status-amber"; the
   previous dev file used "orange", which never matched. Both are covered. */
.rag-status.rag-status-red,
.rag-status.rag-status-amber,
.rag-status.rag-status-orange,
.rag-status.rag-status-green {
    color: white !important;
    border-radius: 23px !important;
    padding: 5px !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

.rag-status.rag-status-red {
    background-color: var(--walsall-rag-red);
}

.rag-status.rag-status-amber,
.rag-status.rag-status-orange {
    background-color: var(--walsall-rag-amber);
}

.rag-status.rag-status-green {
    background-color: var(--walsall-rag-green);
}

/* Grey (not applicable) pills are not shown */
.rag-status.rag-status-grey {
    display: none;
}


/* ==========================================================================
   9. LOGIN PAGES (LEGACY THINKUI RULES)
   ========================================================================== */

/* Let users see the new password fields: footer flows with the page */
#page-login-forgot_password #page-footer,
.page-login-v1 #page-footer {
    position: relative;
    bottom: auto;
}

/* Login box position and sign-up panel width */
.loginbox.clearfix {
    clear: both;
    float: none;
    margin-top: 6rem;
    margin-left: 25%;
}

.loginbox.twocolumns .signuppanel {
    max-width: 30%;
}

.loginbox .subcontent h6 {
    display: none;
}


/* ==========================================================================
   10. FORMS AND ACTIVITY FIXES
   ========================================================================== */

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

/* Password reset input fix (manual accounts): keep the unmask option and
   text colour readable */
.jsenabled .totara_form_element_passwordunmask input.passwordinput[type="text"] {
    position: relative;
}

.jsenabled .totara_passwordunmask .unmask-password-option {
    display: flex;
}

.jsenabled .totara_passwordunmask input.passwordinput[type="text"] {
    -webkit-text-fill-color: black;
}

/* Assignment activity: user filter display fix.
   Note: the .fp-formset selectors also match file picker inputs site-wide. */
#page-mod-assign-grader .form-control,
.fp-formset .controls input[type="text"],
.fp-formset .controls select {
    display: inline;
    line-height: 0.5;
    height: 30px;
}

/* SCORM player: highlight the breadcrumb button */
#page-mod-scorm-player .breadcrumb-button a {
    /* background: #007ac0; */
    background: orange;
    padding: 2rem;
    border-radius: 4px;
    color: #000000;
    display: block;
}

/* Face-to-face attendees page: hide the QR text */
#page-mod-facetoface-attendees-view .text-qr {
    display: none;
}


/* ==========================================================================
   11. ADMIN QUICK ACCESS MENU
   ========================================================================== */

/* Smaller, lighter admin menu text with spacing between items.
   The second rule is more specific and only adds the bottom margin. */
.totara_core__QuickAccess .totara_core__QuickAccess_group-list li {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

div.totara_core__QuickAccess .totara_core__QuickAccess_group-list li {
    margin-bottom: 1rem;
}

ul.totara_core__QuickAccess_group-list {
    padding-top: 1rem;
}

/* Menu display fix: footer spacing, no divider line */
.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;
}


/* ==========================================================================
   12. MISCELLANEOUS
   ========================================================================== */

/* User profile: extra spacing (Totara 18.20) */
.contentnode {
    padding-top: 5px;
    padding-bottom: 5px;
}

.totara-job-management-listing {
    padding-left: 10px;
}
.block-region .block-header {border-bottom:none;}

h1,h2,h3,h4,h5,h6 {
    font-family: Montserrat,Arial,Helvetica,sans-serif!important;
    color: #333
}

body {
    font-family: Montserrat,Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #333
}


/* Mosaic Footer */
#page-footer img[src*="respect%20compassion%20professionalism%20teamwork.png"] {
  max-width: 100px;
  margin: 24px;
}

#page-footer img[src*="CCCC.png"] {
  max-width: 230px;
  margin: 24px;
}

/* End Mosaic Footer */