: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: #005abb;
--brand-color-secondary: #005abb;
--brand-color-tertiary: #005abb;
--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-primary);
--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-white);
--button-hover-border-color: var(--brand-color-secondary);
--button-hover-box-shadow: none;
--primary-button-hover-box-shadow: none;
--button-hover-text-color: var(--brand-color-secondary);
--button-padding: 20px 10px;
--button-text-color: var(--brand-color-white);
--primary-button-background-color: var(--brand-color-secondary);
--primary-button-border-color: var(--brand-color-secondary);
--primary-button-padding: 4.56px 12px;
--primary-button-border-radius: 10px;
--primary-button-border-width: 2px;
--primary-button-hover-background-color: var(--brand-color-white);
--primary-button-hover-border-color: var(--brand-color-primary);
--primary-button-hover-text-color: var(--brand-color-secondary);
--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-secondary);
--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: #282828;
--main-menu-background-color: #282828;
--main-menu-font-size: 1.6rem;
--main-menu-font-weight: 400;
--menu-item-text-color: var(--brand-color-white);
--menu-item-text-decoration: none;
--menu-item-hover-text-color: #fbff02;
--menu-item-hover-text-decoration: none;
--menu-item-selected-text-color: var(--brand-color-white);
--menu-item-selected-background-color: #0b0c0c00;
--menu-item-selected-border-radius: 10px;
--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-primary);
--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: var(--brand-color-primary);
--login-page-background-color: var(--brand-color-page-background);
--login-page-background-size: cover;
--login-page-background-position-x: right;
--login-page-background-position-y: center;
--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://www.govcommercialcollege.co.uk/pluginfile.php/1/totara_core/loginbackground/8052/Login%20BG%20v5-tvw4juujk19.png');
}
/* Container Fluid */

body > .container-fluid, .totaraNav_prim .container-fluid, #header .container-fluid {
    max-width: inherit;
}

/* fix spacing after main region on mobile */

.has-region-side-pre #region-main, .has-region-side-post #region-main {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Remove margin under totaraNav as whitespace above slider */

#page-content {
    padding-top: 10px;
}

.totaraNav {
    margin-bottom: 0px;
}

#header .masthead_logo--header_img,
#header .masthead_secondarylogo--header {
     margin-bottom: 0px;
     margin-top: 0px;
}

/* Homepage tiles */

.block_think_html .row {
    margin-left: -5px;
    margin-right: -5px;
}

.block_think_html .row .col-md-4,
.block_think_html .row .col-sm-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.block_think_html {
    margin-bottom: 0;
    & .block-think-html {
        margin-bottom: 10px;
    }
}

.block_think_html_60 .block-think-html:nth-child(1) .inner .inner-text {
    text-align: center;
}


.block_think_html_60 .block-think-html:nth-child(1) .inner .inner-text {
    background-position: -20px center!important;
    background-repeat: no-repeat;
    text-align: left;
}

@media screen and (max-width: 991px) {
    .block_think_html_60 .block-think-html:nth-child(1) .inner .inner-text {
        background-image: none;
    }
}

/*
.block_think_html_60 .block-think-html .inner-text {
     background-position: -20px center!important;
     background-repeat: no-repeat;
}

.block_think_html_60 .block-think-html:nth-child(1) .inner .inner-text {
    justify-content: flex-start;
}

*/

.block_think_html .block-think-html .inner .inner-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-think-html .inner-text {
    min-height: 153px;
    & h3 {
        color: #FFF;
        font-size: 3rem;
        margin-bottom: 0;
    }
}

/* Slideshow */

.block_think_slideshow  {
    margin-bottom: 10px;
}

.carousel .carousel-inner > .item .carousel-caption {
    bottom: 0;
}

/* Featured links */

.block-totara-featured-links-content h3 {
    color: #FFF;
}

/* Footer */

body #page-footer {
        border: none;
	padding-top: 10px;
        margin-top: 0px;
}

/* Forgot password */
.page-login-v1#page-login-forgot_password [role="main"]{
    padding-top: 20px;
}

/* Profile Page */
.path-user #id_moodle_interests,
.path-user #id_aspirationalpositionheader{
    display: none;
}
.path-user #id_moodle_optional .fitem{
    display: none;
}
.path-user #id_moodle_optional #fitem_id_phone1,
.path-user #id_moodle_optional #fitem_id_phone2{
    display: block;
}

#page-auth-cabinetoffice-guidance #page{
    text-align: center;
}

#page-enrol-index #region-main h2{
    display: none;
}

#page-mod-facetoface-signup #fitem_id_notificationtype{
    display: none;
}

 /*CHANGE WARNING COLOUR*/
.fa-warning.ft-state-warning { color: #d51a05 !important; }

/********* Registration page - mega search box - PH 14-11-23 ************/
#page-local-custom_presignup-process .tf_element_input .optionshierarchy div[style="margin: 0 0 0.75em"] {
    background-color: #f0f4f5;
    border: 1px solid #aeb7bd;
    padding: 20px;
    border-bottom-width: 0;
    border-radius: 10px 10px 0 0;
    margin: 0 !important;
}
#page-local-custom_presignup-process .tf_element_input .optionshierarchy .select2-container {
	background-color: #f0f4f5;
    border: 1px solid #aeb7bd !important;
    padding: 20px !important;
    border-top-width: 0 !important;
    margin-top: -1px;
    border-radius: 0 0 10px 10px;
}
#page-local-custom_presignup-process .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 10px;
    right: 20px;
    width: 50px;
    height: 50px;
}
#page-local-custom_presignup-process .select2-container--default .select2-selection--single .select2-selection__arrow b {
	    border-width: 25px 20px 0 20px;
    border-color: #5897fb transparent transparent transparent;
    top: 26px;
    right: 20px;
    left: unset;
}
#page-local-custom_presignup-process .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #5897fb transparent;
    border-width: 0 20px 25px 20px;
    position: unset;
}
#page-local-custom_presignup-process .select2-container--open .select2-dropdown {
	background-color: #f0f4f5;
    border: 1px solid #aeb7bd;
    border-top-width: 0;
    margin-top: -10px;
    padding: 0 10px 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
#page-local-custom_presignup-process .select2-container--default .select2-results>.select2-results__options {
	    padding: 0 10px;
}
#page-local-custom_presignup-process .select2-container--open .select2-dropdown--above {
    border-top-width: 1px;
    box-shadow: unset;
    border-bottom-width: 0;
}

#page-local-custom_presignup-process .tf_element_input .optionshierarchy .hierarchyitem .select2-container {
    border-top-width: 1px !important;
    border-radius: 10px;
}
/********* END Registration page - mega search box - PH 14-11-23 ************/

/** Register new account footer fix **/
.page-login-v1 #page-footer { position: relative; }


/** Register new account scale fix **/
.loginbox {
  max-height: inherit;
  overflow: auto;
}

/** 17075 **/
.signupform input[type="submit"] {
font-size: 22px;
}

span#id_error_email.validation-error {
background-color: #ffffff;
color: #000000;
border: solid 4px #bb4247;
}

/** 17075 **/
.signupinstructions {
margin-top:30px;
}

div.signupform {
margin-top: 5px;
}

.signuppanel h2 {
margin-top: 40px;
}

/******************* TPP STYLING - PH 25-1-24 *********************/
/**** Colours ****/
:root {
	--blue: #1d70b8;
	--darkblue: #003078;
	--purple: #70006b;
	--pink: #d53880;
	--offblack: #0b0c0c;
    --buttonpurple: #78256e; 
}
/**** Fonts ****/
/* Paragraph */
#page-course-view-think_grid.course-181, #page-totara-dashboard-12, .course-234 p {
	font-size: 19px;
}
/* H1 Page Title */
#page-course-view-think_grid.course-181 .carousel .textcentre h3, #page-totara-dashboard-12 .carousel .textcentre h3, #page-course-view-think_topics.category-38 .carousel .textcentre h3, .course-234 .carousel .textcentre h3 {
	font-weight: 600;
    margin-bottom: 24px;
    font-size: 48px !important;
    margin-top: 14px;
}
@media screen and (max-width: 400px) {
	#page-course-view-think_grid.course-181 .carousel .textcentre h3, #page-totara-dashboard-12 .carousel .textcentre h3, #page-course-view-think_topics.category-38 .carousel .textcentre h3, .course-234 .carousel .textcentre h3 {
		font-size: 36px !important;
	}
}
/* H2 Page Subtitle */
#page-course-view-think_grid.course-181 .carousel .textcentre p, #page-totara-dashboard-12 .carousel .textcentre p, #page-totara-dashboard-12 #block-region-main .block_html h2, #page-course-view-think_topics.category-38 .carousel .textcentre p, .course-234 .carousel .textcentre p {
    font-size: 24px !important;
    margin-bottom: 24px;
}
/* H2 TPP Course page heading */
#page-course-view-think_topics.category-38 .course-content h2 {
	margin: 32px 0;
    color: 	var(--offblack);
    font-size: 42px;
    font-weight: 600;
}
@media screen and (max-width: 400px) {
	#page-course-view-think_topics.category-38 .course-content h2 {
		font-size: 28px ;
	}
}
/* H3 heading */
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow .carousel-caption h3, #page-totara-dashboard-12 #block-region-main .block_think_slideshow .carousel-caption h3, .course-234 #block-region-top .block_think_slideshow .carousel-caption h3 {
	margin-bottom: 24px;
	font-weight: 600;
}
/* H4 heading */
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow .carousel-caption h4, #page-course-view-think_grid.course-181 .block_think_radial_learning .tile-item-name, #page-totara-dashboard-12 #block-region-main .block_think_slideshow .carousel-caption h4, .course-234 #block-region-top .block_think_slideshow .carousel-caption h4, .course-234 .block_think_radial_learning .tile-item-name {
    font-size: 24px;
    margin-bottom: 24px;
}
/**** END fonts ***/
/**** TPP Courses overview page (TPP Homepage) ****/
/* Alex ammended 12/05/2025 to make slideshow background transparent. Original transparency was 76% */
#page-course-view-think_grid.course-181 #page-content, #page-totara-dashboard-12 #page-content, #page-course-view-think_grid.course-234 #page-content {
	max-width: 1650px;
    margin: auto;
}
#page-course-view-think_grid.course-181 #page-content #region-main .course-content h2 , .course-234 #page-content #region-main .course-content h2 {
	display: none;
}
/** Slideshow Region **/
#page-course-view-think_grid.course-181  .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-totara-dashboard-12 .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-course-view-think_topics.category-38 .carousel .carousel-inner > .item .carousel-caption.textcentre, .course-234 .carousel .carousel-inner > .item .carousel-caption.textcentre {
	right: 20%;
    left: 20%;
}
#page-course-view-think_grid.course-181 .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-totara-dashboard-12 .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-course-view-think_topics.category-38 .carousel .carousel-inner > .item .carousel-caption.textcentre, .course-234 .carousel .carousel-inner > .item .carousel-caption.textcentre {
	top: 20%;
    height: fit-content;
    padding: 20px;
    background: rgb(0 0 0 / 0%) !important;
}
#page-course-view-think_grid.course-181 .carousel .textcentre h3, #page-totara-dashboard-12 .carousel .textcentre h3, #page-course-view-think_topics.category-38 .carousel .textcentre h3, .course-234 .carousel .textcentre h3 {
    text-shadow: none;
    color: white;
}
#page-course-view-think_grid.course-181 .carousel .textcentre p, #page-totara-dashboard-12 .carousel .textcentre p, #page-course-view-think_topics.category-38 .carousel .textcentre p, .course-234 .carousel .textcentre p {
	color: white;
    text-shadow: none;
}
#page-course-view-think_grid.course-181 .block_think_slideshow .content.block-content .footer, #page-totara-dashboard-12 .block_think_slideshow .content.block-content .footer, #page-course-view-think_topics.category-38 .block_think_slideshow .content.block-content .footer, .course-234 .block_think_slideshow .content.block-content .footer {
	padding: 0;
}
/** Top Region **/
#page-course-view-think_grid.course-181 #block-region-top {
	display: flex;
}
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow {
	width: 70%;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning_single {
	width: 30%;
}
/** Slideshow 2 **/
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow img, #page-totara-dashboard-12 #block-region-main .block_think_slideshow img, .course-234 #block-region-top .block_think_slideshow img {
	min-height: 250px;
}
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow .carousel-caption, #page-totara-dashboard-12 #block-region-main .block_think_slideshow .carousel-caption, .course-234 #block-region-top .block_think_slideshow .carousel-caption {
	padding: 0;
}
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow .carousel-caption h3, #page-totara-dashboard-12 #block-region-main .block_think_slideshow .carousel-caption h3, .course-234 #block-region-top .block_think_slideshow .carousel-caption h3 {
	text-shadow: none;
}
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow .carousel-caption h4, #page-totara-dashboard-12 #block-region-main .block_think_slideshow .carousel-caption h4, .course-234 #block-region-top .block_think_slideshow .carousel-caption h4 {
	text-shadow: none;
    color: black;
}
#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow .carousel-caption p, #page-totara-dashboard-12 #block-region-main .block_think_slideshow .carousel-caption p, .course-234 #block-region-top .block_think_slideshow .carousel-caption p {
	text-shadow: none;
    color: black;
}
/** Main Region **/
/* Radial learning block */
#page-course-view-think_grid.course-181 .block_think_radial_learning .container-banner, #page-course-view-think_grid.course-181 .block_think_radial_learning .list-container-selected-header-container, #page-course-view-think_grid.course-181 .block_think_radial_learning .status-filters-description, #page-course-view-think_grid.course-181 .block_think_radial_learning .learning-data-filter, #page-course-view-think_grid.course-181 .block_think_radial_learning .tile-type-container, #page-course-view-think_grid.course-181 .block_think_radial_learning .tile-header-container, .course-234 .block_think_radial_learning .container-banner, .course-234 .block_think_radial_learning .list-container-selected-header-container, .course-234 .block_think_radial_learning .status-filters-description, .course-234 .block_think_radial_learning .learning-data-filter, .course-234 .block_think_radial_learning .tile-type-container, .course-234 .block_think_radial_learning .tile-header-container {
	display: none;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .list-container, .course-234 .block_think_radial_learning .list-container {
    padding-top: 16px;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .tile-container, .course-234 .block_think_radial_learning .tile-container {
    border: 0;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 16px;
    height: fit-content;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .tile-image-container, .course-234 .block_think_radial_learning .tile-image-container {
    align-items: center;
    display: flex;
    width: 240px;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .tile-image-container .banner, .course-234 .block_think_radial_learning .tile-image-container .banner {
    height: 160px;
    width: 100%;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .tiles-container {
	gap: 40px;
}
.course-234 .block_think_radial_learning .tiles-container {
	display: flex;
	flex-direction: column;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .partial-container, .course-234 .block_think_radial_learning .partial-container {
	width: 60%;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .tile-item-name, .course-234 .block_think_radial_learning .tile-item-name {
    color: var(--blue);
    font-weight: 600;
    text-decoration: underline;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .tile-container:hover, .course-234 .block_think_radial_learning .tile-container:hover {
	transform: unset;
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .tile-container:hover .tile-item-name, .course-234 .block_think_radial_learning .tile-container:hover .tile-item-name {
	color: var(--darkblue);
}
#page-course-view-think_grid.course-181 .block_think_radial_learning .partial-container .partial-container-header-status, .course-234 .block_think_radial_learning .partial-container .partial-container-header-status {
    display: block;
    margin: 0 0 16px;
}
#page-course-view-think_grid.course-181 .status-filters, .course-234 .status-filters {
	gap: 20px;
	margin-bottom: 24px;
}
#page-course-view-think_grid.course-181 .status-filters .status-filter-container .status-filter, .course-234 .status-filters .status-filter-container .status-filter {
    border: 0;
    box-shadow: none;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
/** Side region **/
#page-course-view-think_grid.course-181 #block-region-side-post, #page-totara-dashboard-12 #block-region-side-post, .course-234 #block-region-side-post {
margin-top: 100px;
}
/* HTML blocks */
#page-totara-dashboard-12 #block-region-main .block_html h2 {
    text-transform: capitalize;
    font-weight: 600;
}
#page-totara-dashboard-12 #block-region-main .block_html .block-title {
	padding-left: 0;
}
/*** Footer **/
body#page-totara-dashboard-12 #page-footer {
	margin-top: 48px;
}
/**** Screen optimisation ****/
@media screen and (max-width: 1355px) {
	#page-course-view-think_grid.course-181 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-totara-dashboard-12 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-course-view-think_topics.category-38  #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, .course-234 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre {
	top: 5px;
}}
@media screen and (max-width: 1300px) {
#page-course-view-think_grid.course-181 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-totara-dashboard-12 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-course-view-think_topics.category-38 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, .course-234 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre {
	top: 20px;
}
#page-course-view-think_grid.course-181 #block-region-slideshow .carousel-inner .item > img, #page-totara-dashboard-12 #block-region-slideshow .carousel-inner .item > img, #page-course-view-think_topics.category-38 #block-region-slideshow .carousel-inner .item > img, .course-234 #block-region-slideshow .carousel-inner .item > img {
	height: 300px;
}
}
@media screen and (max-width: 991px) {
	#page-course-view-think_grid.course-181 #block-region-side-post, #page-totara-dashboard-12 #block-region-side-post, .course-234 #block-region-side-post {
		margin-top: 32px;
	}
}
@media screen and (max-width: 823px) {
		#page-course-view-think_grid.course-181 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-totara-dashboard-12 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-course-view-think_topics.category-38 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre, .course-234 #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre {
		top: 0;
	}
}
@media screen and (max-width: 798px) {
	#page-course-view-think_grid.course-181 #block-region-top, .course-234 #block-region-top {
		flex-direction: column;
	}
	#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow, #page-course-view-think_grid.course-181 .block_think_radial_learning_single, .course-234 #block-region-top .block_think_slideshow {
		width: 100%;
	}
	#page-course-view-think_grid.course-181 #block-region-top .block_think_slideshow img, #page-totara-dashboard-12 #block-region-main .block_think_slideshow img, .course-234 #block-region-top .block_think_slideshow img {
		display: none;
	}
	#page-course-view-think_grid.course-181 #page-content, #page-totara-dashboard-12 #page-content, .course-234 #page-content {
		margin-top: 20px;
	}
	#page-course-view-think_grid.course-181 .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-totara-dashboard-12 .carousel .carousel-inner > .item .carousel-caption.textcentre, #page-course-view-think_topics.category-38 .carousel .carousel-inner > .item .carousel-caption.textcentre, .course-234 .carousel .carousel-inner > .item .carousel-caption.textcentre {
		background: #000 !important;
	}
	#page-course-view-think_grid.course-181 #block-region-slideshow .carousel-inner .item > img, #page-totara-dashboard-12 #block-region-slideshow .carousel-inner .item > img, #page-course-view-think_topics.category-38 #block-region-slideshow .carousel-inner .item > img, .course-234 #block-region-slideshow .carousel-inner .item > img, #page-totara-dashboard-12 #block-region-slideshow .carousel-inner .item > img {
		height: 150px;
	}
}
@media screen and (max-width: 706px) {
		#page-course-view-think_grid.course-181 .block_think_radial_learning .tile-container, .course-234 .block_think_radial_learning .tile-container {
    gap: 0;
    flex-direction: column;
	}
	#page-course-view-think_grid.course-181 .block_think_radial_learning .partial-container, #page-course-view-think_grid.course-181 .block_think_radial_learning .tile-image-container, .course-234 .block_think_radial_learning .partial-container {
		width: 100%;
	}
}

/*** Side Region blocks/Holding HTML blocks ***/
#page-course-view-think_grid.course-181 #block-region-side-post .block_html, #page-totara-dashboard-12 #block-region-side-post .block_html {
	height: 300px;
    margin-bottom: 48px;
}
#page-course-view-think_grid.course-181 #block-region-side-post .block_html h2, #page-totara-dashboard-12 #block-region-side-post .block_html h2, .course-234  #block-region-side-post h2 {
	font-size: 19px;
    text-transform: capitalize;
    font-weight: 600;
}
#page-totara-dashboard-12 #block-region-main #inst1856 {
	margin-top: 32px;
	height: 500px;
	margin-bottom: 32px;
}

/*********** TPP COURSE PAGES 19-4-24 *******************/
/* Add new categories here and in the media queries below */
/* Alex ammended 12/05/2025 to make slideshow background transparent. Original transparency was 76% */
/* Topics background colour only */
#page-course-view-think_topics.category-38, .category-12, .category-41 {
    & .course-content .think_topics .think-topic.section-main .content:has(.collapsible) h3 {
        background-color: var(--blue) !important;
    }
    & .course-content .think_topics .think-topic.section-main .content:has(.collapsible) h3:hover {
        background-color: var(--darkblue) !important;
    }
}

#page-course-view-think_topics.category-38, .category-12, .category-22, .category-41  {
	/* H1 Page Title */
	&  .carousel .textcentre h3 {
		font-weight: 600;
		margin-bottom: 24px;
		font-size: 48px !important;
		margin-top: 14px;
	}
	/* H2 Page Subtitle */
	& .carousel .textcentre p {
		font-size: 24px !important;
		margin-bottom: 24px;
	}
	/* H2 TPP Course page heading */
	& .course-content h2 {
		margin: 32px 0;
		color: 	var(--offblack);
		font-size: 42px;
		font-weight: 600;
	}
	/** Slideshow Region **/
	& .carousel .carousel-inner > .item .carousel-caption.textcentre {
		right: 20%;
		left: 20%;
	}
	& .carousel .carousel-inner > .item .carousel-caption.textcentre {
		top: 20%;
		height: fit-content;
		padding: 20px;
		background: rgb(0 0 0 / 0%) !important;
	}
	& .carousel .textcentre h3 {
		text-shadow: none;
		color: white;
	}
	& .carousel .textcentre p {
		color: white;
		text-shadow: none;
	}
	& .block_think_slideshow .content.block-content .footer {
		padding: 0;
	}
    /********* Course page styling ************/
    & #page-content {
	    max-width: 1650px;
	    margin: auto;
    }
    & .activity-link a {
	    background: var(--buttonpurple);
        color: white;
        border-radius: 25px;
        font-size: 16px;
        padding: 6px 10px;
        margin: 10px 0 20px 0;
    }
    & .activity-link a:hover {
        background: var(--darkblue);
    }
/*** Think Topic Sections Styling ***/
    & .think_topics .section-main {
        padding-bottom: 20px;
        border: 0;
    }
    & .think_topics .section-main .content .collapsible {
        padding-top: 20px;
    }
    & .think_topics .section-main .content .section .modtype_label .actions .fa-chevron-right {
        display: none;
    }
    &8 .think_topics .section-main .section-activity .col-md-1 {
        padding: 0;
        padding-left: 5px;
        width: 3%;
    }
    & .think_topics .section .modtype_label.label .contentwithoutlink.description:has(.img-responsive atto_image_button_left) {
        margin: 10px 0 20px -45px;
        /*font-size: 19px;*/
    }
    & .think_topics .section .modtype_label.label .contentwithoutlink.description:has(.img-responsive atto_image_button_left) img {
        max-width: 50px;
    }
    & .course-content .think_topics .think-topic.section-main .content h3 {
        font-weight: 600;
        font-size: 24px;
    }
    /****** Progress Bar *******/
    & .block_progress {
        border-bottom: 2px solid #b1b4b6;
        background-color: #f8f8f8;
        padding: 10px;
        margin: 0 0 30px 0;
    }
    & .block_progress .content {
        display: flex;
        flex-wrap: wrap;
        padding-top: 20px;
        justify-content: center;
    }
    & .block_progress .barContainer {
        width: 89%;
        order: 2;
    }
    & .block_progress .barRow {
        height: 30px;
    }
    & .block_progress .progressPercentage {
        width: 10%;
        order: 1;
        font-size: 19px;
        padding-left: 16px;
        margin-top: 0;
        font-weight: 600;
    }
    & .block_progress .progressEventInfo {
        order: 3;
        font-size: 19px;
        margin: 0;
        padding: 0;
        padding-left: 30px;
    }
    & .block_progress .firstProgressBarCell {
        border-radius: 50px 0 0 50px;
    }
    & .block_progress .lastProgressBarCell {
        border-radius: 0 50px 50px 0;
    }
    & .block_progress .progressBarCell {
        border-top: 0;
    }
    & .block_progress .progressBarCell.firstProgressBarCell {
        border-right: 0;
    }
    & .block_progress .progressBarCell {
        border-left: 2px solid #f8f8f8;
    }
    & .block_progress [style*="background-color:#025187;"] {
        background-color: #b1b4b6!important;
    }
    & .block_progress [style*="background-color:#73A839;"] {
        background-color: #00703c !important;
    }
    & .block_progress .progressEventInfo .iconInInfo {
        width: auto;
    }
    & .block_progress .progressEventInfo {
        display: none !important;
    }
    & .block_progress:hover .progressEventInfo[style="display: block;"] {
        display: block !important;
    }
    & .block_progress .progressEventInfo {
        padding: 14px;
        text-align: center;
        background: white;
        border: 1px solid #b1b4b6;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        text-transform: capitalize;
        min-width: 250px;
    }
    & .block_progress .progressEventInfo a {
        margin-bottom: 10px;
        display: inline-block;
        text-transform: none;
    }
    & .block_progress .progressPercentage:after {
        content:"ⓘ Hover for more info";
        font-weight: 400;
        font-size: 14px;
        color: 	#505a5f;
    }
    & .block_progress .progressPercentage {
    display: flex;
        flex-direction: column;	
    }
    /* Overview button */
    & .block_progress .overviewButton {
        position: absolute;
        z-index: 1;
        top: -12px;
        right: 10px;
    }
    & .block_progress .overviewButton input[type="submit"] {
        background: none;
        border: none;
        color: #1d70b8;
        text-decoration: underline;
        font-size: 16px;
    }
    & .block_progress .overviewButton input[type="submit"]:hover {
        color: 	#003078;
    }
    /*** TPP amends ***/
    & .think-topic-card {
        box-shadow: none;
        padding: 0;
    }
    & .think-topic-card h3 {
        padding-left: 10px;
    }
    /* Labels fix */
    & .modtype_label {
        padding-bottom: 20px;
    }
    & .think_topics .section-main .section-activity .col-md-1{
        width: 8%;
    }
    & .think_topics .modtype_label .section-activity .col-md-9 {
        float: none;
    }
    /*** Radial Learning ***/
    .block_think_radial_learning {
    	&.block-width-9 {
    		grid-column: auto / span 12;
    	}
        & .tile-item-name {
            margin-bottom: 24px;
            font-size: 24px;
            margin-bottom: 24px;
            color: var(--blue);
            font-weight: 600;
            text-decoration: underline;
        }
        & .tile-container:hover {
            transform: unset;
            & .tile-item-name {
                color: var(--darkblue);
            }
        }
        & .container-banner, .list-container-selected-header-container, .status-filters-description, .learning-data-filter, .tile-type-container, .tile-header-container,  {
            display: none;
        }
        & .list-container {
            padding-top: 16px;
        }
        & .tile-container {
            border: 0;
            flex-wrap: wrap;
            flex-direction: row;
            gap: 16px;
            height: fit-content;
        }
        & .tile-image-container {
            align-items: center;
            display: flex;
            width: 240px;
        }
        & .tile-image-container .banner {
            height: 160px;
            width: 100%;
        }
        & .tiles-container {
            gap: 40px;
            display: flex;
	        flex-direction: column;
        }
        & .partial-container {
            width: 60%;
            & .partial-container-header-status {
                display: block;
                margin: 0 0 16px;
            }
        }
        & .status-filters {
            gap: 20px;
            margin-bottom: 24px;
            & .status-filter-container .status-filter {
                border: 0;
                box-shadow: none;
                padding-top: 7.5px;
                padding-bottom: 7.5px;
            }
        }
    }   
    .block_think_radial_learning_single {
        width: 30%;
    }
}


/* Mobile optimisation */
@media screen and (max-width: 1500px) {
    #page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
        & .think_topics .section .modtype_label.label .contentwithoutlink.description:has(.img-responsive atto_image_button_left) {
            margin-left: -30px;
                }
                }
            }
@media screen and (max-width: 1355px) {
    #page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
        & #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre {
            top: 5px;
                }
                }
            }
@media screen and (max-width: 1300px) {
    #page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
         & #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre {
                    top: 20px;
                }
        & #block-region-slideshow .carousel-inner .item > img {
                    height: 300px;
                }
        & .block_think_slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre {
                    bottom: 10px;
                }
                }
        }
@media screen and (max-width: 991px) {
    #page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
        & .think_topics .section .modtype_label.label .contentwithoutlink.description:has(.img-responsive atto_image_button_left) {
            margin-left: 0px;
            }
        & .think_topics .section-main .section-activity .col-md-1 {
            width: 5%;
            }
            }
        }
@media screen and (max-width: 823px) {
        #page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
            & #block-region-slideshow .carousel .carousel-inner > .item .carousel-caption.textcentre {
                        top: 0;
                }
                }
            }
@media screen and (max-width: 798px) {
        #page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
            & .carousel .carousel-inner > .item .carousel-caption.textcentre {
                background: #000 !important;
            }
            & #block-region-slideshow .carousel-inner .item > img {
                height: 150px;
            }
            & .block_think_radial_learning_single {
                width: 100%;
            }
        }
}
@media screen and (max-width: 706px) {
    .category-12, .category-22, .category-41 {
        & .block_think_radial_learning {
            & .tile-container {
                gap: 0;
                flex-direction: column;
            }
            & .partial-container, .tile-image-container {
                width: 100%;
            }
        }
    }
}
@media screen and (max-width: 400px) {
        #page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
            & .carousel .textcentre h3 {
                        font-size: 36px !important;
                }
            & .course-content h2 {
                        font-size: 28px ;
                }
                }
            }

/* Progress bar mobile optimisation */
@media screen and (max-width: 1600px) {
#page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
    & .block_progress .barContainer {
		width: 79%;
	}
	& .block_progress .progressPercentage {
		width: 20%;
	}
    }
}
@media screen and (max-width: 1051px) {
#page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
    & .block_progress .barContainer {
		width: 69%;
	}
    }
}
@media screen and (max-width: 900px) {
#page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
    & .block_progress .content {
		justify-content: space-around;
	}
    }
}
@media screen and (max-width: 800px) {
#page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
    & .block_progress .barContainer {
		width: 59%;
	}
	& .block_progress .progressPercentage {
		width: 30%;
	}
    }
}
@media screen and (max-width: 600px) {
#page-course-view-think_topics.category-38, .category-12, .category-22, .category-41 {
    & .block_progress .content {
	flex-direction: column;
	align-items: center;
    }
    & .block_progress .barContainer, .block_progress .progressPercentage  {
		width: 100%;
	}
	& .block_progress .progressPercentage {
	    text-align: center;
        margin-bottom: 10px;
	}
    }
}   
/***************** END TPP COURSE PAGES ****************/

/********** Think Related Block ***********/
    .block_think_related .block-think-related-banner-container a {
	    font-size: 24px;
        font-weight: 600;
        color: #0b0c0c;
    }
    .block_think_related {
        background-color: #f8f8f8;
    }
    .block_think_related .block-think-related-banner-container {
	    padding: 10px 20px 0 20px;
        background-color: #f3f2f1;
    }
    .block_think_related .block-think-related-items-container {
	    padding: 0px 20px 20px 20px;
    }
    .block_think_related .block-think-related-container, .block_think_related.block .content {
	    padding: 0;
    }
    .block-region-container .block.block_think_related {
        margin-bottom: 24px;	
    }
    .block_think_related .block-think-related-banner-container a {
	    text-decoration: underline;
	    color: var(--blue);
    }
    .block_think_related .block-think-related-banner-container a:hover {
        color: var(--purple);
    }
    .block-think-related-item-container:not([aria-disabled="true"]):hover {
	    text-decoration: underline;
    }
/********** END Think Related Block ***********/
/******************* END TPP STYLING - PH 25-1-24 *********************/

/***** Seminar - Hide Cancellation code - Course 232 *****/
#page-mod-facetoface-eventinfo.course-232 #fitem_id_customfield_CancellationCode {
	display: none;
}
/***** END *****/
/******* New Homepage 2024 - PH 4-3-24 ********/
/* Colours */
:root {
	--blueprimary: #005abb;
	--turquoiseprimary: #57bab7;
	--purplesecondary: #78256e;
}

/* Page layout */
#page-totara-dashboard-14 #page-content, #page-totara-dashboard-15 #page-content {
    max-width: 1650px;
    margin: auto;
}
#page-totara-dashboard-14 .breadcrumb-nav {
	display: none;
}

#page-totara-dashboard-14 .breadcrumb-container:has(.breadcrumb-button:empty) {
	display: none;
}
/* H2 page heading */
#page-totara-dashboard-14 #inst1942 .content h2 {
	margin-bottom: 32px;
    color: 	var(--offblack);
    font-size: 42px;
    font-weight: 600;
}
@media screen and (max-width: 400px) {
	#page-totara-dashboard-14 #inst1942 .content h2 {
		font-size: 28px ;
	}
}
#page-totara-dashboard-14 .block:not(.block_think_profile) .block-title {
	padding: 0;
    height: fit-content;
    box-shadow: none;
}
#page-totara-dashboard-14 .block:not(.block_think_profile) .block-title h2 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;	
}
#page-totara-dashboard-14 .block .block-header {
	min-height: unset !important;
}
/* buttons */

#page-totara-dashboard-14 .learning-data-filters-container button, #page-totara-dashboard-14  a.container-stat-secondary .stat-secondary-title, .gccbutton {
	background: var(--blueprimary);
    color: #fff;
    border-radius: 25px;
    font-size: 16px;
    padding: 10px 24px;
    min-width: 200px;
}
#page-totara-dashboard-14  a.container-stat-secondary .stat-secondary-title {
	justify-content: center;
	font-weight: 100;
}
#page-totara-dashboard-14 .learning-data-filters-container button:before {
	content: "My ";
}
#page-totara-dashboard-14 .learning-data-filters-container button:hover, #page-totara-dashboard-14 a.container-stat-secondary .stat-secondary-title:hover, .gccbutton:hover {
	transform: scale(1.02);
}
#page-totara-dashboard-14 .container-stat-secondary:hover {
	opacity: 1;
}
.simplelink {
	color: var(--blue);
    text-decoration: underline;
}
.simplelink:hover {
	color: var(--purple);
	    text-decoration: none;
}
.gccbutton {
	display: inline-block;
	text-align: center;
}
.gccbutton:hover {
	color: white;
}

/* Radial Learning */
#page-totara-dashboard-14  .block_think_radial_learning.block .header h2 {
	margin-top: 24px;
    margin-bottom: 16px;
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-image-container {
	order: 1;
}
#page-totara-dashboard-14 .block_think_radial_learning .partial-container {
	order: 2;
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-header-container {
	order: 3;
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-container {
	border: #c8cfd6 1px solid !important;
    border-radius: 0 !important;
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-header-container {
	background-color: #f8f8f8;
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-header-title {
	font-weight: 100;
    text-transform: capitalize;
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-type-container {
	background-color: #f8f8f8;
    color: black !important;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px;
    display: none;
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-type-container svg {
	 fill: black !important;
}
#page-totara-dashboard-14 .block_think_radial_learning .partial-container {
	background-color: #f8f8f8;
}
#page-totara-dashboard-14 .block_think_radial_learning .progress {
	background: white;
    border-radius: 0;
    border-color: #c8cfd6;
}
#page-totara-dashboard-14 .block_think_radial_learning .progress .bar {
	background-color: var(--blueprimary);
}
#page-totara-dashboard-14 .block_think_radial_learning .tile-item-name {
	font-weight: 600;
    color: black;
}
#page-totara-dashboard-14 .block_think_radial_learning .model-icon svg {
	height: 14px !important;
}
#page-totara-dashboard-14 .block_think_radial_learning .status-filters-description {
	background-color: #fff9c4;
    border: 1px solid #ffeb3b;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 100;
    max-width: fit-content;
    display: none;
}
/* Banner */
#page-totara-dashboard-14 .block_think_radial_learning .container-banner, #page-totara-dashboard-14 .block_think_radial_learning .list-container-selected-header-container {
	display: none;
}
/* Layout */
#page-totara-dashboard-14 .block_think_radial_learning .container-stats {
	margin: 0;
	width: 50%;
}
#page-totara-dashboard-14 .container-stats-secondary-container .row {
	box-shadow: none;
    padding: 0;
    margin: 0;
}
#page-totara-dashboard-14 .container-stats-secondary-column {
	    padding: 0;
}
#page-totara-dashboard-14 .container-stats-secondary-container.col-lg-6 {
	margin: 0;
    padding: 0;
    width: 100%;
    min-height: unset;
}
#page-totara-dashboard-14 a.container-stat-secondary {
	display: flex;
    gap: 20px;
    justify-content: end;
    align-items: center;
}
#page-totara-dashboard-14 .stat-secondary-title, .container-stat-secondary-graph {
	margin: 0 !important;
}
#page-totara-dashboard-14 .stat-secondary-title {
	min-width: 200px;
    display: flex;
    justify-content: end;
}
#page-totara-dashboard-14 .block_think_radial_learning .container-body {
	display: flex;
    flex-wrap: wrap;
}
#page-totara-dashboard-14 .learning-data-filters-container.row {
	width: 50%;
	padding: 0;
    margin-left: unset;
    margin-right: unset;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
@media screen and (max-width: 440px) {
	 #page-totara-dashboard-14 .learning-data-filters-container.row {
		flex-wrap: wrap;
        gap: 10px;
	}
}
#page-totara-dashboard-14 .list-container {
	width: 100%;
}
/* Status filters */
#page-totara-dashboard-14 .status-filters {
	gap: 20px;
}
#page-totara-dashboard-14 .status-filter {
	border-radius: 0 25px 25px 0 !important;
}
/* Bookings */
#page-totara-dashboard-14 .block_think_radial_learning .container-stats-secondary-container svg {
	height: 60px;
	width: 60px;
}
#page-totara-dashboard-14 .block_think_radial_learning .container-stats-secondary-container svg text {
	font-size: 32px !important;
}
/*** Think Profile Block ***/
#page-totara-dashboard-14 .block.block_think_profile, #page-totara-dashboard-15 .block.block_think_profile {
	margin-bottom: 24px;
	border: #c8cfd6 1px solid;
}
#page-totara-dashboard-14 .block_think_profile.block .block-header h2, #page-totara-dashboard-15 .block_think_profile.block .block-header h2 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
}
#page-totara-dashboard-14 .block_think_profile .block-header, #page-totara-dashboard-15 .block_think_profile .block-header {
	 background-color: #f3f2f1 !important;
	 padding-left: 20px;
}
#page-totara-dashboard-14 .block_think_profile #think-profile-_root-container span, #page-totara-dashboard-15 .block_think_profile #think-profile-_root-container span {
	font-size: 16px !important;
}
#page-totara-dashboard-14 .block_think_profile .cJMSQC, #page-totara-dashboard-15 .block_think_profile .cJMSQC {
	margin-top: 10px;
}
#page-totara-dashboard-14 .block_think_profile.block .header .block-title, #page-totara-dashboard-15 .block_think_profile.block .header .block-title {
	box-shadow: none;
	padding-left: 0;
}
#page-totara-dashboard-14 .block_think_profile.block .content, #page-totara-dashboard-15 .block_think_profile.block .content {
	background-color: #f8f8f8;
	padding: 10px 20px 10px 20px;
}
/* View full profile block */
#page-totara-dashboard-14 .block_think_profile.block {
	margin-bottom: 0;
    border-bottom: 0;
}
#inst1946.block_html {
	border-top: 0;
	margin-top: -20px;
}
#inst1946.block_html .block-content {
	background-color: #f8f8f8;
    padding-top: 0;
}
#inst1946.block_html .block-content a {
	margin-bottom: 10px;
	display: inline-block;
}
#page-totara-dashboard-14 .block_think_profile.block [style="margin-bottom: 2em;"] {
	display: none;
}
#inst1946.block_html .block-content:after {
	content:"Please keep up to date";
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 100;
    text-transform: math-auto;
}
@media screen and (max-width: 1110px) {
	 #inst1946.block_html .block-content:after {
		font-size: 14px;
        padding: 10px;
	}
}
/* Slideshow */
#page-totara-dashboard-14 .block_think_slideshow  .carousel-control {
	background: none;
}
#page-totara-dashboard-14 .block_think_slideshow .item a {
	/*height: 200px;*/
	height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#page-totara-dashboard-14 .block_think_slideshow .item img {
	display: none !important;
}
#page-totara-dashboard-14 .block_think_slideshow .item .carousel-caption {
	position: relative;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    padding-top: 40px;
}
#page-totara-dashboard-14 #block-region-slideshow .block_think_slideshow .carousel .textcentre h3{
    text-shadow: none;
    color: white;
    margin-bottom: 18px;
}
#page-totara-dashboard-14 #block-region-slideshow .block_think_slideshow .carousel .textcentre p {
	color: white;
    text-shadow: none;
}
#page-totara-dashboard-14 .block_think_slideshow .content.block-content .footer {
	padding: 0;
}
/* H1 Page Title */
#page-totara-dashboard-14 #block-region-slideshow .block_think_slideshow .carousel .textcentre h3 {
	font-weight: 600;
    margin-bottom: 24px;
    margin-top: 14px;
}
@media screen and (max-width: 400px) {
	#page-totara-dashboard-14 #block-region-slideshow .block_think_slideshow .carousel .textcentre h3 {
		font-size: 36px !important;
	}
}
/* H2 Page Subtitle */
#page-totara-dashboard-14 #block-region-slideshow .block_think_slideshow .carousel .textcentre p {
    margin-bottom: 24px;
}
/* H3 heading */
#page-totara-dashboard-14 #block-region-main .block_think_slideshow .carousel-caption h3 {
	margin-bottom: 24px;
	font-weight: 600;
}
/* H4 heading */
#page-totara-dashboard-14 #block-region-main .block_think_slideshow .carousel-caption h4 {
    font-size: 24px;
    margin-bottom: 24px;
}
/* Learning Certificate History */
#page-totara-dashboard-14 .block_totara_report_table:has([aria-label="Certificate issue history"]) .footer {
	display: none;
}
#page-totara-dashboard-14 .block_totara_report_table a {
	color: var(--blue);
}
#page-totara-dashboard-14 .block_totara_report_table [aria-label="Certificate issue history"] .totara-table-container {
	max-height: 250px;
    overflow-y: scroll;
    overflow-x: clip;
}
#page-totara-dashboard-14 .block_totara_report_table .block-header {
	    background-color: #f3f2f1 !important;
}
#page-totara-dashboard-14 .block_totara_report_table .block-header .block-title {
	padding: 0 15px 15px 0;
	box-shadow: none;
}
#page-totara-dashboard-14 .block_totara_report_table .content
{
	    background-color: #f8f8f8;
    padding: 10px 0 20px 20px;
}
#page-totara-dashboard-14 .block_totara_report_table th {
	background: transparent;
    padding-left: 0;
}
#page-totara-dashboard-14 .block_totara_report_table  input[value="Get certificate"] {
	background: var(--blue);
    color: #fff;
    border-radius: 25px !important;
    font-size: 16px;
    padding: 5px 12px !important;
    border: 0 !important;
}
#page-totara-dashboard-14 .block_totara_report_table  input[value="Get certificate"]:hover {
	transform: scale(1.02);
}
/* Badges */
#page-totara-dashboard-14 .block_badges {
	border: #c8cfd6 1px solid;
}
#page-totara-dashboard-14 .block_badges .block-header {
	background-color: #f3f2f1 !important;
    padding: 15px;
}
#page-totara-dashboard-14 .block_badges .block-header .block-title {
	box-shadow: none;
}
#page-totara-dashboard-14 .block_badges .block-content {
	background-color: #f8f8f8;
}
#page-totara-dashboard-14 .block_badges .block-content:has(.badges) {
	padding: 16px 0;
}
#page-totara-dashboard-14 .block_badges .block-content .badges {
	 display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#page-totara-dashboard-14 .block_badges .badges li .badge-name {
	color: var(--blue);
	margin-top: 10px;
	text-decoration: underline;
}
#page-totara-dashboard-14 .block_badges .badges li {
	width: 45%;
    min-width: 150px;
    max-width: 250px;
    background: white;
    border: #c8cfd6 1px solid;
    padding: 10px;
    min-height: 250px;
}
#page-totara-dashboard-14 .block_badges .badges li:hover {
	transform: scale(1.02);
}
#page-totara-dashboard-14 .block_badges .badges li:hover .badge-name {
	color: var(--purple);
	    text-decoration: none;
}
/*** Course Catalogue Block ***/
#inst1947.block_html .block-header {
	background-color: #f3f2f1 !important;
    padding: 15px;
}
#inst1947.block_html .block-content {
	background-color: #f8f8f8;
}
#inst1947.block_html .no-overflow {
	overflow: unset;
}
/*** ADC reports block ***/
#page-totara-dashboard-14 .block_coa_dash {
	border: #c8cfd6 1px solid;
}
#page-totara-dashboard-14 .block_coa_dash .block-header {
	background-color: #f3f2f1 !important;
    padding: 15px;
}
#page-totara-dashboard-14 .block_coa_dash .block-header .block-title {
	box-shadow: none;
}
#page-totara-dashboard-14 .block_coa_dash .block-content {
	background-color: #f8f8f8;
}
#page-totara-dashboard-14 .block_coa_dash .block-content a {
	text-decoration: underline;
    color: var(--blue);
}
#page-totara-dashboard-14 .block_coa_dash .block-content a:hover {
    color: var(--purple);
    text-decoration: none;
}
/*** NOTIFICATION BANNER SLIDESHOW ***/
.govuk-notification-banner {
	 font-family: GDS Transport, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 30px;
    border: 5px solid var(--blueprimary);
    background-color: var(--blueprimary);
}
.govuk-notification-banner__content {
	color: #0b0c0c;
    padding: 15px 15px 20px 15px;
    background-color: #fff;
}
.govuk-notification-banner__title {
	line-height: 1.3157894737;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px !important;
    color: #FFFFFF;
    padding: 2px 20px 5px;
    margin-bottom: 0 !important;
}
#inst1941.block_think_slideshow {
	margin-bottom: 0;
}
#inst1941.block_think_slideshow .carousel-inner .container {
    padding: 0;
    width: 100%;
}
#inst1941.block_think_slideshow .item .carousel-caption {
	padding: 0;
}
#inst1941.block_think_slideshow .item a {
    height: unset;
    display: inline;
    color: var(--blueprimary);
}
#inst1941.block_think_slideshow .item p {
	font-size: 24px;
	font-weight: 700;
	text-shadow: none;
}
#inst1941.block_think_slideshow .carousel {
	display: flex;
    justify-content: center;
}
#inst1941.block_think_slideshow  .carousel-inner {
	order: 2;
}
#inst1941.block_think_slideshow .carousel-control {
	position: unset;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 5%;
}
#inst1941.block_think_slideshow .carousel-control.left {
	order: 1;
}
#inst1941.block_think_slideshow .carousel-control.right {
	order: 3;
}
#inst1941.block_think_slideshow .carousel .carousel-indicators {
	bottom: 35px;
}
#inst1941.block_think_slideshow .carousel .carousel-indicators li {
	margin-right: 5px;
}
/*** END NOTIFICATON BANNER SLIDESHOW ***/
/******* END New Homepage 2024 - PH 4-3-24 ********/

/*** Radial Learning Empty Courses Notification ***/
#inst2012 {
	& .govuk-inset-text {
     padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 10px solid var(--blueprimary);
}
    & .govuk-inset-text a {
	color: var(--blueprimary);
	text-decoration: underline;
}
    & .govuk-inset-text a:hover {
	color: var(--purple);
	text-decoration: none;
}}
#inst2012 {
	margin-top: -40px;
	background: #f8f8f8;
    padding: 20px;
    border: 1px solid #c8cfd6;
}
.editing #inst2012 {
	margin-top: unset;
}
/*** END Radial Learning Empty Courses Notification ***/


/**start - hide started by column **/
body#page-mod-forum-view th.header.author:nth-child(2),
body#page-mod-forum-view td:nth-child(2)
    {display:none;
    
}

/** End - Hide Started by column **/ 

/* CPD Diary Shared Component Styles */
#page-local-cpd_diary-edit,
#page-local-cpd_diary-view,
#page-local-cpd_diary-create {
    #page-content {
        div {
            color: #0b0c0c;
        }

        h1 {
            color: #0b0c0c;
            font-size: 38px;
            font-weight: 600;
        }

        h2 {
            color: #0b0c0c;
            font-size: 42px;
            font-weight: 600;
        }

        h3 {
            color: #0b0c0c;
            font-size: 18px;
            font-weight: 600;
        }

        .cpd_diary--entry_detail--value {
            color: #0b0c0c;
            font-size: 18px;
        }

        input,
        select {
            font-weight: normal;
            font-size: 16px;
            color: #000;
        }

        /*   Back button */
        .cpd_diary--button_back_to_diary,
        button.tui-iconBtn.cpd_diary--button.cpd_diary--button_blue.tui-iconBtn--hasText {
            background: none;
            color: #0b0c0c;
            text-transform: unset;
            border: none;
            text-decoration: underline;
            /* text-decoration-thickness: max(1px, .0625rem);
            text-underline-offset: .1578em; */
            line-height: 1.25;
            font-size: 16px;
        }

        .cpd_diary--button_back_to_diary:hover,
        button.tui-iconBtn.cpd_diary--button.cpd_diary--button_blue.tui-iconBtn--hasText:hover {
            box-shadow: none;
            /* text-decoration-thickness: max(3px, .1875rem, .12em); */
            line-height: 1.25;
            transform: scale(1.00);
        }
    }
}

/* CPD Diary Edit Page */
#page-local-cpd_diary-edit {
    h2 {
        width: calc(100% - 160px)
    }

    select,
    input {
        margin-top: 3px;
    }

    select:active,
    select:focus,
    input:active,
    input:focus {
        outline: 3px solid #fd0;
        outline-offset: 0;
        box-shadow: inset 0 0 0 2px;
        border-color: #0b0c0c;
    }

    .totara_form_group_section {
        a {
            color: #0b0c0c;
            font-size: 18px;
            font-weight: 600;
        }
    }

    .tf_section_items {
        input {
            background: #005abb;
            color: #fff !important;
            border-radius: 25px;
            font-size: 16px;
            padding: 10px 24px;
        }

        input:hover {
            transform: scale(1.02);
            box-shadow: none;
            opacity: 1
        }
    }

    #tfiid_cancelbutton_local_cpd_diary_form_cpd_entry {
        opacity: 0.7
    }

    #tfiid_submitbutton_local_cpd_diary_form_cpd_entry,
    #tfiid_cancelbutton_local_cpd_diary_form_cpd_entry {
        background: #005abb;
        color: #fff !important;
        border-radius: 25px;
        font-size: 16px;
        padding: 10px 24px;
    }

    #tfiid_submitbutton_local_cpd_diary_form_cpd_entry:hover,
    #tfiid_cancelbutton_local_cpd_diary_form_cpd_entry:hover {
        transform: scale(1.02);
        box-shadow: none;
        opacity: 1
    }

    .totara_form .totara_form_group_buttons {
        width: unset;
        float: right;
    }
}

#page-local-cpd_diary_co-amendment_requests,
#page-local-cpd_diary-create {

    .totara_form_element_action_button {
        input {
            background: #005abb;
            color: #fff !important;
            border-radius: 25px;
            font-size: 16px;
            padding: 10px 24px;
        }

        input:hover,
        button:hover {
            transform: scale(1.02);
            box-shadow: none;
        }
    }
}

/* CPD Diary View Page */
#page-local-cpd_diary-view {
    button {
        background: #005abb;
        color: #fff;
        border-radius: 25px;
        font-size: 16px;
        padding: 10px 24px;
    }

    button:hover,
    button:active {
        transform: scale(1.02);
        box-shadow: none;
    }
}

/* Main CPD Page */
#page-local-cpd_diary_co-index {

    /* CPD Tracker */
    .block_co_cpd_tracker {
        button {
            background: #005abb;
            color: #fff;
            border-radius: 25px;
            font-size: 16px;
            padding: 10px 24px;
            margin-top: 10px;
            opacity: 0.7;
        }

        button:hover {
            transform: scale(1.02);
            opacity: 1.0;
        }

        div.cpd-progress-bar>div.main-cont {
            span {
                position: unset;
            }
        }
    }

    /* Alert Block */
    .block_html {
        border: 5px solid #005abb;

        .header {
            background-color: #005abb;

            .block-header {
                border-radius: 0px;
            }

            .title {
                color: white;
                box-shadow: none;

                h2 {
                    font-size: 24px;
                }

                a {
                    span {
                        color: white;
                    }
                }
            }
        }

        .content {
            font-size: 24px;
            font-weight: 700;
            text-shadow: none;
        }
    }

    /* Title */
    .cpd_diary_co--report_header_container {
        align-items: flex-end;

        h2 {
            color: #0b0c0c;
            font-size: 42px;
            font-weight: 600;
            margin-top: 0px;
        }
    }

    /* Header Button group */
    .cpd_diary_co--total_hours {
        flex: unset;
        font-weight: bold;
        width: 300px;

        span {
            color: #0b0c0c;
        }

        button {
            background: #005abb;
            color: #fff;
            border-radius: 25px;
            font-size: 16px;
            padding: 10px 24px;
            width: 100%;
            margin-top: 10px;
        }

        button:hover {
            transform: scale(1.02);
        }
    }


    #rb_export_form,
    .rb-showhide {
        display: flex;
        justify-content: flex-end;

        #fgroup_id_exportgroup,
        form {
            width: 335px;
            display: flex;
            justify-content: flex-end;
        }

        #show-showhide-dialog,
        #id_export {
            background: #005abb;
            color: #fff;
            border-radius: 25px;
            font-size: 16px;
            padding: 10px 24px;
            opacity: 0.7;
            margin: 10px 0;
        }

        #show-showhide-dialog:hover,
        #id_export:hover {
            transform: scale(1.02);
            opacity: 1;
        }
    }

    #show-showhide-dialog {
        width: 300px;
    }

    #fgroup_id_exportgroup {
        fieldset {
            .felement {
                margin-bottom: 10px;
            }
        }
    }

    select#id_format {
        border: 2px solid #0b0c0c;
        color: #0b0c0c;
        font-size: 18px;
    }

    select#id_format:focus {
        outline: 3px solid #fd0;
        outline-offset: 0;
        box-shadow: inset 0 0 0 2px;
    }


    /*Mobile Table*/
    @media screen and (max-width: 798px) {
        .rb-display-table-container {
            overflow-x: auto !important;
        }
        .totara-table-container{
            .totaratable {
                table-layout: auto !important;
            }
        }
    } 

    /* Table */
    .rb-display-table-container{
        padding: 10px;
    }

    .totara-table-container {
        overflow-x: auto;
        width: 100%;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        padding: 10px;

        .totaratable {
            table-layout: fixed;
            width: 100%;
        }

        th.header {
            width: 100%;
            padding: 10px 20px 10px 0;
        }

        th.header,
        th.header>a,
        .cpd_diary_field_value_1 {
            font-weight: 700;
            font-size: 19px;
            color: #1d70b8;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        th.header,
        .cpd_diary_field_value_1 {
            padding: 10px 20px 10px 0px;
        }

        a:hover {
            color: #003078;
            text-decoration: none;
        }

        tbody {
            .cell {
                color: #0b0c0c;
                padding: 10px 20px 10px 0px;
                text-overflow: ellipsis;
                overflow: hidden;

                a {
                    color: #1d70b8;
                    text-align: center;
                    text-decoration: underline;
                }

                a:hover {
                    color: #70006b;
                    text-decoration: none;
                    transform: scale(1.02);
                }
            }

            >tr:nth-of-type(odd),
            tr:hover {
                background-color: unset !important;
            }

            /*   Actions   */
            .cpd_diary_cpd_actions {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;

                a.btn.btn-default {
                    border-radius: 25px;
                    padding: 5px 12px;
                    margin-bottom: 5px;
                    background: #005abb;
                    color: #fff;
                    font-size: 16px;
                    opacity: 0.7;
                    text-decoration: none;
                }

                a.btn.btn-default:hover {
                    opacity: 1;
                }
            }
        }
    }

    // Search By
    .rb-search {
        #id_submitgroupstandard_addfilter,
        #id_submitgroupstandard_clearstandardfilters {
            background: #005abb;
            color: #fff;
            border-radius: 25px;
            border: none;
            font-size: 16px;
            padding: 10px 24px;
            margin: 10px 0;
        }

        #id_submitgroupstandard_clearstandardfilters {
            opacity: 0.7;
        }

        #id_submitgroupstandard_addfilter:hover,
        #id_submitgroupstandard_clearstandardfilters:hover {
            transform: scale(1.02);
            opacity: 1;
        }

        .felement {
            input {
                margin: 0px 5px;
            }
        }
    }

    /* Sidebar (Filter By) and Search (Search by) */
    .rb-search,
    .rb-sidebar {
        margin: 10px 0px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

        .ftoggler {
            margin-bottom: 0px;

            // Removing the toggle icon 
            span.flex-icon {
                display: none;
            }
        }

        .fheader {
            font-size: 24px;
            text-transform: capitalize;
            font-weight: 600;
            margin-left: 15px;
        }

        .fcontainer {
            padding: 16px;

            .legend,
            .felement {
                font-size: 16px;
                font-weight: bold;
                color: #000;
            }

            input,
            select {
                font-weight: normal;
                font-size: 16px;
                color: #000;
            }

            #id_cpd_diary_field-value_1_after,
            #id_cpd_diary_field-value_1_before {
                width: 100%;
            }

            .fgroup {
                span {
                    display: flex;
                }
            }
        }

        input,
        select,
        #id_cpd_diary_field-value_4 {
            border: 2px solid #0b0c0c;
            color: #0b0c0c;
            font-size: 18px;
            border-radius: 0px
        }

        select:focus,
        input:focus,
        #id_cpd_diary_field-value_4:focus {
            outline: 3px solid #fd0;
            outline-offset: 0;
            box-shadow: inset 0 0 0 2px;
            border-color: #0b0c0c;
        }

        #fgroup_id_cpd_diary_field-value_11_grp {
            input:focus {
                outline: none;
                outline-offset: 0;
                box-shadow: none;
            }
        }
    }
}

/*** CPD DIARY - HIDE TOP EXPORT FIELD ***/
#page-local-cpd_diary_co-index #rb_export_form:first-of-type {
	display: none;
}

/*** CPD DIARY TRACKER - HIDE TOP EXPORT FIELD ***/
#page-local-cpd_diary_co-amendment_requests #rb_export_form:first-of-type {
	display: none;
}

body#page-local-cpd_diary_co-index {
    overflow-x: clip;
}

/****** THINK FLEXIBLE TOPICS COURSE FORMAT ********/
/*** Breadcrumbs ***/
#page-course-view-think_flexible_topics {
	.breadcrumb-container {
		background: var(--blueprimary);
		margin: 0;
	    width: 100%;
	    min-width: 100%;
	    padding: 0 100px;
		& .breadcrumb-nav {
			& span, & a, & li:before {
				color: white;
			}
			& .breadcrumb:before {
				
			}
		}
	}
}
/****** Think Flexible Topics Layout ******/
#page-course-view-think_flexible_topics {
	& h3 {
		background: transparent !important;
		font-size: 32px;
		color: black;
		margin-bottom: 32px;
		font-weight: 700;
	}
	& .think_flexible_topics {
		& .activity-container {
			gap: 20px;
			margin: 0;
			& .activity-item {
				padding: 40px;
				border: var(--blueprimary) 10px solid;
				color: black;
				border-radius: 10px;
				& .activity-name {
					font-size: 20px;
					height: auto;
					min-height: 100px;
				}
				& .activityinstance a {
					font-size: 20px;
					font-weight: bold;
					color: black;
					
				}
				& .activity-link {
					grid-column: 6 / 7;
					& .btn {
						background: var(--blueprimary);
						border-radius: 18px;
						&:hover {
							transform: scale(1.02);
						}
					}
				}
			}
		}
		& .section-main {
			margin-bottom: 24px;
		}
	}
	& .course-content {
		& h2:first-of-type {
			display: none;
		}
	}
}
/* Grants */ 
#page-course-view-think_flexible_topics.category-37, #page-course-view-think_flexible_topics.category-55, #page-course-view-think_flexible_topics.category-56, #page-course-view-think_flexible_topics.category-57 {
	& .think_flexible_topics .activity-container {
		& .activity-item {
			border-color: #ff9100;	
		}
	}
}
/* Screen optimiation */
@media screen and (max-width: 991px) {
	#page-course-view-think_flexible_topics {
		& .activity-item {
			& .mod-indent-outer {
				& div {
					margin-bottom: 20px;
				}
			}
			& .activity-description {
				& img {
					max-width: 400px;
					
				}
			}
		}
	}
}
/*** Progress Bar ***/
#page-course-view-think_flexible_topics {
    & .block_progress {
        padding: 10px;
        margin: 0 0 30px 0;
    }
    & .block_progress .content {
        display: flex;
        flex-wrap: wrap;
        padding-top: 20px;
        justify-content: center;
    }
    & .block_progress .barContainer {
        width: 89%;
        order: 2;
    }
    & .block_progress .barRow {
        height: 30px;
    }
    & .block_progress .progressPercentage {
        width: 10%;
        order: 1;
        font-size: 19px;
        padding-left: 16px;
        margin-top: 0;
        font-weight: 600;
    }
    & .block_progress .progressEventInfo {
        order: 3;
        font-size: 19px;
        margin: 0;
        padding: 0;
        padding-left: 30px;
    }
    & .block_progress .firstProgressBarCell {
        border-radius: 50px 0 0 50px;
    }
    & .block_progress .lastProgressBarCell {
        border-radius: 0 50px 50px 0;
    }
    & .block_progress .progressBarCell {
        border-top: 0;
    }
    & .block_progress .progressBarCell.firstProgressBarCell {
        border-right: 0;
    }
    & .block_progress .progressBarCell {
        border-left: 2px solid #f8f8f8;
    }
    & .block_progress [style*="background-color:#025187;"] {
        background-color: #b1b4b6!important;
    }
    & .block_progress [style*="background-color:#73A839;"] {
        background-color: #00703c !important;
    }
    & .block_progress .progressEventInfo .iconInInfo {
        width: auto;
    }
    & .block_progress .progressEventInfo {
        display: none !important;
    }
    & .block_progress:hover .progressEventInfo[style="display: block;"] {
        display: block !important;
    }
    & .block_progress .progressEventInfo {
        padding: 14px;
        text-align: center;
        background: white;
        border: 1px solid #b1b4b6;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        text-transform: capitalize;
        min-width: 250px;
    }
    & .block_progress .progressEventInfo a {
        margin-bottom: 10px;
        display: inline-block;
        text-transform: none;
    }
    & .block_progress .progressPercentage {
    display: flex;
        flex-direction: column;	
    }
    /* Overview button */
    & .block_progress .overviewButton {
        position: absolute;
        z-index: 1;
        top: -12px;
        right: 10px;
    }
    & .block_progress .overviewButton input[type="submit"] {
        background: none;
        border: none;
        color: #1d70b8;
        text-decoration: underline;
        font-size: 16px;
    }
    & .block_progress .overviewButton input[type="submit"]:hover {
        color: 	#003078;
    }
}
/* Breadcrumb fix */
#page-course-view-think_flexible_topics .breadcrumb-container {
	& .row {
		max-width: 1920px;
		margin: auto;
	}
}
/* END Breadcrumb fix */
/********** END THINK FLEXIBLE TOPICS COURSE FORMAT **********/

/****** Page Heading Block ******/
body {
	& .block_think_html:has(.gcc-page-header-type-1-col-1 ) {
		& .row {
			display: flex;
			& .gcc-page-header-type-1-col-1 {
				width: 50%;
				margin: 0;
				background: #005ABB;
				display: flex;
				justify-content: left;
				align-items: center;
				padding: 40px;
				& .block-think-html-inner {
					display: flex;
				    justify-content: center;
				    align-items: center;
				}
				& .inner {
					z-index: 10;
				}
				& .inner-text {
					display: block;
					height: auto !important;
				}
				& h1 {
					color: white;
					font-size: 48px;
					font-weight: bold;
				}
				& h4 {
					font-size: 32px;
					color: white;
				}
			}
			& .gcc-page-header-type-1-col-2 {
				width: 50%;
				margin: 0;
				& .inner-text {
					min-height: 400px;
					height: auto !important;
				}
			}
		}
	}
}
body:not(.editing) {
	& .gcc-page-header-type-1-col-1-bgimg {
				position: absolute;
			    right: 50%;
			    bottom: 0;
			    z-index: 2;
			    & img {
			    	margin: 0;
    				max-width: 300px;
			    }
			    & .inner-text {
					padding: 0!important;
				}
	}
}
/* screen optimisation */
@media screen and (max-width: 1100px) {
    body {
        & .gcc-page-header-type-1-col-1-bgimg {
        	& img {
        		max-width: 200px !important;
        	}
        }
    }
}
@media screen and (max-width: 992px) {
    body {
    	/* HTML blocks block */
        & .block_think_html:has(.gcc-page-header-type-1-col-1 ) {
        	& .row {
        		flex-wrap: wrap;	
        	}
        }
        /* Page Header */
        & .gcc-page-header-type-1-col-1, .gcc-page-header-type-1-col-2 {
        	width: 100% !important;
        }
        & .gcc-page-header-type-1-col-1 {
        	justify-content: flex-start !important;
        }
        & .gcc-page-header-type-1-col-1-bgimg {
        	top: 20px;
		    bottom: unset !important;
		    right: 0 !important;
		    & .inner-text {
		    	height: auto !important;
		    }
        }
        & .gcc-page-header-type-1-col-2 {
        	& .inner-text {
        		min-height: 200px !important;
        	}
        }
    }
}
/****** END Page Heading Block ******/

/****** Course Intro Block ******/
.block_think_html {
	& .row:has(.tft-intro-image) {
		display: flex;
		flex-wrap: wrap;
		& .tft-intro-image {
			width: 15%;
			margin: 40px 0;
		}
		& .tft-intro-text {
			width: 85%;
			margin: 40px 0;
			& .inner-text {
				display: block !important;
				& h3 {
					color: black;
				    font-weight: bold;
				    margin-bottom: 28px;
				}
			}
		}
	}
}
/* screen optimisation */
@media screen and (max-width: 992px) {
    body {
        /* Course intro block */
		& .tft-intro-image {
			width: 100% !important;
    		margin-bottom: 0 !important;
    		& img {
    			max-width: 250px !important;
    		}
		}
		& .tft-intro-text {
			width: 100% !important;
    		margin-top: 0 !important;
		}
    }
}
/****** END Course Intro Block ******/

/***** HTML Blocks Block - Title, Paragraph and Image ******/
.block_think_html:has(.gcc-title-paragraph-image-left) {
	& .row {
		display: flex;
    	flex-wrap: wrap;
	}
}
.gcc-title-paragraph-image-left {
	width: 66%;
	& .inner-text {
		flex-direction: column;
    	align-items: flex-start !important;
    	& h2 {
    		font-weight: bold;
    		margin-bottom: 24px;
    		font-size: 32px;
    		width: 100%;
    	}
    	& .link-as-button {
    		margin: 20px 0 20px 0;
		    border-radius: 50px;
		    padding: 10px 40px;
		    font-size: 18px;
		    color: white !important;
		    background: #005ABB;
		    border: 0;
		    &:hover {
		    	transform: scale(1.03);
		    }
    	}
	}
}
.gcc-title-paragraph-image-right {
	width: 33%;
	& {
		
	}
}
/* screen optimisation */
@media screen and (max-width: 991px) {
	.gcc-title-paragraph-image-left, .gcc-title-paragraph-image-right {
	    	width: 100%;
	}
}

/******* Page back button ******/
.gcc-page-back-button {
	& .inner-text {
		min-height: unset;
	    margin-bottom: -75px;
	    margin-top: 20px;
	    z-index: 10;
	    position: relative;
	}
	& .link-as-button {
			margin: 0;
		    border-radius: 50px;
		    padding: 10px 40px;
		    font-size: 18px;
		    color: black !important;
    		background: #CACAC8;
		    border: 0;
		    &:hover {
		    	transform: scale(1.03);
		    }
	}
}

/* Think Flexbile Topic amends */
#page-course-view-think_flexible_topics {
	& .think_flexible_topics {
		& .activity-container {
			&.format-think-flexible-topics-grid {
				max-width: 1200px;
    			margin: auto;
			}
            & .activity-item {
                padding: 20px !important;
            }
			&  .activity-item:not(.modtype_label) {
				& .activity-description {
					img {
						max-height: 200px;
    					width: auto;
					}
				}
			}
		}
	}
}
#page-course-view-think_flexible_topics {
	& .activity-container .activity-item a.completion-icon {
		color: black;
	}
}
/* END Think Flexbile Topic amends */

/*** Think Flexible Topics - Activity Description Fix ***/
#page-course-view-think_flexible_topics {
	& .think-flexible-topics {
		& .activity-item {
			& .activity-description {
				& .no-overflow {
					white-space: normal;
				}
			}
			&.modtype_label .activity-description {
				font-size: 20px;
			}
		}
	}
}
/*** END Think Flexible Topics - Activity Description Fix ***/

/* Screen optimiation */
@media screen and (min-width: 1920px) {
	body .block_think_html:has(.gcc-page-header-type-1-col-1) .row .gcc-page-header-type-1-col-1 {
		justify-content: center;
	}
}
@media screen and (max-width: 1920px) {
	body .block_think_html:has(.gcc-page-header-type-1-col-1) .row .gcc-page-header-type-1-col-1 {
		justify-content: left;
	}
}
@media screen and (max-width: 1300px) {
	body:not(.editing) .gcc-page-header-type-1-col-1-bgimg img {
		max-width: 200px;
	}
}
@media screen and (max-width: 600px) {
	body:not(.editing) .gcc-page-header-type-1-col-1-bgimg img {
		display: none;
	}
}
/* END Screen optimiation */

/* Grants temp CSS */
.course-277 {
	& #module-5375 {
		& .availabilityinfo  {
			display: none;
		}
	}
}
.course-63 {
    & #module-5450 {
        & .availabilityinfo {
            display: none;
        }
    }
}
.course-289 {
    & #module-5539 {
        & .availabilityinfo {
            display: none;
        }
    }
}
/* END Grants temp CSS */

/****** Diagnostic Workflow ******/
/* Dashboards */
#page-totara-dashboard-33:not(.editing) {
	.breadcrumb-nav {
		display: none;
	}
	#page {
		max-width: 1400px;
	}
	& h2 {
		color: black;
		margin-bottom: 24px;
	}
	& #page a:not(.new-btn) {
		color: #005ABB;
		text-decoration: underline;
		&:hover {
			color: #78256E;
			text-decoration: none;
		}
	}
	& .pathwaysbox {
	    & p {
	    	margin-bottom: 24px;
	    }
	    & p:has(b) {
	    	margin-bottom: 8px;
	    }
	}
}

#page-totara-dashboard-34:not(.editing) {
	.breadcrumb-nav {
		display: none;
	}
	& h2 {
		color: black;
		margin-bottom: 24px;
	}
	& #page a:not(.new-btn) {
		color: #005ABB;
		text-decoration: underline;
		&:hover {
			color: #78256E;
			text-decoration: none;
		}
	}
	& .pathwaysbox {
	    & p {
	    	margin-bottom: 24px;
	    }
	    & p:has(b) {
	    	margin-bottom: 8px;
	    }
	}
    & .block .block-header h2, #dockeditempanel .dockeditempanel_content h2 {
        font-size: 21px;
        text-transform: none;
        font-weight: bold;
    }
    & #inst1878 {
        font-size: 14px;
    }
    & #inst1887 {
        font-size: 14px;
    }
}

/**** New Button styling ***/
.new-btn {
	    border-radius: 50px;
	    padding: 10px 40px;
	    font-size: 18px;
	    color: white !important;
	    background: #005ABB;
	    border: 0;
	    margin: 10px;
	    display: block;
	    max-width: 300px;
	    text-align: center;
	    &:hover {
	    	transform: scale(1.03);
	    }
	}
/**** END New Button styling ***/
/****** END Diagnostic Workflow ******/

/*** Notification banner ***/
#page-totara-dashboard-33 {
	& .govuk-notification-banner__title {
		margin-top: 0;
		color: white !important;
		font-size: 28px !important;
	}
	& .govuk-notification-banner {
		font-size: 18px;
		margin-bottom: 0;
	}
	& .govuk-notification-banner__content {
		& p {
			font-size: 24px;
		}
	}
	& .question-wrapper:has(.govuk-notification-banner) {
		background: transparent;
		padding: 0;
		margin: 0;
		& .govuk-notification-banner__title br {
			display: none;
		}
	}
}
/*** END Notification banner ***/

/*** ITSM-4058 - Temporary Fix for Activity Description Images on Grants - PH ***/
/* LTPOP */
.course-277 {
	& #module-5375 {
		& .activity-description {
			min-height: 200px;
		    background-repeat: no-repeat;
		    background-size: contain;
		    background-position: center;
		    margin-bottom: 10px;
		    background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/98309/mod_scorm/intro/Accredited%20Grants%20Practioner%20Cog%20Resized.png);
		}
	}
}
/* Blended */
.course-289 {
	& #module-5544, #module-5561, #module-5546, #module-5547, #module-5551, #module-5553, #module-5556, #module-5558, #module-5549, #module-5550, #module-5555, #module-5560, #module-5539 {
		& .activity-description {
			min-height: 114px;
		    background-repeat: no-repeat;
		    background-size: contain;
		    background-position: center;
		    margin-bottom: 10px;
		}
	}
	& #module-5544 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101092/mod_resource/intro/Intro%20to%20Grants.png);
		}
	}
	& #module-5561 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101268/mod_facetoface/intro/Welcome%20Session.png);
			min-height: 150px;
		}
	}
	& #module-5546 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101240/mod_facetoface/intro/GGIS%20Logo.png);
		}
	}
	& #module-5547 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101098/mod_resource/intro/LTP004%20Thumbnail.png);
		}
	}
	& #module-5551 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101110/mod_resource/intro/LTP005.png);
		}
	}
	& #module-5553 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101113/mod_resource/intro/LTP006.png);
		}
	}
	& #module-5556 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101115/mod_resource/intro/LTP007.png);
		}
	}
	& #module-5558 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101129/mod_resource/intro/LP008.png);
		}
	}
	& #module-5560, #module-5539 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/100861/mod_scorm/intro/Accredited%20Grants%20Practioner%20Cog%20Resized.png);
			min-height: 200px;
		}
	}
	& #module-5549 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101246/mod_facetoface/intro/National%20Security%20in%20Grants.png);
		}
	}
	& #module-5550 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101249/mod_facetoface/intro/Spotlight.png);
		}
	}
	& #module-5555 {
		& .activity-description {
			background-image: url(https://www.govcommercialcollege.co.uk/pluginfile.php/101257/mod_facetoface/intro/find%20and%20apply%20a%20grant.png);
		}
	}
}
/*** END Temporary Fix for Activity Description Images on Grants - PH ***/


/* 45227 - Temporarily hide alert on course page - remove CSS when fixed */
.course-69 .alert {
    display: none;
}

.course-69 .continuebutton {
    display: none;
}

/* End */

/****** Featured Links ******/
/* Style 1 */
.block_totara_featured_links:has(#gcc_fl_style_1) {
	margin-bottom: 60px;
	margin-top: 30px;
}
#gcc_fl_style_1 {
	& .block-totara-featured-links-content-container:has(.block-totara-featured-links-link:focus) {
		outline: solid #005abb 2px;
	}
	& .block-totara-featured-links-tile {
		border-radius: 10px;
		height: 160px;
		border: 2px solid rgba(0,0,0, 0.15);
		&:hover {
			transform: scale(1.02);
		}
	}
	& .block-totara-featured-links-content {
		position: unset;
		background: transparent;
		padding: 0;
    	& h3 {
    		color: black;
    		font-size: 28px;
    		padding: 10px 20px 10px 20px;
    		min-height: 90px;
    		display: flex;
    		align-items: center;
    		font-weight: normal;
    		width: 75%;
    	}
    	& p {
    		color: black;
		    font-size: 18px;
		    border-top: 1px solid;
		    border-color: rgba(0,0,0, 0.15);
		    padding: 10px 20px 0 20px;
		    display: flex;
			justify-content: space-between;
		    &:after {
			    content: "";
			    display: inline-block;
			    width: 36px;
			    height: 24px;
			    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 44'%3E%3Ccircle cx='35' cy='22' r='18' stroke='black' stroke-width='2' fill='none'/%3E%3Cpath d='M25 22h15m-5-5l5 5-5 5' stroke='black' stroke-width='3' fill='none'/%3E%3C/svg%3E");
			    background-size: contain;
			    background-repeat: no-repeat;
			    margin-right: -10px;
			}
    	}
	}
}
/*** END Type 1 ***/
/*** Type 2 ***/
body:not(.editing) {
.block_totara_featured_links:has(#GCC-FL-Type-2) {
	& h2 {
		font-size: 32px;
	    text-transform: capitalize;
	    font-weight: bold;
	}
}
}
body:not(.editing) {
#GCC-FL-Type-2 {
	margin-bottom: 40px;
	& .block-totara-featured-links-tile {
		margin-right: 170px;
		background-size: 200px;
		flex-grow: unset;
		flex-basis: 190px;
		background-size: 150px;
		& .block-totara-featured-links-content-container {
			position: unset;
		}
		&:hover {
			transform: scale(1.02);
		}
		& .block-totara-featured-links-link {
			min-width: 200%;
		}
		& .block-totara-featured-links-content {
			position: absolute;
		    right: -170px;
		    left: unset;
		    height: 100%;
		    top: 0;
		    background: transparent;
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    & h3 {
		    	font-size: 24px;
    			margin-bottom: 10px !important;
		    	color: black;
		    }
		    & p {
		    	color: black;
		    }
		}
	}
}
}
/*** END Type 2 ***/

/*** Type 2 ***/
body:not(.editing) {
.block_totara_featured_links:has(#GCC-FL-Type-2) {
	& h2 {
		font-size: 32px;
	    text-transform: capitalize;
	    font-weight: bold;
	}
}
}
body:not(.editing) {
#GCC-FL-Type-2-small-image {
	margin-bottom: 40px;
	& .block-totara-featured-links-tile {
		margin-right: 170px;
		background-size: 130px;
		flex-grow: unset;
		flex-basis: 190px;
		& .block-totara-featured-links-content-container {
			position: unset;
		}
		&:hover {
			transform: scale(1.02);
		}
		& .block-totara-featured-links-link {
			min-width: 200%;
		}
		& .block-totara-featured-links-content {
			position: absolute;
		    right: -170px;
		    left: unset;
		    height: 100%;
		    top: 0;
		    background: transparent;
		    display: flex;
		    flex-direction: column;
		    justify-content: center;
		    & h3 {
		    	font-size: 24px;
    			margin-bottom: 10px !important;
		    	color: black;
		    }
		    & p {
		    	color: black;
		    }
		}
	}
}
}
/*** END Type 2 ***/

/*** Type 3 ***/
body:not(.editing) {
.block_totara_featured_links:has(#GCC-FL-Type-3) {
	& h2 {
		font-size: 32px;
	    text-transform: capitalize;
	    font-weight: bold;
	}
}
}
body:not(.editing) {
#GCC-FL-Type-3 {
	margin-bottom: 40px;
	& .block-totara-featured-links-tile {
		width: 360px;
    	max-width: 360px;
    	background-size: contain;
		&:hover {
			transform: scale(1.02);
		}
		& .block-totara-featured-links-link {
			min-height: 400px;
		}
		& .block-totara-featured-links-content {
			bottom: -140px;
			background: transparent;
			text-align: center;
			max-height: 120px;
    		overflow: visible;
		    & h3 {
		    	font-size: 20px;
    			margin-bottom: 24px;
		    	color: black;
		    }
		    & p {
		    	color: black;
		    }
		}
	}
}
}

#GCC-FL-Type-3 {
	max-width: 1920px;
	justify-content: space-around;
    width: 100%;
    gap: 20px;
	& .block-totara-featured-links-layout {
	    gap: 15px;
	}
	&:not(.editing) .block-totara-featured-links-flex-filler {
	display: none;
	}
}

body:not(.editing) .block_totara_featured_links:has(#GCC-FL-Type-3) {
	& .content, .header {
		display: flex;
    	justify-content: center;
    	align-items: center;
	}
	& .title {
		max-width: 1200px;
	}
}
/* screen optimisation */
@media screen and (max-width: 1760px) {
    body:not(.editing) {
    	& #GCC-FL-Type-3 {
    		& .block-totara-featured-links-tile {
    			& .block-totara-featured-links-content {
    				bottom: -180px;
    			}
    		}
    	}
    }
}
/* screen optimisation */
@media screen and (max-width: 1709px) {
    body:not(.editing) {
    	& #GCC-FL-Type-3 {
    		& .block-totara-featured-links-tile {
    			& .block-totara-featured-links-content {
    				bottom: -160px;
    			}
    		}
    	}
    }
}
@media screen and (max-width: 710px) {
    body:not(.editing) {
    	& #GCC-FL-Type-3 {
    		& .block-totara-featured-links-tile {
    			& .block-totara-featured-links-content {
    				bottom: -180px;
    			}
    		}
    	}
    }
}
@media screen and (max-width: 689px) {
    body:not(.editing) {
    	& #GCC-FL-Type-3 {
    		& .block-totara-featured-links-tile {
    			margin-bottom: 180px;
    			& .block-totara-featured-links-content {
    				bottom: -140px;
    			}
    		}
    	}
    }
}

/* Type 4 - Related Courses */
body:not(.editing) {
 & .block_totara_featured_links:has(#gcc-fl-related-courses) {
	& .title {
		padding-left: 0;
	}
	& h2 {
		font-size: 32px;
	    text-transform: capitalize;
	    font-weight: bold;
	}
}
}
body:not(.editing) {
 & #gcc-fl-related-courses {
	margin-bottom: 40px;
	& .block-totara-featured-links-tile {
		&:hover {
			transform: scale(1.02);
		}
	}
}
}

/****** END Featured Links ******/

/****** Cabinet Office Theme 2025 ******/
/* menu */
.menu3 .masthead_logo--header_img {
	max-height: 120px;
}
.totaraNav-menu3 .navbar-user-menu {
min-width: 280px;
}

.moodle-actionmenu .menu {
	& .menu-action {
		&:hover .menu-action-text {
			text-decoration: underline;
		}
	}
}
/* login */
#page-login-index.page-login-vertical-left #page main .page-login-main .vertical-left-login-nav img {
		height: unset;
}

#page-login-index.page-login-vertical-left #page main .page-login-main {
	justify-content: center;
}

#page-login-index.page-login-vertical-left #page main .page-login-main .login-layout-content-wrap {
	max-height: 1000px;
}
/*** Accessibility ***/
/* Focus State */
a:focus, .btn:focus {
	background-color: inherit;
	color: inherit;
	& .flex-icon {
		color: var(--link-color);
	}
}
.btn:hover {
	& .flex-icon {
		color: var(--link-color);
	}
}
.breadcrumb-button input:focus {
        	outline: solid 2px orange;
}
/* Radial Learning */
.block_think_radial_learning {
	& .learning-data-filter:focus, .status-filter:focus {
		outline: solid #005abb 2px !important;
	    background-color: inherit !important;
	    color: inherit !important;
	    opacity: 1;
	}
}

/*** Fonts ***/

.block .block-header {
	border: 0;
	& h2 {
		font-size: 32px;
	    text-transform: capitalize;
	    font-weight: 600;
	    color: black;
	}
}

.block.chromeless .title.block-title {
	padding-left: 0;
}

/*** Buttons ***/

button {
	display: inline-block;
    flex-shrink: 0;
    max-width: 100%;
    min-height: var(--btn-min-height);
    padding: calc((var(--btn-min-height) - var(--btn-font-size) * var(--btn-line-height)) / 2 - var(--btn-border-width)) var(--btn-padding-h);
    color: var(--btn-text-color);
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    overflow-wrap: break-word;
    background: var(--btn-bg-color);
    border: var(--btn-border-width) solid;
    border-color: var(--btn-border-color);
    border-radius: var(--btn-radius);
    cursor: pointer;
    -webkit-transition: background-color var(--transition-button-duration) var(--transition-button-function), border-color var(--transition-button-duration) var(--transition-button-function), box-shadow var(--transition-button-duration) var(--transition-button-function);
    transition: background-color var(--transition-button-duration) var(--transition-button-function), border-color var(--transition-button-duration) var(--transition-button-function), box-shadow var(--transition-button-duration) var(--transition-button-function);
    vertical-align: middle;
    touch-action: manipulation;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    &:hover {
    	color: var(--btn-text-color-hover);
	    text-decoration: none;
	    background: var(--btn-bg-color-hover);
	    border-color: var(--btn-border-color-hover);
	    box-shadow: var(--btn-shadow-hover);
    }
}

/*** Login page ***/
#page-login-index.page-login-vertical-left {
	background-repeat: no-repeat;
	background-color: #005abb;
	& .brand-img {
		max-height: 120px;
	}
	& .login-layout-content-wrap {
		justify-content: center;
	}
	& .secondary-brand-holder {
		margin-top: 0 !important;
	}
	& .login-form-content {
		& #loginbtn {
			font-size: 18px;
		    font-weight: 400;
		    line-height: 1.1875;
		    box-sizing: border-box;
		    display: inline-block;
		    position: relative;
		    width: 100%;
		    margin: 0 0 22px;
		    padding: 8px 10px 7px;
		    border: 2px solid transparent;
		    border-radius: 0;
		    color: #fff;
		    background-color: #00703c;
		    box-shadow: 0 2px 0 #002d18;
		    text-align: center;
		    vertical-align: top;
		    cursor: pointer;
		    -webkit-appearance: none;
		    &:hover {
		    	background-color: #005a30;
		    }
		}
	}
}

/*** Page Width ***/
body {
    & #page {
        max-width: 1800px !important;
    }
}

#header .row, .navbar-sticky-top .totaraNav_prim .container-fluid, .breadcrumb-container {
    max-width: 1800px !important;
}

/* Main menu */
.totaraNav-menu3 {
	padding: 12px 0;
	justify-content: center;
	& .totaraNav_prim {
		max-width: 1800px;
	}
}
#header.menu3 {
	padding: 0;
	& .container-fluid {
		max-width: 1800px ;
	}
	& .masthead_logo--header {
		padding-top: 10px;
	}
}
.totaraNav-menu3 .navbar-user-menu .popover-region {
	font-size: 16px;
	& .notification-message {
		font-size: 14px;
	}
}

.popover-region-container {
	& .flex-icon {
		color: #005abb !important;
		&:hover {
			text-decoration: underline;
		}
	}
}

/* Breadcrumbs */

.breadcrumb-container {
    background: var(--blueprimary);
    margin: auto;
    max-width: unset;
    min-width: 100%;
    & a, span {
    	color: white;
    }
    & input {
    	border: white 2px solid;
    }
    & .row {
    	max-width: 1770px !important;
    	margin: auto;
    }
}

/* Homepage */

#page-totara-dashboard-37 .breadcrumb-container {
    display: none;
}
#page-totara-dashboard-37 .breadcrumb-container:has(input) {
    display: block;
}

#page-totara-dashboard-37 {
	& .breadcrumb-container {
		background: #005ABB;
		margin: 0;
	    width: 100%;
	    min-width: 100%;
	    padding: 0 100px;
		& .breadcrumb {
			display: none;
		}
	}
}

.totaraNav-menu3 .navbar-user-menu .menu {
	& span {
	color: black;
	}
	& a {
		text-decoration: none;
	}
}

/* Page Header */
#page-totara-dashboard-37 {
	& .gcc-page-header-type-1-col-1 {
		& .inner-text {
			max-width: 500px;
		}
	}
}

.block_think_html:has(.gcc-page-header-type-1-col-1 ) {
		& .row {
			display: flex;
			& .gcc-page-header-type-1-col-1 {
				width: 50%;
				margin: 0;
				background: #005ABB;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 40px;
				padding-left: 80px;
				& .block-think-html-inner {
					display: flex;
				    justify-content: center;
				    align-items: center;
				}
				& .inner-text {
					display: block;
				}
				& h1 {
					color: white;
					font-size: 48px;
					font-weight: bold;
				}
				& h4 {
					color: white;
					font-weight: 400;
				}
			}
			& .gcc-page-header-type-1-col-2 {
				width: 50%;
				margin: 0;
				& .inner-text {
					min-height: 400px;
				}
			}
		}
}

#page-totara-dashboard-37 .gcc-page-header-type-1-col-1 h4 {
	font-size: 32px !important;
}

.gcc-page-header-type-2 {
	padding: 60px 40px 60px 80px !important;
	& .content {
			max-width: 1920px;
		    margin: auto;
		}
	& h1 {
		color: white;
	}
}

/* Radial Learning */

/* Radial Learning */
@media screen and (min-width: 1200px) {
    #page-totara-dashboard-37 .block_think_radial_learning .tiles-container {
        grid-template-columns: repeat(8, 1fr);
    }
}

.pagelayout-course {
	& .block_think_radial_learning {
		& .tile-container {
			gap: 0 !important;
		}
	}
}

.block_think_radial_learning.block {
	& .icon-title.tile-header {
		color: black;
	}
	& #ThinkRadialLearningApp .container-body {
		margin: 0;
	}
	& .header h2 {
		margin-top: 24px;
	    margin-bottom: 16px;
	}
	& .block-title {
		box-shadow: none;
	}
	& .tile-container {
		border: #c8cfd6 1px solid !important;
    	border-radius: 0 !important;
    	text-decoration: none !important;
	}
	& .tile-image-container {
		order: 1;
	}
	& .partial-container {
		order: 2;
		background-color: #f8f8f8;
	}
	& .tile-header-container {
		order: 3;
		background-color: #f8f8f8;
	}
	& .tile-header-title {
		font-weight: 100;
	    text-transform: capitalize;
	}
	& .tile-type-container {
	    display: none;
	}
	& .progress {
	background: white;
    border-radius: 0;
    border-color: #c8cfd6;
	    & .bar {
		background-color: var(--blueprimary);
		}
	}
	& .tile-item-name {
		font-weight: 600;
	    color: black;
	}
	& .status-filters-description {
		background-color: #fff9c4;
	    border: 1px solid #ffeb3b;
	    padding: 10px 20px;
	    font-size: 16px;
	    font-weight: 100;
	    max-width: fit-content;
	    display: none;
	}
	& .container-banner, .list-container-selected-header-container {
		display: none;
	}
	& .container-stats {
		margin: 0;
		width: 50%;
	}
	& .container-stats-secondary-container .row {
		box-shadow: none;
	    padding: 0;
	    margin: 0;
	}
	& .container-stats-secondary-column {
	    padding: 0;
	}
	& .container-stats-secondary-container.col-lg-6 {
		margin: 0;
	    padding: 0;
	    width: 100%;
	    min-height: unset;
	}
	& a.container-stat-secondary {
		display: flex;
	    gap: 20px;
	    justify-content: end;
	    align-items: center;
	}
	& .stat-secondary-title, .container-stat-secondary-graph {
		margin: 0 !important;
	}
	& .stat-secondary-title {
		min-width: 200px;
	    display: flex;
	    justify-content: end;
	}
	& .container-body {
		display: flex;
	    flex-wrap: wrap;
	}
	& .learning-data-filters-container.row {
		width: 50%;
		padding: 0;
	    margin-left: unset;
	    margin-right: unset;
	    display: flex;
	    align-items: center;
	    margin-bottom: 14px;
	}
	& .list-container {
		width: 100%;
	}
	& .status-filters {
		gap: 20px;
	}
	& .container-stats-secondary-container svg {
		height: 60px;
		width: 60px;
	}
	& .container-stats-secondary-container svg text {
		font-size: 32px !important;
	}
	/* Buttons */
	& .learning-data-filters-container button, a.container-stat-secondary .stat-secondary-title {
		background: var(--blueprimary);
	    color: #fff;
	    border-radius: 25px;
	    font-size: 16px;
	    padding: 10px 24px;
	    min-width: 200px;
	}
	& a.container-stat-secondary .stat-secondary-title {
		justify-content: center;
		font-weight: 100;
	}
	& .learning-data-filters-container button:hover, a.container-stat-secondary .stat-secondary-title:hover {
		transform: scale(1.02);
	}
	& .container-stat-secondary:hover {
		opacity: 1;
	}
	& .learning-data-filter[aria-selected="false"] {
		opacity: 1;
		background: #CACAC8;
		color: black;
		border-color: #CACAC8;
	}
}

@media screen and (max-width: 440px) {
	 .block_think_radial_learning.block .learning-data-filters-container.row {
		flex-wrap: wrap;
        gap: 10px;
	}
}

/*** Achievements Block (Think Dashboard) ***/
.block_think_dashboard {
	& .dashboard-buttons {
		& a {
			border: 0 !important;
	    	box-shadow: none !important;
	    	&:after {
	    		content: unset !important;
	    	}
		}
		& li.active a {
			background: #f5f5f5;
    		border-bottom: 4px #005abb solid !important;
		}
	}
	& .dashboard-working-area {
		border: 0;
	}
	& .path-rating .ratingtable>tbody>tr:nth-of-type(odd), table#explaincaps>tbody>tr:nth-of-type(odd), table#defineroletable>tbody>tr:nth-of-type(odd), table.grading-report>tbody>tr:nth-of-type(odd), table#listdirectories>tbody>tr:nth-of-type(odd), table.rolecaps>tbody>tr:nth-of-type(odd), table.userenrolment>tbody>tr:nth-of-type(odd), table#form>tbody>tr:nth-of-type(odd), form#movecourses table>tbody>tr:nth-of-type(odd), #page-admin-course-index .editcourse>tbody>tr:nth-of-type(odd), .forumheaderlist>tbody>tr:nth-of-type(odd), table.flexible>tbody>tr:nth-of-type(odd), .generaltable>tbody>tr:nth-of-type(odd) {
		background: transparent;
	}
	& .dashboard-footer {
		display: none;
	}
}

/*** Think Profile Block ***/
#page-user-profile, body:has(.block_think_profile) {
	& .ReactModal__Content {
		width: 90% !important;
    	height: 50% !important;
    	transform: translate(-50%, -35%) !important;
		& [type="button"] {
			margin-right: 10px;
			&:focus {
				outline: solid #005abb 2px !important;
			    background-color: inherit !important;
			    color: inherit !important;
			}
		}
		& [type="button"].d-none {
			display: inherit !important;
		}
		& h4 label {
			font-size: 24px !important;
		    text-transform: capitalize !important;
		    font-weight: 600 !important;
		    color: black !important;
		}
		& input:focus {
			outline: solid #005abb 2px !important;
		    background-color: inherit !important;
		    color: inherit !important;
		}
	}
}

.block_think_profile {
	& #think_profile-_attributes {
		& dt, dd {
			font-size: 16px;
		}
		& .heading {
			font-size: 24px;
		    text-transform: capitalize;
		    font-weight: 600;
		    color: black;
		}
		& .think-profile-_attribute {
			border-bottom: #B3B3B3 1px solid;
			padding: 10px 0;
			& button {
				background: none;
			    border: 0;
			    text-decoration: none;
			    color: #005abb;
			    &:hover {
			    	text-decoration: underline;
			    }
			}
			& dt {
				flex: 1 1 15%;
			}
		}
		& .think-profile-_attribute:has(.heading) {
			margin: 20px 0;
			border-bottom: 0;
		}
	}
}
/* Default Profile Page */
 #page-user-profile {
	& .block_think_profile {
		& .think-profile-_attribute:nth-of-type(1), .think-profile-_attribute:nth-of-type(8) {
			& dd {
				color: red;
				font-size: 18px;
			    text-transform: capitalize;
			}
			& dt {
				flex: 1 1 30%;
			}
		}
		& .think-profile-_attribute:nth-of-type(14) {
			& dd {
				color: black;
				font-size: 18px;
			    text-transform: capitalize;
			}
			& dt {
				flex: 1 1 30%;
			}
		}
	}
 }
 
/* Totara User Profile Block */
.block_totara_user_profile {
	 & h3 {
	 	display: none;
	 }
	 & .block-title {
	 	padding-left: 0 !important;
	 }
	 & ul {
	 	margin-left: 0;
	 }
	 & li {
	 	& a {
	 		text-decoration: none;
	 		&:hover {
	 			text-decoration: underline;
	 		}
	 	}
	 }
	 & .profile_tree {
	 	& .block_totara_user_profile_category_contact {
		 	& li {
		 		border-bottom: #B3B3B3 1px solid;
				padding: 10px 0;
				& dl {
					display: flex;
	    			justify-content: space-between;
	    			max-width: 900px;
				}
		 	}
	 	}
	 }
}

/* Footer */

#page-footer a:hover {
	color: white;
	text-decoration: none;
}

/* Badges */

#page-badges-badge {
	& #badge-image {
		& .singlebutton {
			padding-left: 20px;
		}
	}
}

/*** ADC block ***/

.block_coa_dash {
	& .generaltable {
		& th {
			color: var(--link-color);
		}
	}
	& .path-rating .ratingtable>tbody>tr:nth-of-type(odd), table#explaincaps>tbody>tr:nth-of-type(odd), table#defineroletable>tbody>tr:nth-of-type(odd), table.grading-report>tbody>tr:nth-of-type(odd), table#listdirectories>tbody>tr:nth-of-type(odd), table.rolecaps>tbody>tr:nth-of-type(odd), table.userenrolment>tbody>tr:nth-of-type(odd), table#form>tbody>tr:nth-of-type(odd), form#movecourses table>tbody>tr:nth-of-type(odd), #page-admin-course-index .editcourse>tbody>tr:nth-of-type(odd), .forumheaderlist>tbody>tr:nth-of-type(odd), table.flexible>tbody>tr:nth-of-type(odd), .generaltable>tbody>tr:nth-of-type(odd) {
		background-color: white;
	}
	& td a {
		display: inline-block;
    flex-shrink: 0;
    max-width: 100%;
    min-height: var(--btn-min-height);
    padding: calc((var(--btn-min-height) - var(--btn-font-size) * var(--btn-line-height)) / 2 - var(--btn-border-width)) var(--btn-padding-h);
    color: var(--btn-text-color);
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    overflow-wrap: break-word;
    background: var(--btn-bg-color);
    border: var(--btn-border-width) solid;
    border-color: var(--btn-border-color);
    border-radius: var(--btn-radius);
    cursor: pointer;
    -webkit-transition: background-color var(--transition-button-duration) var(--transition-button-function), border-color var(--transition-button-duration) var(--transition-button-function), box-shadow var(--transition-button-duration) var(--transition-button-function);
    transition: background-color var(--transition-button-duration) var(--transition-button-function), border-color var(--transition-button-duration) var(--transition-button-function), box-shadow var(--transition-button-duration) var(--transition-button-function);
    vertical-align: middle;
    touch-action: manipulation;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    &:hover {
    	color: var(--btn-text-color-hover);
	    text-decoration: none;
	    background: var(--btn-bg-color-hover);
	    border-color: var(--btn-border-color-hover);
	    box-shadow: var(--btn-shadow-hover);
    }
    &:focus {
    	background-color: inherit;
    	color: inherit;
    	outline: 2px var(--btn-border-color-hover) solid;
    }
	}
}

/**** Default Profile Page - Block Visibility ****/

/* Hide Totara User Profile block when viewing own profile */

#page-user-profile:not(.editing) #inst3138, .skip-block[href="#sb-4"] {
	display: none;
}

/* Hide Think Profile Block when viewing others profiles */
#page-user-profile:has(.tw-profileCard__avatar[href*="/user/profile.php?id="]):not(.editing) {
	 & .block_think_profile, .gcc-page-header-type-2, .skip-block[href="#sb-18"], .skip-block[href="#sb-6"]
	 	 {
	display: none;
	}
}
	
/* Show User Profile Blocks when viewing others profiles */

#page-user-profile:has(.tw-profileCard__avatar[href*="/user/profile.php?id="]):not(.editing) , #page-user-profile:has(.breadcrumb a[href*="/user/profilesys.php"]):not(.editing) {
	& #inst3138, .skip-block[href="#sb-4"] {
		display: block;	
	}
}

/**** END Default Profile Page - Block Visibility ****/

/*** Forgot Password ***/
.forgot_password {display:none;}
#page-login-index .forgot_password {display:block;}
.forgot_password {
    padding: 10px 80px;
    z-index: 2;
    background: white;
    margin-top: -1px;
    & a {
    	color: var(--link-color);
    	text-decoration: none;
    	&:hover {
    		text-decoration: underline;
    	}
    }
}

#page-login-forgot_password #page {
	padding: 40px;
}
#page-login-index .skiplinks {
	display: none !important;
}
/*** END Forgot Password ***/

a.tui-tabs__link:hover, .nav>li>a:hover, .nav>li>a:focus {
		text-decoration: underline ;
}

/*** FEatured Links Accessbility ***/

#gcc_fl_style_1, #gcc-FL-main-1, #GCC-FL-Type-2, #GCC-FL-Type-3, #GCC-FL-Type-2-small-image {
    & .block-totara-featured-links-content:before {
    background: transparent
    }
}

/*** Messages ***/

.popover-region-messages {
	[data-region="last-message-user"] {
		color: black !important;
	}
}

/*** Notification Fix ***/
#user-notifications {
	& .alert-dismissable {
		justify-content: space-between;
    	flex-direction: row-reverse;
    	align-items: center;
    	padding-right: 5.6rem;
    	& button.close {
    		min-height: unset;
    		opacity: 1;
    		&:hover {
    			outline: 2px solid var(--link-color);
    		}
    		& .flex-icon {
    			font-size: 20px !important;
    		}
    	}
	}
}
/*** END Notification Fix ***/

/****** END Cabinet Office Theme 2025 ******/

/* v18 fixes */

#gcc_fl_style_1, #gcc-FL-main-1, #GCC-FL-Type-2, #GCC-FL-Type-3 {
    & .block-totara-featured-links-content:before {
        background: transparent;
    }
}

#think-profile-_root {
	& .dAMspM, .sc-lnAgIa.bFWaFV {
		font-size: unset;
	}
}

body:not(.editing) {
    & #GCC-FL-Type-2 {
        & .block-totara-featured-links-tile {
            & .block-totara-featured-links-content-container {
                position: unset;
            }
        }
    }
}

/* END v18 fixes */

/*** Temporary disable Main Menu Logo Link ***/
.masthead_logo--header_link {
	pointer-events: none;
    cursor: default;
}
/*** Temporary disable Main Menu Logo Link ***/


.usermenu {
		& .login a {
			color: white;
			padding-left: 10px;
			text-decoration: underline;
			&:hover {
				text-decoration: none;
			}
		}
	}

.path-course .btn {
	text-align: center;
}

/*** CPD Diary dashboard - custom accordion***/

    .cpd-accordion {
      font-family: Arial, sans-serif;
      margin: 1rem 0;
    }

    .cpd-accordion .accordion {
      background-color: #f1f1f1;
      border-radius: 5px;
      margin-bottom: 1rem;
    }

    .cpd-accordion .accordion-header {
      background-color: #ffffff;
      color: #000000;
      padding: 1rem;
      cursor: pointer;
      font-weight: bold;
      font-size: 2.4rem;
      border-radius: 5px 5px 0 0;
      position: relative;
    }

    .cpd-accordion .accordion-header::after {
      content: "+";
      font-size: 2.4rem;
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      transition: transform 0.2s ease;
    }

    .cpd-accordion .accordion-header.active::after {
      content: "−";
    }

    .cpd-accordion .accordion-content {
      display: none;
      padding: 1rem;
      background-color: #ffffff;
      border-top: none;
      border-radius: 0 0 5px 5px;
    }

    .cpd-accordion table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 1rem;
      background-color: #ffffff;
    }

    .cpd-accordion th,
    .cpd-accordion td {
      border: 1px solid #999;
      padding: 0.75rem;
      text-align: left;
      vertical-align: top;
    }

    .cpd-accordion th {
      background-color: #e6e6e6;
    }

    .cpd-accordion a {
      color: #005abb;
      text-decoration: underline;
    }

/*** END: CPD Diary dashboard - custom accordion***/

/*** Forgot password - Login Page ***/
#page-login-index .forgot_password {
	width: 50%;
}
@media screen and (max-width: 991px) {
	#page-login-index .forgot_password {
		width: 100%;
	}
}
@media screen and (min-width: 1800px) {
	#page-login-index.page-login-vertical-left #page main .page-login-main {
		width: 50vw;
	}
}
/*** END Forgot password ***/
/*** Pathfinder ***/
#page-totara-dashboard-34 {
	& .gcc-page-header-type-2 {
		padding: 0 !important;
	}
}
#page-totara-dashboard-34:not(.editing) {
    & #page .block_totara_report_table  {
    	& td.workflow_claim32, td.userworkflow_viewasmultiple {
	    	a:not(.new-btn) {
	        color: white;
	        text-decoration: none;
	        text-align: center;
	        &:hover {
	        	color: #005ABB;
	        }
	    }
    }
}
}
/*** END Pathfinder ***/