: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;
}
#page-totara-catalog-index a.totaraNav_prim--list_item_link[href*='topic-library'] {
    border-color: transparent;
}
.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;
}

/* Page updates */
.course-sidebar {
    padding: 25px 15px;
    border: 2px solid #fff;
    border-radius: 4px;
}
.block_html .course-sidebar>h3 {
    font-size: 20px;
}
.course-sidebar>h3 {
    border-bottom: 2px solid #E7EAEC;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.course-sidebar>p, .course-sidebar li {
    padding: 5px 15px;
    margin: 0;
    font-size: 18px;
}
.course-sidebar .c-cta {
    margin-left: 15px;
}
.block_html .no-overflow {
    margin-bottom: 0;
    padding-bottom: 0;
}
.tabs__menu-wrapper {
    max-width: 100% !important;
    background-color: #F5F5F5;
}
.tabs__menu-link {
    color: #1C334A !important;
    font-weight: bold;
    font-size: 18px;
    padding: 15px;
    display: inline-block;
}
.tabs__menu-link.active {
    background-color: #fff;
}
.tabs__card {
    padding: 40px 0;
}
.webinar-card {
    padding: 25px;
    border: 2px solid rgba(28, 51, 74, .1);
}
.webinar-wrapper {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
}
a.webinar_content-wrapper {
    color: #1C334A;
    display: flex;
    padding: 5px 0;
    padding-right: 25px;
    position: relative;
}
a.webinar_content-wrapper:after {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    right: 0;
}
span.webinar_date {
    font-weight: bold;
    width: 35px;
    flex: 0 0 35px;
}
.section {
    padding-top: 2em;
    padding-bottom: 2em;
}
a.tabs__menu-link:not(.active) {
    background-color: #eaedef;
}
.tabs__menu-link {
    margin-right: 10px;
    padding: 15px 25px;
     text-decoration: none;
}
a.tabs__menu-link:not(.active):hover {
    background-color: #9E248F;
    color: #fff !important;
}
a.tabs__menu-link:hover, a.tabs__menu-link:focus{
    text-decoration: none;
}
.webinar-card {
    font-size: 18px;
}

/* Section - CTA */
.section--cta {
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #9E248F;
}
.section--cta * {
    color: #fff;
}
.section--cta_link {
    text-align: right;
}
.section--cta .btn-cta {
    background-color: #fff;
    font-weight: bold !important;
    padding: 10px 15px;
    color: #2B2B2B;
    border-radius: 2px;
    border: 2px solid #fff;
    transition: all .2s ease;
    position: relative;
    font-size: 18px;
}
.section--cta .btn-cta:hover{
   background-color: #1C334A;
   color: #fff;
   border-color: #1C334A;
   text-decoration: none;
}
.section--cta .btn-cta:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f054";
    font-size: 16px;
    padding-left: 10px;
}
.section--cta .align-items-center {
    display: flex;
    flex-wrap: wrap;
}
.section--webinar {
    padding-top: 2em;
    padding-bottom: 2em;
}
.section--webinar_title > div {
    display: flex;
    align-items: center;
}
.section--webinar .c-booking-icon-heading__icon {
    width: 100px;
    height: 100px;
    margin-left: -20px;
}
.section--webinar li {
    font-size: 18px;
}
.section--webinar_content img {
    max-width: 360px !important;
    width: 100%;
}

/* Accordion */
.section--webinar_summary {
    border-bottom: 2px solid #E7EAEC;
    padding-bottom: 4em;
}
.section--webinar_summary .accordion {
    box-shadow: none !important;
    border: 2px solid #E7EAEC;
}
.section--webinar_summary .accordion-header {
    border-bottom: 0;
}
.section--webinar_summary .accordion-header:hover {
    background: inherit;
}
.section--webinar_summary .accordion-header > button {
    margin-bottom: 0;
    font-weight: bold;
    color: #1C334A;
    position: relative;
    padding: 0 30px 0 0;
    background-color: transparent;
    border: 0;
    font-size: 18px;
}
.section--webinar_summary .accordion-header > button:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f15b";
    font-weight: normal;
    padding-right: 5px;
    padding-left: 5px;
}
.section--webinar_summary .accordion-header:before {
    position: absolute;
    right: 25px;
    top: 15px;
}
.section--webinar_summary .accordion-body {
    padding: 15px;
    padding-bottom: 0;
}
.row-webinar_topics {
    margin-left: -15px;
    margin-right: -15px;
}
.row-webinar_topics h3 {
    font-size: 20px !important;
}


@media only screen and (max-width:991px) {
    .webinar-wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .section--webinar_content img {
        margin-bottom: 15px;
    }
    .row-webinar_topics .section--cta_link {
        text-align: center;
    }
    .row-webinar_topics .section--cta_link > a {
        margin-top: 0;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width:767px) {
    .tabs__menu-link {
        margin-right: 0;
        padding: 10px 20px;
        font-size: 16px;
    }
    .tabs__menu-wrapper .col-xs-12 {
        padding: 0;
    }
    .webinar-wrapper {
        grid-template-columns: 1fr;
    }
    .section--webinar_content img {
        max-width: 100% !important;
        display: none;
    }
}

.section-tiles .tiles__card--hostwebinar {
    background-image: url(/theme/esafetyseniors/pix/webinar-images/host-a-webinar.jpg);
    background-size: cover;
    background-position: center;
}
.section-tiles .tiles__card--webinarresources {
    background-image: url(/theme/esafetyseniors/pix/webinar-images/webinar-resources.svg);
    background-size: 400px;
    background-position: bottom -40px center;
    border: 2px solid #1C334A;
    background-repeat: no-repeat;
}

@media only screen and (max-width:767px) {
    .section-tiles .tiles__card--webinarresources {
        background-size: 230px;
            background-position: bottom 20px center;
    }
}

/* 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;
    }
}
@media only screen and (max-width: 396px) {
    .webinar-card {
        padding: 15px;
    }
    .tabs__menu-link {
        padding: 10px 15px;
    }
}
.c-booking-icon-heading__icon > img {
    max-width: 100px !important;
    width: 100px;
    height: 100px;
}
.section--webinar_summary .accordion-header > button {
    white-space: normal;
    text-align: left;
    padding-left: 30px;
}
.section--webinar_summary .accordion-header > button:before {
    position: absolute;
    left: 0;
}