: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:#06bad3;--color-secondary:#174E89;--color-tertiary:#E5E6E0;--color-state:#174E89;--color-state-hover:#174E89;--color-state-focus:#174E89;--color-state-active:#174E89;--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:#ffffff;--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);--site-width:1680px}.tui-dropdown__menu{z-index:var(--zindex-dropdown-menu);min-width:15rem;max-width:32rem;max-height:40vh;padding:calc(max(var(--gap-2), var(--dropdown-border-radius))) 0;overflow-y:auto;background-color:var(--dropdown-menu-bg-color);background-clip:padding-box;border:var(--border-width-thin) solid var(--dropdown-menu-border-color);border-radius:var(--dropdown-border-radius);box-shadow:var(--shadow-2)}.tui-dropdown--separator .tui-dropdown__menu{padding:0}.tui-dropdown--flexibleWidth .tui-dropdown__menu{min-width:0;max-width:none}.tui-dropdown--fixedWidth .tui-dropdown__menu{width:32rem}.tui-dropdown__content{display:flex;flex-direction:column}.tui-dropdown__content--separator>*:first-child{border-top-left-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin));border-top-right-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin))}.tui-dropdown__content--separator>*:last-child{border-bottom-right-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin));border-bottom-left-radius:calc(var(--dropdown-border-radius) - var(--border-width-thin))}.tui-dropdown__content--separator>*+*,.tui-dropdown__content--separator>*+.tui-dropdownButton,.tui-dropdown__content--separator>*+.tui-dropdownButton:hover,.tui-dropdown__content--separator>*+.tui-dropdownButton:focus,.tui-dropdown__content--separator>*+.tui-dropdownButton:active,.tui-dropdown__content--separator>*+.tui-dropdownButton:focus:active{border-top:var(--border-width-thin) solid var(--dropdown-menu-border-color)}.tui-dropdown--fixedHeight .tui-dropdown__content{height:100%}.tui-dropdown--fixedHeight .tui-dropdown__menu{height:38vh;overflow-y:visible}.tui-dropdown--disabled{cursor:not-allowed}.tui-dropdown--disabled .tui-dropdown__trigger{pointer-events:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}:root{}
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, input#id_submitbutton:focus, input#id_submitbutton2:focus, .mform .btn-cancel:focus {
    background: url(/theme/image.php/esafetyseniors/theme/1693860152/homepage/chev-right-p) no-repeat;
    background-size: 8px 12px;
    background-position: right 10px top 50%;
}

.am-course .wrappertext {
    margin-top: 185px !important;
}
.am-course .wrappertext + .progress {
    margin-top: 0;
    position: absolute;
    top: 165px;
}
.c-activity__cta a {
    display: inline-block;
    word-break: keep-all;
}

.course-493 .page-footer--cta {
    display: none;
}
.cmid-7619 .page-footer--cta {
    display: none;
}
.cmid-5281 .page-footer--cta {
    display: none;
}
.section-tiles .tiles__card--uptodate {
    background-image: url('/theme/esafetyseniors/pix/new-homepage/Scams-Brochure-Mockup_V01B.jpg');
}
p.d-none {
    display: none;
}
.cmid-6876 #page-content,
.cmid-909 #page-content {
    padding: 0;
}

/* QX-369481: Menu items wrapping after hover in latest version of Safari */
a.totaraNav_prim--list_item_link {
    word-break: keep-all;
}

.block {
    background-color: #fff;
}
.totaraNav .totara_core__QuickAccess_menu .totara_core__QuickAccess_hr {
    top: 2.5em;
}
.totaraNav ul.totaraNav_prim--list .navExpand--list {
    min-width: 200px;
}

/* Tooltip container */
.c-tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip title */
.c-tooltip .c-tooltip_title {
  background-color: rgba(158, 36, 143, .2);
}

/* Tooltip text */
.c-tooltip .c-tooltip_text {
    visibility: hidden;
    width: 100%;
    background-color: #9E248F;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    max-width: 400px;
}

/* Tooltip number */
.c-tooltip .c-tooltip_number {
    background-color: #9E248F;
    color: #fff;
    border-radius: 50%;
    padding: 4px 8px;
    font-size: .6em;
    position: relative;
    top: -5px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.c-tooltip:hover .c-tooltip_text {
  visibility: visible;
  opacity: 1;
}

.tooltip-top {
    bottom: 125%;
    left: 0%;
    margin-left: 0;
}
.tooltip-top:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #9E248F transparent transparent transparent;
}
.tooltip-right {
    left: 105%;
    top: -5px;
    bottom: 0;
}
.tooltip-right:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #9E248F transparent transparent;
}
.tooltip-bottom {
    top: 135%;
    left: 0%;
    margin-left: 0px;
}
.tooltip-bottom:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #9E248F transparent;
}
.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}
.tooltip-left:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #9E248F;
}

/* QT-386266: Vimeo videos not playing on mobile */
@media only screen and (max-width:767px) {
    .content .video-container + .col-sm-12 {
        float: left;
    }
}

.safari-browser {
  display: none;
}
.safari .safari-browser {
  display: block;
}
.safari .nonsafari-browser {
  display: none;
}

.totaraNav_bottom.menu {
    margin-bottom: -1px;
}

.loginbox #loginbtn:active, .loginbox #loginbtn.active, .open>.loginbox #loginbtn.dropdown-toggle {
    background-color: #A51890;
    background-image: none;
    border-color: #A51890;
    box-shadow: none;
}
.loginbox #loginbtn:active:hover, .loginbox #loginbtn:active:focus, .loginbox #loginbtn:active.focus, .loginbox #loginbtn.active:hover, .loginbox #loginbtn.active:focus, .loginbox #loginbtn.active.focus, .open>.loginbox #loginbtn.dropdown-toggle:hover, .open>.loginbox #loginbtn.dropdown-toggle:focus, .open>.loginbox #loginbtn.dropdown-toggle.focus {
    background-color: #A51890;
    border-color: #A51890;
    box-shadow: none;
}

/* QX-387336: Mobile masthead logo */
@media only screen and (max-width:380px) {
	.totaraNav .totaraNav_prim .totaraNav_prim--container .masthead_logo .masthead_logo--header_img {
	    max-width: 200px;
	}
}

.c-activity__cta a:hover, .c-activity__cta a:focus {
    background-color: #B250A6;
    border-color: #B250A6;
}
.c-activity__cta a {
    background-color: #a51890;
    color: #fff !important;
}

.c-activity__number.c-activity__icon {
    padding: 0;
}
.c-activity__number {
    padding: 13px 20px;
}

/* Breadcrumb */
.totaraBreadcrumb {
    background-color: #F5F5F5;
}
.breadcrumb-nav > ol {
    list-style: none;
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}
.breadcrumb-nav > ol > li > a {
    border-bottom: 0;
}
.breadcrumb-nav > ol > li > a:hover {
    text-decoration: none;
}
.breadcrumb-nav > ol > li > a > span {
    color: #6B7785;
    font-size: 14px;
}
.breadcrumb-nav > ol > li {
    position: relative;
}
.breadcrumb-nav > ol > li:after {
    content: "/";
    padding-left: 10px;
    color: #6B7785;
}
.breadcrumb-nav > ol > li:last-child:after {
    content: "";
}
.breadcrumb-nav > ol > li.breadcrumb-nav-home > a > span {
    font-size: 0;
    position: relative;
}
.breadcrumb-nav > ol > li.breadcrumb-nav-home > a > span:before {
    content: "\f015";
    font-size: 14px;
    font-family: "Font Awesome 6 Pro";
    position: relative;
}

.modal-vimeo iframe {
    position: relative !important;
}
.modal-vimeo .modal-body {
    max-width: 800px;
    width: 100%;
    position: relative;
}

.breadcrumb-nav > ol > li > a:hover > span {
    text-decoration: underline;
}
#page-totara-catalog-index .totaraBreadcrumb {
    display: none;
}

.editing .am-recommended .morphtiles .morphtile>a, 
.editing .am-recommended .morphtiles .morphtile>div.static_content {
    overflow: visible;
    margin-bottom: 60px;
}
.editing .am-recommended .morphtiles .morphtile>a .tileedit,
.editing .am-recommended .morphtiles .morphtile>div.static_content .tileedit {
    position: absolute;
    bottom: -40px;
}
.totaraNav ul.totaraNav_prim--list ul li.navExpand--list_item_selected a {
    border-bottom: 4px solid #A51890 !important;
    background-color: #fff !important;
}
.totaraNav .menu ul li.totaraNav_prim--list_item_selected>a {
    border-bottom: 4px solid #A51890 !important;
}
#page-totara-catalog-index a.totaraNav_prim--list_item_link[href*='topic-library'] {
    border-bottom: 4px solid #A51890;
}
.totaraNav ul.totaraNav_prim--list .navExpand--list {
    margin-top: -1px;
}
.box.branchbuttoncontainer {    
  display: block;
}
.section-topic li {
  font-size: 18px;
}

/* Homepage quadrant update */
.section-tiles .tiles__card--glossary {
    background-image: url(/theme/esafetyseniors/pix/icons/homepage/How-do-I-Illustration.svg);
    background-size: 300px;
    background-position: bottom 50px center;
}
.section-tiles .tiles__card--uptodate {
    background-image: url(/theme/esafetyseniors/pix/new-homepage/04_Be-Connected-EMAIL.jpg);
}
@media only screen and (max-width: 767px) {
    .section-tiles .tiles__card--glossary {
        background-size: 200px;
        background-position: bottom 30px center;
    }
}
