: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-primary:var(--brand-color-primary);--color-state: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);--color-state-hover:color-mix(in srgb, var(--brand-color-primary) 90%, white 10%);--color-state-active:color-mix(in srgb, var(--brand-color-primary) 90%, black 10%);--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-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);--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-state-focus:var(--button-focus-state-outline-color);--btn-text-color-active:var(--button-active-state-text-color);--btn-bg-color-active:var(--button-active-state-background-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);--tabs-bg-color-selected:var(--brand-color-page-background);--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-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)}.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}.checkbox_description{margin-left:22px}.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-toggleSwitch,.mosaic-modern-css-settings .header-wrapper .tui-formRow .tui-toggleSwitch,.miscellaneous-css-settings .header-wrapper .tui-formRow .tui-toggleSwitch{justify-content:right}.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}.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 .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 .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: #00b3be;
--brand-color-secondary: #015fb9;
--brand-color-tertiary: #5bac26;
--brand-color-page-background: #ffffff;
--brand-color-black: #0b0c0c;
--brand-color-white: #ffffff;
--button-active-state-background-color: var(--brand-color-primary);
--button-active-state-text-color: var(--brand-color-white);
--button-background-color: var(--brand-color-primary);
--button-border-color: var(--brand-color-secondary);
--button-border-radius: 10px;
--button-border-width: 2px;
--button-box-shadow: none;
--primary-button-box-shadow: none;
--button-focus-state-background-color: var(--brand-color-secondary);
--button-focus-state-outline-color: var(--brand-color-secondary);
--button-focus-state-outline-width: 4px;
--button-hover-background-color: var(--brand-color-secondary);
--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: 20px 10px;
--button-text-color: var(--brand-color-white);
--primary-button-background-color: var(--brand-color-tertiary);
--primary-button-border-color: var(--brand-color-primary);
--primary-button-padding: 20px 10px;
--primary-button-border-radius: 10px;
--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-white);
--body-font-family: Arial, Helvetica, sans-serif;
--custom-font-family: ;
--custom-font-weight: ;
--heading-font-family: ;
--heading-level-one-font-size: 32px;
--heading-level-one-font-color: var(--brand-color-primary);
--heading-level-one-font-weight: 800;
--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: var(--brand-color-black);
--body-font-line-height: ;
--link-color: var(--brand-color-primary);
--link-text-decoration: none;
--link-hover-color: var(--brand-color-tertiary);
--link-hover-text-decoration: underline;
--link-focus-color: var(--brand-color-white);
--link-focus-text-decoration: none;
--link-focus-background-color: var(--brand-color-white);
--link-active-color: var(--brand-color-tertiary);
--block-header-background-color: var(--brand-color-white);
--block-bottom-border-color: var(--brand-color-white);
--block-body-background-color: var(--brand-color-white);
--block-border-color: var(--color-neutral-5);
--block-border-radius: 8px;
--block-border-width: 1px;
--block-box-shadow-setting: 0 1px 1px rgba(0,0,0,0.05);
--header-background-color: var(--brand-color-page-background);
--main-menu-background-color: var(--brand-color-primary);
--main-menu-font-size: 18px;
--main-menu-font-weight: 400;
--menu-item-text-color: var(--brand-color-white);
--menu-item-text-decoration: underline;
--menu-item-hover-text-color: var(--brand-color-tertiary);
--menu-item-hover-text-decoration: underline;
--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-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: 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: var(--brand-color-primary);
--footer-text-color: var(--brand-color-white);
--footer-border-top-color: var(--brand-color-black);
--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: var(--brand-color-page-background);
--login-page-background-size: cover;
--login-page-background-position-x: inherit;
--login-page-background-position-y: inherit;
--rag-red-text-color: #fff;
--rag-red-background-color: #e10010;
--rag-amber-text-color: #fff;
--rag-amber-background-color: #cc7b0a;
--rag-green-text-color: #fff;
--rag-green-background-color: #32a836;--login-background: url('https://caregroupbridge.org/pluginfile.php/1/totara_core/loginbackground/4066/image-7b1bz5vph3y.jpeg');
}
/* =========================================
   Tower Hamlets — UI theme layer
   ========================================= */

/* ------------------------------
   Design tokens
   ------------------------------ */

:root {
  --brand: #4eb5da;
  --brand-600: #4eb5da;
  --accent: #00609C;
  --ink: #1A1A1A;
  --muted: #5B5F66;
  --surface: #FFFFFF;
  --surface-alt: #F6F7F9;
  --border: #E4E6EA;
  --radius: 12px;
  --shadow-1: 0 4px 12px rgba(0,0,0,.08);
  --color-backdrop-standard: var(--brand-color-primary);
}


/*hide navigation on login page*/
#page-login-index .totaraNav_prim ul {
  display:none;
}
/* Header */
.site-header,
.navbar {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}
.site-logo img { max-height: 44px; }
.navbar .nav > li > a {
  font-weight: 600;
  padding: 12px 16px;
}

/* Hero */
.hero {
  padding: 40px 0 28px;
  background: var(--surface-alt);
}
.hero h1 {
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1.2;
  color: var(--ink);
}
a:focus {
    color:var(--brand)!important;
}
/* Cards 
.card,
.block-card {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  overflow: hidden;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand) 20%, var(--border));
}
.card a { text-decoration: none; }
.card a:focus-visible,
.card:focus-within { outline: 2px solid var(--accent); outline-offset: 3px; }*/

/* Make entire card clickable if using card-title links 
.card a.card-title { display: block; }
.card a.card-title::after {
  content: "";
  position: absolute; inset: 0; /* click overlay */
}*/

/* Buttons */
.btn-primary {
  background: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover,
.btn-primary:focus {
  background: var(--brand-600);
  border-color: var(--brand-600);
}
.btn-secondary {
  background: transparent; color: var(--ink);
  border: 1px solid var(--border);
}

/* Links */
a { color: var(--accent); text-decoration: underline; }
a:hover { text-decoration: none; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Typography & spacing */
body { color: var(--ink); line-height: 1.55; font-size: 16px; }
h1,h2,h3 { color: var(--ink); font-weight: 700; letter-spacing: -.01em; margin-bottom: .5em; }
.section-title { margin-bottom: 16px; }
.section { padding: 24px 0; }

/* Footer */
.site-footer {
  background: #0E1116;
  color: #E9ECEF;
  padding: 36px 0;
}
.site-footer a { color: #E9ECEF; text-decoration: underline; }

/* Forms (AA) */
input, select, textarea {
  border-radius: 10px;
  border: 1px solid var(--border);
}
input:focus, select:focus, textarea:focus {
  outline: 2px solid var(--accent);
  box-shadow: none;
}

/* Image aspect ratios for stable grids */
.card .card-image,
.block-card .card-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* ============================================================
   NAVIGATION FIXES — Added by Jeremy in implementation
   Purpose: 
   1) Show second-level items (“Record of Learning”, “Find Learning”) 
      as a proper dropdown under their parent (e.g., “Learn”) instead 
      of appearing inline in the primary nav bar.
   2) Change main nav hover state to background + text color swap 
      rather than underline.
   ============================================================ */

/*make nav ribbon thinner - remove top,bottom padding */

.totaraNav-menu3 {
    padding: 0 10vw;
}

/* --- 1) Primary nav baseline & hover states (no underline) --- */
/* Target Totara Mosaic primary nav item links */
.totaraNav_prim .totaraNav_prim--list_item_link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: 10px 14px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none !important; /* remove underline in nav */
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
/*make rest of Nav white in colour*/
.totaraNav-menu3 .navbar-user-menu {
    color:white;
}
/* Hover/focus = background fill + text color change (no underline) */
.totaraNav_prim .totaraNav_prim--list_item_link:hover,
.totaraNav_prim .totaraNav_prim--list_item_link:focus-visible {
  background: var(--brand);
  color: #FFFFFF;
  box-shadow: 0 1px 0 rgba(0,0,0,.05) inset;
}

/* Selected/top-level active state for consistency */
.totaraNav_prim .totaraNav_prim--list_item_selected > .totaraNav_prim--list_item_link,
.totaraNav_prim .totaraNav_prim--list_item_link[aria-current="page"] {
  background: var(--brand-600);
  color: #FFFFFF;
}

/* Ensure icons in the link also inherit the hover color */
.totaraNav_prim .totaraNav_prim--list_item_link .flex-icon {
  transition: color .15s ease, fill .15s ease;
}
.totaraNav_prim .totaraNav_prim--list_item_link:hover .flex-icon,
.totaraNav_prim .totaraNav_prim--list_item_link:focus-visible .flex-icon {
  color: #FFFFFF;
  fill: currentColor;
}

/* --- 2) Convert secondary items to a dropdown under the parent --- */
/* Hide second-level list by default; position it as a dropdown. 
   (Totara outputs .navExpand--listSecond inside the parent LI.) */
.totaraNav_prim .totaraNav_prim--list_item_hasChildren {
  position: relative; /* anchor for absolutely positioned dropdown */
}

/* Default: keep it hidden and off-flow */
.totaraNav_prim .navExpand--listSecond {
  display: none;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  z-index: 1000;
  min-width: 240px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: var(--shadow-1);
  padding: 6px;
}

/* Show dropdown on hover OR keyboard focus within */
.totaraNav_prim .totaraNav_prim--list_item_hasChildren:hover > .navExpand--listSecond,
.totaraNav_prim .totaraNav_prim--list_item_hasChildren:focus-within > .navExpand--listSecond {
  display: block;
}

/* Style of items inside the dropdown */
.totaraNav_prim .navExpand--listSecond .navExpand--list_item_link {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--ink);
  text-decoration: none;
  font-weight: 600;
  transition: background-color .15s ease, color .15s ease;
}

/* Hover/focus for dropdown items */
.totaraNav_prim .navExpand--listSecond .navExpand--list_item_link:hover,
.totaraNav_prim .navExpand--listSecond .navExpand--list_item_link:focus-visible {
  background: var(--surface-alt);
  color: var(--ink);
}

/* Optional active/selected highlight inside dropdown */
.totaraNav_prim .navExpand--listSecond .navExpand--list_item_selected .navExpand--list_item_link {
  background: var(--main-menu-background-color);
  color: #FFFFFF;
  padding: 0px 0px 6px 15px;
}

/* Prevent the raw second-level list from stretching across the bar 
   (the bug you’re seeing where items appear inline). This guards 
   against any theme overrides that accidentally display it as inline. */
.totaraNav_prim .navExpand--listSecond,
.totaraNav_prim .navExpand--listSecond .tw-selectTree__list {
  list-style: none;
}

/* --- 3) Optional: show subnav as breadcrumb strip instead of dropdown ---
   If you prefer breadcrumb instead of dropdown, keep the dropdown rules above 
   (for accessibility on mobile), and style the .totaraNav_sub as a breadcrumb.
   This visually separates secondary nav so it never “bleeds” into the primary. */
.totaraNav_sub {
  background: var(--surface-alt);            /* subtle separation */
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  display:none;
}

.totaraNav_sub .totaraNav_sub--list {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .5rem;
  padding: 8px 0;
  margin: 0;
  list-style: none;
}

.totaraNav_sub .totaraNav_sub--list_item_link {
  color: var(--muted);
  text-decoration: none;
  font-weight: 600;
  padding: 4px 6px;
  border-radius: 6px;
  transition: background-color .15s ease, color .15s ease;
}

/* Breadcrumb divider (Record of Learning / Find Learning) */
.totaraNav_sub .totaraNav_sub--list_item + .totaraNav_sub--list_item::before {
  content: "›";
  margin: 0 .25rem 0 .1rem;
  color: var(--muted);
}

/* Hover/focus for breadcrumb items */
.totaraNav_sub .totaraNav_sub--list_item_link:hover,
.totaraNav_sub .totaraNav_sub--list_item_link:focus-visible {
  background: var(--surface);
  color: var(--ink);
}

/* Active/selected subnav item */
.totaraNav_sub .totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link {
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, var(--surface));
}

/* --- 4) Mobile behavior & touch targets (safety) --- */
/* Increase tappable area on mobile for primary nav items */
@media (max-width: 991px) {
  .totaraNav_prim .totaraNav_prim--list_item_link {
    padding: 12px 16px;
  }

  /* Allow dropdown to flow as an inline list when the menu stacks */
  .totaraNav_prim .navExpand--listSecond {
    position: static;
    display: none;          /* still hidden until expanded via JS/toggle */
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0 0 6px;
  }

  /* If the theme toggler adds an “expanded” class, show it;
     this keeps hover-only behavior off on touch devices. */
  .totaraNav_prim .totaraNav_prim--list_item_hasChildren.is-expanded > .navExpand--listSecond {
    display: block;
  }

  .totaraNav_prim .navExpand--listSecond .navExpand--list_item_link {
    padding: 10px 12px;
  }
}

/* --- 5) Reduce underline globally only in nav areas (belt-and-braces) --- */
/* Your base styles already remove underline on hover site-wide,
   this ensures the nav never inherits unexpected underlines. */
.totaraNav a,
.totaraNav_sub a {
  text-decoration: none !important;
}

/* --- 6) High-contrast focus (AA) for keyboard users --- */
.totaraNav_prim .totaraNav_prim--list_item_link:focus-visible,
.totaraNav_sub .totaraNav_sub--list_item_link:focus-visible,
.totaraNav_prim .navExpand--listSecond .navExpand--list_item_link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* End of Navigation fixes — Added by Jeremy in implementation */
/* home page dashboard id = 1 change links on html blocks */

.block-think-html .block-think-html-inner .inner a,
.block-think-html .block-think-html-inner .inner a h3 {
    text-decoration: none;
    color: #015fb9;
}

/*home page width changes*/

.carousel-inner {
    max-width: var(--container-max-width);
    margin: 0 auto;
    border-radius: 30px;
}
a.right.carousel-control,a.left.carousel-control {
    height: 40px;
    width: 40px;
    background: grey;
    border-radius: 50%;
}
.carousel-control {
    top: unset!important;
}

.carousel-control ::before {
    position: absolute;
    left: -18px;
    bottom: -29px;
}

.block.block_compliance_overview {
    max-width: var(--container-max-width);
    margin: 0 auto;
}

.carousel .carousel-inner > .item .carousel-caption.textleft {
    left: 0.6%;
    bottom: 3%;
    border-radius:16px;
}

/*compliance block transparent backgrounds*/
.block_compliance_overview .compliance-block__text-value {
    color: #000!important
}
.block_compliance_overview .compliance-block__text-value {
    color: #000!important
}

 .block_compliance_overview .compliance-block {
    padding-top: 20px;
    padding-bottom: 0
}

.compliance-block {
    border-radius: 0;
    box-shadow: 0 0 12px rgba(0,0,0,.2)
}

 a.compliance-block.compliance-block:hover {
    background: #f3f3f3!important
}

 .compliance-block--compliant .compliance-block__text-value, .compliance-block--compliant .compliance-block__icon {
    color: #009639!important
}

.compliance-block--inprogress .compliance-block__text-value, .compliance-block--inprogress .compliance-block__icon {
    color: #ED8B00!important
}

.compliance-block--expired .compliance-block__text-value, .compliance-block--expired .compliance-block__icon {
    color: #DA291C!important
}

/*featured links block radius changes*/
.path-totara-dashboard .block-totara-featured-links-tile {
    border-radius: 15px;
}
.path-totara-dashboard .block-totara-featured-links-content:before {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* ============================================================
   Login page layout adjustment — Added by Jeremy in implementation
   Goals:
   - Align login box left.
   - Place background image smaller and right-aligned.
   ============================================================ */

/* 1) Background image anchored right
   ---------------------------------- 

/* 2) Login box alignment
   ---------------------- */
#page-login-index .loginbox {
  max-width: 420px;                    /* narrower for left column */
  margin: 40px 0 0 60px;               /* space from top + left edge */
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  overflow: hidden;
  position: relative;
  left:10%;
}

/* Add a decorative brand bar at the top */
#page-login-index .loginbox::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, var(--brand), var(--accent));
}

/* Keep the login content padded */
#page-login-index .loginpanel {
  padding: 20px 22px 22px;
}

/* 3) Responsive fallback
   ---------------------- */
/* On small screens (<768px), recentre the login box
   and reposition the background image. */

  #page-login-index .loginbox {
    margin: 24px auto 0;
  }
}

/* CALENDAR BLOCK*/ 

.block_calendar_month td.day.hasevent.calendar_event_user.duration_finish.calendar_event_user {background: #dca50e!important} 

.block_calendar_month td.day.hasevent.calendar_event_user.duration_finish.calendar_event_user a {color:black} 

.block_calendar_month td.day.hasevent.calendar_event_user.calendar_event_user {background: #ffc20e;} 

.block_calendar_month td.weekend.day {background: #666666; color:white} 

.block_calendar_month td.day.today.eventnone {background: $background2;} 

.block_calendar_month td.day.hasevent.calendar_event_course.calendar_event_course {background: $background1; color:white} 

.block_calendar_month td.day.hasevent.calendar_event_course.calendar_event_course a {color:#000} 

.block_calendar_month td.day.today.eventnone a {color:#f5f5f5} 

.block_calendar_month td.day.hasevent.calendar_event_global.duration_finish.calendar_event_global {background: $background1} 

.block_calendar_month td.day.hasevent.calendar_event_global.duration_finish.calendar_event_global a {color: black} 

.block_calendar_month td.day.hasevent.calendar_event_global.duration_finish.calendar_event_global.today {background:$background2!important} 

}
/*Compliance block*/
.block_compliance_overview .compliance-block {
    padding-top: 20px;
    padding-bottom: 0px;
}

.compliance-block {
    border-radius: 0;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
}

a.compliance-block.compliance-block:hover {
    background: #D8D1CA!important;
}
/*beautify feedback form elements*/

.fitem.feedback_itemlist.feedback-item-multichoicerated {
    background: lavender;
    padding: 2rem;
    margin: 0;
}

/*beautify calendar*/
/* Hide Saturday (6th column) and Sunday (7th column) in the calendar */
.block_calendar_month table.calendartable th:nth-child(6),
.block_calendar_month table.calendartable th:nth-child(7),
.block_calendar_month table.calendartable td:nth-child(6),
.block_calendar_month table.calendartable td:nth-child(7) {
  display: none;
}
/* === Calendar Block Styling (generic version) === */
.block_calendar_month {
  background-color: #f7faff; /* subtle tint of primary (#005eb8) */
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Calendar header / caption area */
.block_calendar_month .calendar-controls {
  text-align: center;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: #005eb8;
}

.block_calendar_month .calendar-controls a {
  color: #005eb8;
  text-decoration: none;
}

.block_calendar_month .calendar-controls a:hover {
  color: #00b3be;
}

/* Calendar table */
.block_calendar_month table.calendartable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}

/* Weekday headers */
.block_calendar_month table.calendartable th {
  background-color: #e8f2fb;
  color: #005eb8;
  text-align: center;
  vertical-align: middle;
  padding: 0.75rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 1rem; /* slightly larger weekday labels */
}

/* Day cells */
.block_calendar_month table.calendartable td.day {
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 1.2rem 0.4rem;
  border-radius: 6px;
  font-size: 1.25rem; /* larger date numbers */
  transition: all 0.2s ease;
}

.block_calendar_month table.calendartable td.day:hover {
  background-color: #e6f7f8; /* accent tint */
  cursor: pointer;
}

/* Weekend cells */
.block_calendar_month table.calendartable td.weekend {
  background-color: #f9fafc;
  color: #666;
}

/* Highlight today */
.block_calendar_month table.calendartable td.today {
  background-color: #005eb8;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 0 0 3px #00b3be33;
}

/* Taller, airier layout */
.block_calendar_month table.calendartable td,
.block_calendar_month table.calendartable th {
  height: 70px;
}

/* Blank cells */
.block_calendar_month table.calendartable td.dayblank {
  background-color: transparent;
}
/* === Popover event button styling === */

/* Make each event link look like a full-width button */
.block_calendar_month .popover .popover-content a,
.block_calendar_month .popover .popover-body a {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #e6f7f8;      /* light accent tint */
  color: #005eb8;                 /* brand primary */
  font-size: 1.05rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  border-radius: 10px;            /* matches calendar corners */
  border: 2px solid #00b3be33;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-top: 0.5rem;
  box-sizing: border-box;
}

/* Hover / focus interaction */
.block_calendar_month .popover .popover-content a:hover,
.block_calendar_month .popover .popover-body a:hover,
.block_calendar_month .popover .popover-content a:focus,
.block_calendar_month .popover .popover-body a:focus {
  background-color: #00b3be;      /* accent */
  color: #ffffff;
  border-color: #00b3be;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  outline: none;
}

/* Optional: icon alignment inside button */
.block_calendar_month .popover .popover-content div,
.block_calendar_month .popover .popover-body div {
  text-align: center;
}

.block_calendar_month .popover .popover-content .flex-icon,
.block_calendar_month .popover .popover-body .flex-icon {
  margin-right: 0.4rem;
  vertical-align: middle;
  font-size: 1.2rem;
  color: #005eb8;
}

/* Center everything neatly */
.block_calendar_month .popover .popover-content > div,
.block_calendar_month .popover .popover-body > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/*change abbreviated days into looking like days full word*/
.block_calendar_month abbr::before {
  content: attr(title);
  color:var(--ink);
}
.block_calendar_month abbr {
  text-decoration: none;
  color:rgba(0,0,0,0);
  border:none;
}
.block_calendar_month td.day {
    font-weight: bold;
}
.totaraNav {
    border-top: 2px solid var(--brand-color-secondary);
}