:root{--color-primary: #455465;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #0074be;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--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: #fafafa;--nav-text-color: var(--color-text);--nav-selected-color: var(--color-state);--nav-border-colour: rgba(128, 128, 128, 0.2);--nav-width: 15rem;--nav-collapsed-width: 5rem;--nav-button-size: 1.25rem;--nav-logo-width: 7.5rem;--nav-logo-height: 7.5rem;--nav-logomark-width: 2.5rem;--nav-logomark-height: 2.5rem;--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-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled);--page-content-padding-desktop: calc(var(--gap-base) * 8)}.tui-theme_inspire-navItem{--tui-theme_inspire-navItem-height: 2.75rem;--tui-theme_inspire-navItem-indicator-height: 2rem;--tui-theme_inspire-navItem-top-level-nav-item-padding: 10px;--tui-theme_inspire-navItem-nav-item-padding: 6px;display:flex;flex-grow:1;flex-wrap:wrap;height:var(--tui-theme_inspire-navItem-height);padding-top:calc(var(--gap-base) * 1);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem--navExpanded{height:100%}.tui-theme_inspire-navItem__icon{width:1.2em;height:1.2em;margin:auto}.tui-theme_inspire-navItem__icon--navExpanded{margin:calc(var(--gap-base) * 3) auto auto calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem .tui-theme_inspire-navItem{padding-top:0}.tui-theme_inspire-navItem--selected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem--selected:before{height:var(--tui-theme_inspire-navItem-indicator-height);margin-top:calc(var(--gap-base) * 1);border-right:calc(var(--gap-base) * 1) solid var(--nav-selected-color);border-top-right-radius:calc(var(--gap-base) * 1);border-bottom-right-radius:calc(var(--gap-base) * 1);content:""}.tui-theme_inspire-navItem .tui-theme_inspire-navItem--selected:before{margin-top:0}.tui-theme_inspire-navItem--link{flex-wrap:nowrap}.tui-theme_inspire-navItem__heading{display:flex;flex-grow:1;align-items:flex-start;padding:0;background-color:inherit;border:none;border-radius:var(--btn-radius)}.tui-theme_inspire-navItem__heading--childSelected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem__heading--depth-0{margin-left:calc(var(--gap-base) * 5);font-weight:600}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 4)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction{margin:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-1{margin-left:calc(var(--gap-base) * 10);font-weight:400}.tui-theme_inspire-navItem__heading--depth-1.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 9)}.tui-theme_inspire-navItem__heading--depth-2{margin-left:calc(var(--gap-base) * 13)}.tui-theme_inspire-navItem__heading--depth-2.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 12)}.tui-theme_inspire-navItem__heading--link{color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__heading--link:hover,.tui-theme_inspire-navItem__heading--link:focus{color:var(--nav-tab-text-color);text-decoration:none}.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{color:var(--nav-selected-color)}@media (hover:hover){.tui-theme_inspire-navItem__heading:hover{background-color:color-mix(in srgb, var(--nav-tab-text-color) 10%, transparent)}}.tui-theme_inspire-navItem__heading:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navItem__headingText{flex-grow:1;margin:auto;padding:var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 3);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tui-theme_inspire-navItem__headingText--depth-0{padding:var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__headingAction{flex-basis:1.5rem;flex-shrink:0;height:1.5rem;margin:calc(var(--gap-base) * 1) calc(var(--gap-base) * 2);padding:var(--tui-theme_inspire-navItem-nav-item-padding);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__children{flex-basis:100%;margin-bottom:calc(var(--gap-base) * 2);margin-left:0;list-style:none}.tui-theme_inspire-navigation__toggle{position:absolute;z-index:1;width:var(--nav-button-size);height:var(--nav-button-size);margin:calc(var(--gap-base) * 4);color:var(--color-text)}.tui-theme_inspire-navigation__toggle--overlay{display:block}.tui-theme_inspire-navigation__toggle--expand{display:none}@media (min-width:992px){.tui-theme_inspire-navigation__toggle{left:var(--nav-collapsed-width);margin-left:calc(var(--gap-base) * 5)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{display:block}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}}.tui-theme_inspire-navigation__toggle--navHidden{left:0}.tui-theme_inspire-navigation{position:relative;z-index:var(--zindex-navbar);display:none;flex-direction:column;overflow:visible}@media (min-width:992px){.tui-theme_inspire-navigation{display:flex;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{position:fixed;display:flex;flex-direction:column;width:var(--nav-collapsed-width);height:100%;background-color:var(--nav-bg-color);border-right:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading{margin:auto;border-bottom:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logomark-width);max-height:var(--nav-logomark-height);margin:calc(var(--gap-base) * 8) 0}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse{float:right;width:var(--nav-button-size);height:var(--nav-button-size);margin-top:calc(var(--gap-base) * 4);margin-right:calc(var(--gap-base) * -3);color:var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__items{display:flex;flex-direction:column;gap:calc(var(--gap-base) * 1);height:100%;margin:0;padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) 0;overflow-y:auto;list-style:none}.tui-theme_inspire-navigation--overlaid{position:fixed;z-index:var(--zindex-nav-overlay);display:flex;width:var(--nav-width)}@media (min-width:992px){.tui-theme_inspire-navigation--overlaid{position:relative;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}.tui-theme_inspire-navigation--desktopExpanded{display:none}@media (min-width:992px){.tui-theme_inspire-navigation--desktopExpanded{display:flex;width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}}.tui-theme_inspire-navigation--hidden{display:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--nav-bg-color: #fafafa;--nav-text-color: #262626;--nav-selected-color: #0f79be;--color-primary: #C4E90C;--btn-accent-color: #0f79be;--link-color: #0f79be;--color-state: #0f79be;--color-text: #333333;--footer-bg-color: #ffffff;--footer-text-color: #333333;--btn-accent-color-hover: #056fb4;--btn-accent-color-active: #005ea3;--link-color-hover: #056fb4;--color-state-hover: #056fb4;--color-state-focus: #056fb4;--color-state-active: #005ea3;--footer-text-color-hover: #292929;}
:root {
    --font-h1-family: "FSEmeric", sans-serif;
    --font-h2-family: "FSEmeric", sans-serif;
    --font-weight-bolder: 600;
    --color-text: #2b2b2b;
    --color-prompt-info: #207AE9;
    --color-prompt-success: #4BA64F;
    --color-prompt-danger: #E73E3A;
    --color-prompt-warning: #FC9005;
    --border-radius-curved: 12px;
    --btn-font-size: .9rem;
    --form-input-font-size: .9rem;
    --form-input-text-color: #000000;
    --tabs-bg-color-focus: #f0f0f0;
    --nav-width: 18rem;
    --progress-border-color: #007AB8;
}

/***
*** General styling - Met Office branding elements
***/ 
body {
    padding: 0;
    background: #F6F6F6;
}
body#page-login-index {
    background: var(--color-neutral-1);
}

/** Adjust heading sizes to match Met Office guidelines **/
h1, .h1,
.tui-pageHeading__title {
    font-size: var(--font-h1-size);
    line-height: 1.1;
    margin-bottom: .5rem;
}
h2, .h2 {
    font-size: var(--font-h2-size);
    line-height: 1.15;
}
h3, .h3 {
    font-size: var(--font-h3-size);
}
h4, .h4 {
    font-size: var(--font-h4-size);
}
h5, .h5 {
    font-size: var(--font-h5-size);
}
h6, .h6 {
    font-size: var(--font-h6-size);
}
.lead {
    font-size: var(--font-h4-size);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
}
p {
    font-weight: var(--font-weight-normal);
}
b, strong,
.font-weight-bold {
    font-weight: var(--font-weight-bold);
    color: #000000;
}
.availabilityinfo ul li,
.generated-content--user ul li {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

/***
*** Miscellaneous styling
***/

/** Add Met Office branding to alerts **/
.alert {
    border: none !important;
    border-radius: calc(var(--border-radius-curved) / 4) !important;
}
.alert .alert-icon {
    padding: 1rem .7rem;
}
.alert .alert-message,
.tui-notificationToast__message {
    font-weight: var(--font-weight-bold);
    align-items: center;
    padding: .5rem .5rem .5rem 1rem;
}
.alert-info .alert-icon {
    background: var(--color-prompt-info);
}
.alert-success .alert-icon {
    background: var(--color-prompt-success);
}
.alert-danger .alert-icon {
    background: var(--color-prompt-danger);
}
.alert-warning .alert-icon {
    background: var(--color-prompt-warning);
}
.path-totara-playlist,
.path-totara-engage-resources {
    background: var(--color-neutral-1);
}
.ft-size-200,
.flex-icon.activityicon {
    font-size: var(--font-size-base) !important;
}
.avatar img {
    border-radius: var(--border-radius-curved);
}
.block-trv-engage_article .block-trv-image {
    border-radius: calc(var(--border-radius-curved) / 2);
}
.unlist li {
    margin: 4px 0;
}
.list li .flex-icon,
.unlist li .flex-icon,
.list li img.userpicture,
.unlist li img.userpicture {
    margin-right: .5rem;
}
.list li .flex-icon,
.unlist li .flex-icon,
.flex-icon.activityicon {
    color: #1A1A1A;
}
.list li .dimmed .flex-icon,
.unlist li .dimmed .flex-icon,
.dimmed .flex-icon.activityicon {
    color: var(--color-neutral-6);
}
.tui-checkbox__label {
    font-weight: var(--font-weight-normal);
}
legend.tui-formLabel,
li.activity .instancename {
    font-size: var(--font-h4-size);
}
.video-js .vjs-big-play-button {
    font-size: 3em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: none;
    border-radius: 50%;
}

/***
*** Buttons and Pills styling
***/
.btn-primary,
.btn-secondary,
.nav-tabs > li.active > a,
li.activity .instancename,
.tui-totara_engage-navigationPill,
.tui-tabBar--horizontal .tui-tabBar__tab--active a.tui-tabBar__link,
.tui-btn, .button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"] {
    font-weight: var(--font-weight-bold);
}
.tui-totara_engage-navigationPill:not(.tui-totara_engage-navigationPill--selected) {
    border: 1px solid var(--color-neutral-4);
}
.tui-totara_engage-navigationPill:not(.tui-totara_engage-navigationPill--selected):focus,
.tui-totara_engage-navigationPill:not(.tui-totara_engage-navigationPill--selected):hover {
    background-color: var(--color-neutral-3);
}

/***
*** Layout and Navigation styling - Add Met Office branding
***/
@media (min-width: 990px) {
    #page-content > .row {
        margin-left: 0;
        margin-right: 0;
    }
    #region-main,
    #block-region-top,
    #block-region-side-pre {
        padding-left: 0;
        padding-right: 0;
    }
    #block-region-side-post {
        padding-right: 0;
    }
    #block-region-side-pre .block {
        margin-right: 16px;
    }
}
#region-main {
    padding: 1rem;
    margin-left: 16px;
    margin-right: 16px;
    max-width: calc(100% - 32px);
}

/** Make the left navigation panel darker to match brand guidelines
**  (Logo must be on a dark background
**/
.totaraNav_prim,
.tui-core_auth-loginNav,
.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav {
    background-color: #2A2A2A;
    border-right: none;
}
@media (min-width: 992px) {
    .tui-core_auth-loginNav {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    .tui-core_auth-loginLayout {
        margin-top: 100px;
    }
    .local_envbar .tui-core_auth-loginNav {
        top: 50px;
    }
    .local_envbar .tui-core_auth-loginLayout {
        margin-top: 150px;
    }
}
.tui-theme_inspire-navigation__toggle--expand {
    width: 40px;
    height: 40px;
}
.tui-theme_inspire-navItem {
    padding-top: .25rem;
}
.tui-theme_inspire-navItem__icon svg {
    width: 18px;
    height: 18px;
}
.tui-theme_inspire-navItem__heading {
    color: rgba(255,255,255,.6);
    border-radius: 1rem; 
}
.tui-theme_inspire-navItem__heading:focus,
.tui-theme_inspire-navItem__heading:hover {
    color: var(--color-neutral-1);
    text-decoration: underline;
}
.tui-theme_inspire-navItem__headingText {
    font-weight: var(--font-weight-bold);
    margin-top: 2px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.page-footer-poweredby,
.tui-popoverFrame::before,
.tui-core_auth-footer__poweredBy {
    display: none;
}
.tui-theme_inspire-navItem--selected::before {
    border-color: var(--color-primary);
}
.tui-theme_inspire-navItem__heading--childSelected,
.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected {
    color: var(--color-primary);
}
.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"],
.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"] .tui-theme_inspire-navItem__headingText {
    font-weight: var(--font-weight-bold);
    color: var(--color-neutral-1);
}
.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"]:focus,
.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded[aria-expanded="true"]:hover {
    text-decoration: none !important;
}
.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected,
.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded {
    font-weight: var(--font-weight-bold);
    color: var(--color-primary);
    background-color: vtransparent;
    box-shadow: none;
    text-decoration: none !important;
}
.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected,
.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded .tui-theme_inspire-navItem__headingText {
    font-weight: var(--font-weight-bold);
}
.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse {
    margin-top: 1.45rem;
}
.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse svg,
.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction {
    fill: white;
}
.userToolbar_prim--side .popover-region .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 4px 0;
    background-color: var(--color-neutral-1);
    border-radius: 1rem;
}
.userToolbar_prim--side .popover-region .count-container {
    top: -3px;
    right: -3px;
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.tw-profileCard__avatar__img {
    border-color: var(--color-neutral-5);
}
.totaraNav_prim, .tui-core_auth-loginNav, .tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav .tui-tooltip__body {
    box-shadow: 0 0 56px rgba(255,255,255,.4);
}
.editing.side-pre-only.used-region-side-pre #region-main {
    padding-left: 1rem;
    padding-right: 1rem;
}

/***
*** Add block and card styling - soften with curved edges, add shadow
***/
.alert,
.block:not(.chromeless),
#region-main,
.dropdown-menu,
.tui-popoverFrame,
.tui-dropdown__menu,
.popover-region-container,
#quickaccess-popover-content,
#page-footer .socialmedia ul li a,
.tui-totara_catalog-filterBarButton,
.tui-core_auth-footer .socialmedia ul li a,
.tui-totara_catalog-itemModal__detailsLink,
.tui-totara_catalog-filterBarExplore__bar,
.moodle-actionmenu[data-enhanced].show .menu,
.userToolbar_prim--side .popover-region .nav-link,
.tui-theme_inspire-navigation__toggle--expand,
.block-totara-recently-viewed .block-trv-card-border,
#page-totara-catalog-explore .tui-learningCard__background {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: var(--border-radius-curved);
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), inset 0 4px 20px rgba(255, 255, 255, 0.3);
}
.dropdown-menu,
.tui-popoverFrame,
.tui-dropdown__menu,
.popover-region-container,
#quickaccess-popover-content,
.moodle-actionmenu[data-enhanced].show .menu {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(10px) saturate(180%);
}
.path-totara-playlist #region-main,
.pagelayout-dashboard #region-main,
#page-login-forgot_password #region-main,
.path-totara-engage-resources #region-main,
#page-totara-catalog-explore #region-main {
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.tui-core_auth-login,
#page-totara-catalog-explore #region-main {
    padding: 1rem;
}
.tui-popoverFrame {
    margin: 0;
}
.tui-learningCard:focus,
.tui-learningCard:hover,
#page-footer .socialmedia ul li a:focus,
#page-footer .socialmedia ul li a:hover,
.tui-core_auth-footer .socialmedia ul li a:focus,
.tui-core_auth-footer .socialmedia ul li a:hover,
.userToolbar_prim--side .popover-region .nav-link:focus,
.userToolbar_prim--side .popover-region .nav-link:hover,
.tui-theme_inspire-navigation__toggle--expand:focus,
.tui-theme_inspire-navigation__toggle--expand:hover {
    transition: .2s;
    transform: translateY(-.25rem);
    background-color: var(--color-neutral-1);
    box-shadow: 0 2px 32px rgba(31, 38, 135, 0.25), inset 0 4px 20px rgba(255, 255, 255, 0.3);
}
.dropdown-menu,
.moodle-actionmenu[data-enhanced].show .menu,
.block-totara-recently-viewed .block-trv-card:focus,
.block-totara-recently-viewed .block-trv-card:hover {
    background-color: var(--color-neutral-1);
    box-shadow: 0 2px 32px rgba(31, 38, 135, 0.25), inset 0 4px 20px rgba(255, 255, 255, 0.3);
}
.tui-contributionBaseContent__header {
    margin-top: 0;
}
.tui-learningCard--variant-grey-body .tui-learningCard__body {
    background-color: transparent;
}

/***
*** Block styling
***/ 
.block.chromeless.block {
    background: transparent;
    border-radius: var(--border-radius-curved);
}
.block.chromeless .block-header h2 {
    padding: 0;
}
.block.no-header .block-header,
.block.chromeless .block-content,
.block.no-header .title.block-title {
    padding: 0;
    min-height: 0;
}
.block.chromeless .title.block-title::after {
    display: none;
}
.block.chromeless .block-totara-featured-links-layout,
.block.chromeless .block-totara-featured-links-layout .block-totara-featured-links-tile {
    margin-top: 0;
    border-radius: var(--border-radius-curved);
}
.block .block-totara-featured-links-layout.fullwidth--no_margins,
.block.chromeless .block-totara-featured-links-layout.fullwidth--no_margins {
    margin-left: 6px;
    margin-right: 6px;
}
.block .block-title::after {
    opacity: .5;
}
.block .block-header {
    background: var(--color-neutral-1);
    border-radius: var(--border-radius-curved) var(--border-radius-curved) 0 0;
}
.block .block-header h2 {
    font-size: var(--font-h3-size);
    font-weight: var(--font-weight-bolder);
    color: var(--color-text);
}
.block.chromeless .block-header {
    background: transparent;
}
/***
*** Block styling: My Profile
***/ 
.block_myprofile .myprofileitem {
    margin-bottom: .25rem;
}
.block_myprofile .myprofileitem.picture {
    margin-bottom: 2rem;
}
.block_myprofile img.profilepicture {
    border-radius: 50%;
}
.block_myprofile .myprofileitem.fullname {
    font-size: var(--font-h4-size);
    margin-top: .25rem;
}
.block_myprofile .block-content::after {
    content: "";
    clear: both;
    display: block;
    height: 1px;
}
/***
*** Block styling: Search
***/ 
.searchform #searchform_search {
    float: left;
    padding: 10px;
    line-height: 20px;
    width: calc(100% - 52px);
    border: 1px solid #cbcbcb;
    border-radius: calc(var(--border-radius-curved) / 4);
    margin: 0 2px 0 0;
}
.searchform #searchform_button {
    width: 50px;
    margin: 0;
    padding: 0;
    border-radius: calc(var(--border-radius-curved) / 4);
}
.block.block_html.search .block-content form.searchform {
    align-items: center;
    text-align: center;
    margin: auto;
    padding: 1rem 1rem 1.5rem;
    display: block;
    width: 100%;
    max-width: 100%;
    @media (min-width: 768px) {
         display: flex;
        width: 80%;
        padding: 1rem 0 1.5rem;
    }
}
.block.block_html.search .block-content form.searchform input[type="search"] {
    padding: .6rem;
    line-height: 20px;
    width: 100%;
    margin: 2px 0;
    border: 1px solid var(--color-neutral-5);
    border-radius: calc(var(--border-radius-curved) / 4);
    margin: 2px 0;
    @media (min-width: 768px) {
         width: calc(100% - 100px);
         margin: 0 -7px 0 0;
    }
}
.block.block_html.search .block-content form.searchform button {
    width: 100%;
    margin: 0;
    padding: .6rem 1rem;
    color: #FFFFFF;
    background: var(--btn-accent-color);
    border: 1px solid var(--btn-accent-color);
    border-radius: var(--btn-radius);
    @media (min-width: 768px) {
         width: 100px;
    }
}
.block.block_html.search .block-content form.searchform button:focus,
.block.block_html.search .block-content form.searchform button:hover {
     background: var(--btn-accent-color-hover);
     border: 1px solid var(--btn-accent-color-hover);
}
#block-region-main .block.block_html.search .block-content form.searchform { 
    width: 100%;
    max-width: 100%;
    @media (min-width: 768px) {
         display: flex;
        width: 95%;
        padding: 1rem 0 1.5rem;
    }
}
#block-region-side-pre .block.block_html.search .block-content form.searchform,
#block-region-side-post .block.block_html.search .block-content form.searchform {
    display: block;
    width: 100%;
    max-width: 100%;
}
#block-region-side-pre .block.block_html.search .block-content form.searchform button,
#block-region-side-post .block.block_html.search .block-content form.searchform button,
#block-region-side-pre .block.block_html.search .block-content form.searchform input[type="search"],
#block-region-side-post .block.block_html.search .block-content form.searchform input[type="search"] {
    width: 100%;
    margin: 2px 0;
}
/***
*** Block styling: Search - imported from Meto theme (written by Met Office)
***/ 
.block_html .content h3.dashboard_people_framework_buttons_header {
    font-size: 16px;
    font-weight: 600;
    line-height: 10px
}

/***
*** Block styling: Featured Links
***/ 
.block.block_totara_featured_links.chromeless {
    box-shadow: none;
    background: transparent;
}
.block.block_totara_featured_links .block-content {
    overflow: hidden;
}
.block.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-content {
    padding: .7rem 1rem .5rem;
}
.block-totara-featured-links-gallery-subtiles,
.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: rgba(0,0,0,0.4);
    border-radius: var(--border-radius-curved);
}
.block.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-top {
    padding-bottom: 1rem;
}
.block.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-top::before {
    border-radius: var(--border-radius-curved) var(--border-radius-curved) 0 0;
}
.block.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-bottom::before {
    border-radius: 0 0 var(--border-radius-curved) var(--border-radius-curved);
}
.block.block_totara_featured_links.gradient .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-top::before {
    background: linear-gradient(180deg,rgba(0, 0, 0, 0.7) 31%, rgba(0, 0, 0, 0.55) 68%, rgba(255, 255, 255, 0) 100%);
}
.block.block_totara_featured_links.gradient .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-bottom::before {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 31%, rgba(0, 0, 0, 0.55) 68%, rgba(255, 255, 255, 0) 100%);
}
.block.block_totara_featured_links.nogradient .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-top::before,
.block.block_totara_featured_links.nogradient .block-totara-featured-links-layout .block-totara-featured-links-content.block-totara-featured-links-content-bottom::before {
    background: transparent;
}
.block-totara-featured-links-gallery-subtiles .slick-dots button {
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border-width: 2px;
    box-shadow: 0 0 10px rgba(255,255,255,.5);
}
.block-totara-featured-links-gallery-subtiles .slick-dots .slick-active button {
    width: 22px;
    border-color: var(--link-color) !important;
    border-radius: 2rem;
    transition: .2s;
}
.block-totara-featured-links-gallery-subtiles .slick-arrow.slick-prev {
    border-radius: var(--border-radius-curved) 0 0 var(--border-radius-curved);
}
.block-totara-featured-links-gallery-subtiles .slick-arrow.slick-next {
    border-radius: 0 var(--border-radius-curved) var(--border-radius-curved) 0;
}
.slick-prev::before,
.slick-next::before {
    font-family: "FontAwesome" !important;
    font-size: var(--font-h2-size) !important;
    font-weight: bold;
}
.slick-prev::before {
    content: "\f104";
    left: 10px;
}
.slick-next::before {
    content: "\f105";
    right: 10px;
}

/***
*** Catalogue styling
***/ 
.tui-totara_catalog-searchFilter__search {
    font-size: 1.2rem;
}
.tui-learningCard__title,
.tui-totara_catalog-itemCard__body {
    line-height: 1.3;
}
.tui-totara_catalog-explore__subtitle {
    color: var(--color-neutral-7);
}
/** Right align the last tag **/
.tui-totara_catalog-textPlaceholders {
    flex-flow: row;
    flex-wrap: wrap;
}
.tui-totara_catalog-textPlaceholders > div:nth-of-type(1),
.tui-totara_catalog-textPlaceholders > div:nth-of-type(2) {
    flex: 0 0 100%;
}
.tui-totara_catalog-textPlaceholders > div:nth-of-type(4) {
    margin-left: auto;
}
/** Hide learning type from catalogue card details **/
.tui-totara_catalog-itemCard__subtitleRow {
    display: none;
}
.tui-popoverFrame__close {
    padding: .5rem;
}
.tui-popoverFrame__close .tui-svgIcon {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-neutral-7);
}
.block_current_learning-tile__image_ratio_img {
    background-position: center 0;
}
.tui-imageBlock img,
.block_current_learning-tile,
.block-totara-featured-links-tile,
.tui-totara_reportbuilder-listingReportItem,
.block_current_learning-tile__image_ratio_img,
.tui-totara_reportbuilder-listingReportItem__imageWrap,
.tui-learningCard--variant-hero .tui-learningCard__image,
.tui-learningCard--variant-grey-body .tui-learningCard__image,
.block-totara-recently-viewed.block-trv-tiles .block-trv-image {
    border-radius: var(--border-radius-curved);
}
.block-totara-recently-viewed.block-trv-tiles .block-trv-reactions {
    margin-top: auto;
    padding-top: 1rem;
}
.block-totara-recently-viewed.block-trv-tiles .block-trv-card {
    min-height: 150px;
}
.block-totara-recently-viewed > ul.block-trv-layout-horizontal li {
    min-height: 260px;
}
.block .content .block_current_learning-tile__link_title {
    height: auto;
}
.tui-engageArticleCard__statusIcons {
    justify-content: space-around;
    width: 100%;
    gap: .5rem;
    @media (min-width: 420px) {
        justify-content: center;
        gap: 2rem;
    }
}
.block_current_learning-tile,
.block_current_learning-tiles ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.block_current_learning-tile__image,
.block_current_learning-tile__image_ratio {
    max-width: 100%;
    aspect-ratio: 16 / 9;
}
.progress {
    border-color: var(--progress-border-color);
}

.progressbar__text {
    font-weight: var(--font-weight-bold);
}
.tui-progress,
.tui-progress__bar {
    border-radius: var(--border-radius-curved);
}
.tui-format_pathway-courseInformation .tui-progress {
    max-width: calc(100% - 2rem);
    margin-left: auto;
    margin-right: auto;
}
#page-totara-catalog-index .tagbranding_placeholder {
    display: flex;
    align-items: center;
    padding: .5rem;
    font-size: calc(var(--font-size-base) / 1.05);
    color: var(--color-neutral-1);
    line-height: 1.2;
    min-height: 45px;
    border-radius: 0 0 calc(var(--border-radius-curved) / 4) calc(var(--border-radius-curved) / 4);
    margin: 0 -.5rem -.5rem;
    border: 1px solid var(--color-neutral-1);
}
#page-totara-catalog-index .tagbranding_placeholder img {
    margin-right: .5rem;
}
/***
*** Course styling
***/
.tw-containerCourse-enrolmentBanner__enrolButton {
    border-color: var(--color-prompt-success);
    background-color: var(--color-prompt-success);
}
.course-content ul li.section.main {
    border-bottom-width: 0;
}
.course-content li.activity {
    padding-bottom: 0;
    margin-bottom: .5rem;
    border-bottom: none;
}
.course-content .flex-icon.activityicon {
    font-size: var(--font-h3-size) !important;
    background: rgb(from var(--link-color) r g b / 20%);
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--border-radius-curved) / 2);
    margin-right: .8rem;
}
.course-content .sectionname a,
.course-content .tw-formatTopics__topic_header a {
    color: var(--color-text);
}
.course-content .availabilityinfo {
    margin-bottom: 1rem;
}
.section.main {
    margin-bottom: 1rem;
}
.section .activity .availabilityinfo,
.section .activity .contentafterlink {
    margin-left: 55px;
    margin-top: 0;
}
.section .activity .contentafterlink p {
    margin-top: 0;
}
.tui-format_pathway-courseInformation > * + * {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
/***
*** Footer styling
***/ 
#page-footer .footnote ul,
.tui-core_auth-footer .footnote ul {
    gap: 1.25rem;
    margin: 1rem 0 2rem;
    list-style-type: none;
}
#page-footer a {
    font-weight: var(--font-weight-normal);
}
#page-footer a:focus,
#page-footer a:hover,
#page-footer .footnote a:focus,
#page-footer .footnote a:hover,
.tui-core_auth-footer a:focus,
.tui-core_auth-footer a:hover,
.tui-core_auth-footer .footnote a:focus,
.tui-core_auth-footer .footnote a:hover {
    color: var(--link-color);
    text-decoration: none;
}
#page-footer .footnote .socialmedia ul li a .fa,
.tui-core_auth-footer .footnote .socialmedia ul li a {
    font-size: calc(var(--font-size-base) * 1.15);
}

#page-footer .footnote ul li a:focus .fa,
#page-footer .footnote ul li a:hover .fa,
.tui-core_auth-footer .footnote ul li a:focus .fa,
.tui-core_auth-footer .footnote ul li a:hover .fa {
    color: var(--link-color);
}
#page-footer .socialmedia ul,
.tui-core_auth-footer .socialmedia ul {
    gap: .5rem;
    justify-content: flex-end;
}
#page-footer .socialmedia ul li a,
.tui-core_auth-footer .socialmedia ul li a {
    text-decoration: none;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/***
*** Responsive styling
***/ 
@media (max-width: 1023px) {
    .footnote .pull-left,
    .footnote .pull-right {
        float: none !important;
    }
    .footnote .text-right,
    .footnote .socialmedia ul,
    .footnote .footerutils ul {
        text-align: left;
        justify-content: flex-start !important;
    }
}
@media (max-width: 1549px) {
    #page-login-index .footnote .pull-left,
    #page-login-index .footnote .pull-right {
        float: none !important;
    }
    #page-login-index .footnote .text-right,
    #page-login-index .footnote .socialmedia ul,
    #page-login-index .footnote .footerutils ul {
        text-align: left;
        justify-content: flex-start !important;
    }
}
@media (min-width: 875px) {
  .tui-modal--type-normal.tui-modal--size-large.tui-modal--animated.tui-modal--in .tui-modal__inner {
    max-width: 30rem;
    max-height: 70vh;
  }
  .tui-modal__inner .tui-totara_catalog-itemModal__title {
      font-size: var(--font-h3-size);
      line-height: var(--font-h3-line-height);
  }
}
@media (min-width: 992px) {
    #region-main {
        margin-left: 0;
        margin-right: 0;
        max-width: inherit;
    }
    .tui-theme_inspire-navigation__toggle--navExpanded {
        padding: 10px;
    }
    .tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo {
        max-width: 145px;
        max-height: 20px;
        margin: 2rem 0;
    }
    .userToolbar_prim--side .usermenu .usertext {
        color: var(--link-color);
    }
}