/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 01 January 2025 13:22:14
*/


.greybg {
    background-color: #e5e5e5 !important;
    padding: 15px !important;
}

/* fix to remove horizontal scrollbar */
.dsg--outer-wrapper {
    overflow: hidden;
}

.dsg--content table td {
    padding: 20px;
}

.dsg--content table {
    min-width: 99%;
}

.dsg--vertical__content-container table td {
    background-color: #a5b5c5;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
    border-bottom: 1px solid #022a52;
}

.clearfloats {
    clear: both;
}

/* Mobile version tweaks */
@media (max-width:1024px) {
    .dsg--content a {
        word-break: break-all;
    }

    .dsg--content table td {
        padding: 5px;
    }

    .dsg--content {
        padding-left: 5px;
        padding-right: 5px;
    }

    .dsg--pagetop__image:after {
        display: none;
    }
}

/* Accordions styling */
.dsg--accordions {
    margin-top: 25px;
    margin-bottom: 25px
}

@media (max-width: 680px) {
    .dsg--pagetop__image:after {
        display: none;
    }
}

@media screen and (min-width:770px) {
    .dsg--accordions {
        margin-top: 30px
    }
}

@media screen and (min-width:1280px) {
    .dsg--accordions {
        margin-top: 40px
    }
}

@media screen and (min-width:770px) {
    .dsg--accordions {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1280px) {
    .dsg--accordions {
        margin-bottom: 40px
    }
}

.dsg--accordions>h2 {
    position: relative;
    width: calc(100vw - 10vw);
    left: 50%;
    box-sizing: border-box;
    transform: translate(-50%, 0)
}

@media only screen and (min-width:770px) {
    .dsg--accordions>h2 {
        width: calc(100vw - 120px)
    }
}

@media only screen and (min-width:1280px) {
    .dsg--accordions>h2 {
        max-width: 1200px;
        padding-right: 0
    }
}

.dsg--accordions span.number {
    display: none
}

.dsg--accordions__sections .dsg--accordions__section>h3 {
    position: relative;
    width: calc(100vw - 10vw);
    /*left:50%;*/
    box-sizing: border-box;
    /*transform:translate(-50%,0);*/
    font-size: 20px;
    line-height: 1.2
}

@media only screen and (min-width:770px) {
    .dsg--accordions__sections .dsg--accordions__section>h3 {
        width: calc(100vw - 120px)
    }
}

@media only screen and (min-width:1280px) {
    .dsg--accordions__sections .dsg--accordions__section>h3 {
        max-width: 1200px;
        padding-right: 0
    }
}

@media screen and (min-width:770px) {
    .dsg--accordions__sections .dsg--accordions__section>h3 {
        font-size: 20px
    }
}

@media screen and (min-width:960px) {
    .dsg--accordions__sections .dsg--accordions__section>h3 {
        font-size: 24px
    }
}

.dsg--accordions__sections .dsg--accordions__section>h3 a {
    max-width: 100000px;
    border: 1px solid #8ba7d7;
    border-width: 0 0 1px 0;
    padding: 16px 40px 16px 0px;
    color: #102442;
    font-weight: 500;
    background: #fff
}

.dsg--accordions__sections .dsg--accordions__section>h3 a:before {
    border: none;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iIzhCQTdENyIvPjxwYXRoIGQ9Ik0xMiA2QzExLjYgNiAxMS4yIDYuNCAxMS4yIDYuOEwxMS4yIDExLjIgNi44IDExLjJDNi40IDExLjIgNiAxMS42IDYgMTIgNiAxMi40IDYuNCAxMi44IDYuOCAxMi44TDExLjIgMTIuOCAxMS4yIDE3LjJDMTEuMiAxNy42IDExLjYgMTggMTIgMTggMTIuNCAxOCAxMi44IDE3LjYgMTIuOCAxNy4yTDEyLjggMTIuOCAxNy4yIDEyLjhDMTcuNiAxMi44IDE4IDEyLjQgMTggMTIgMTggMTEuNiAxNy42IDExLjIgMTcuMiAxMS4yTDEyLjggMTEuMiAxMi44IDYuOEMxMi44IDYuNCAxMi40IDYgMTIgNloiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+") no-repeat center center/contain
}

.dsg--accordions__sections .dsg--accordions__section>h3 a:after {
    border: none;
    width: 50vw;
    height: 0;
    left: 50%;
    bottom: -1px;
    top: inherit;
    z-index: -1;
    background: #f5f5f5;
    transform: translate(0, 0) rotate(0)
}

.dsg--accordions__sections .dsg--accordions__section>h3 a.active {
    background-color: #fff;
    color: #102442;
    border-color: transparent
}

.dsg--accordions__sections .dsg--accordions__section>h3 a.active:before {
    border: none;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI0ZGRDE3RiIvPjxwYXRoIGQ9Ik03IDEyTDE3LjUgMTIiIHN0eWxlPSJzdHJva2Utd2lkdGg6MjtzdHJva2U6IzI5Mzk2NiIvPjwvZz48L3N2Zz4=") no-repeat center center/contain
}

.dsg--accordions__sections .dsg--accordions__section>h3 a.active:after {
    height: 100%;
    bottom: -1px;
    top: inherit;
    transform: translate(50%, 0) rotate(0)
}

.dsg--accordions__sections .dsg--accordions__section>h3 a:focus,
.dsg--accordions__sections .dsg--accordions__section>h3 a:hover {
    background-color: #fff;
    color: #102442
}

.dsg--accordions__sections .dsg--accordions__section__content {
    background: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (min-width:770px) {
    .dsg--accordions__sections .dsg--accordions__section__content {
        padding-top: 24px
    }
}

@media screen and (min-width:1280px) {
    .dsg--accordions__sections .dsg--accordions__section__content {
        padding-top: 32px
    }
}

@media screen and (min-width:770px) {
    .dsg--accordions__sections .dsg--accordions__section__content {
        padding-bottom: 24px
    }
}

@media screen and (min-width:1280px) {
    .dsg--accordions__sections .dsg--accordions__section__content {
        padding-bottom: 32px
    }
}

.dsg--accordions__sections .dsg--accordions__section__content>.dsg--content {
    position: relative;
    width: calc(100vw - 10vw);
    left: 50%;
    box-sizing: border-box;
    transform: translate(-50%, 0)
}

@media only screen and (min-width:770px) {
    .dsg--accordions__sections .dsg--accordions__section__content>.dsg--content {
        width: calc(100vw - 120px)
    }
}

@media only screen and (min-width:1280px) {
    .dsg--accordions__sections .dsg--accordions__section__content>.dsg--content {
        max-width: 1200px;
        padding-right: 0
    }
}

.dsg--accordions__sections .dsg--accordions__section__content .tt--callout-links .tt-callout-links__link {
    background: #fff
}

.tt--number-accordions .dsg--accordions__sections .dsg--accordions__section>h3 a {
    margin-left: 78px
}

.tt--number-accordions h3 a {
    padding-bottom: 32px !important;
    padding-top: 12px !important
}

.tt--number-accordions h3 a span.number {
    display: block !important;
    position: absolute;
    left: -24px;
    top: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #8ba7d7;
    color: #FFFFFF;
    transform: translate(-100%, 0);
    font-size: 40px;
    box-sizing: border-box;
    transition: all .3s;
    z-index: 100
}

.tt--number-accordions h3 a span.number:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSI0OSIgdmlld0JveD0iMCAwIDE5IDQ5Ij48ZyBmaWxsPSJub25lIj48ZyBzdHlsZT0ic3Ryb2tlLXdpZHRoOjI7c3Ryb2tlOiMyOTM5NjYiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjkgLTY2NSl0cmFuc2xhdGUoMTMwIDY2NikiPjxwYXRoIGQ9Ik04LjUgMEw3LjggNDciLz48cG9seWxpbmUgcG9pbnRzPSIwIDM1IDcuOCA0NyAxNyAzNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvZz48L2c+PC9nPjwvc3ZnPg==") no-repeat center center/contain;
    width: 13px;
    height: 24px;
    left: 50%;
    bottom: -3px;
    transform: translate(-50%, 100%);
    opacity: 1;
    transition: all .3s ease 450ms
}

@media only screen and (min-width:770px) {
    .tt--number-accordions h3 a span.number:after {
        width: 13px;
        height: 38px
    }
}

.tt--number-accordions h3 a.active span {
    background: #ffd17f;
    color: #293966
}

.tt--number-accordions h3 a.active span:after {
    opacity: 0;
    transition: all .1s
}

.tt--number-accordions .dsg--accordions__section:last-of-type h3 a span:after {
    display: none
}

.tt--number-accordions .colour-tiles,
.tt--number-accordions .dsg--gallery,
.tt--number-accordions .dsg--image-tiles,
.tt--number-accordions .dsg--slider-two,
.tt--number-accordions .dsg--smalltiles,
.tt--number-accordions .dsg--tiles,
.tt--number-accordions .dsg--video,
.tt--number-accordions .m-general-content,
.tt--number-accordions .module-image-and-text,
.tt--number-accordions .module-wrapped-text,
.tt--number-accordions .tt--callout-links {
    margin-left: 78px;
    box-sizing: border-box
}

.tt--number-accordions .dsg--accordions__section__content {
    position: relative
}

.tt--number-accordions .dsg--accordions__section__content:after,
.tt--number-accordions .dsg--accordions__section__content:before {
    content: "";
    position: relative;
    width: calc(100vw - 10vw);
    left: 50%;
    box-sizing: border-box;
    transform: translate(-50%, 0);
    display: block;
    position: absolute;
    height: calc(100% - 72px);
    top: 36px;
    pointer-events: none
}

@media only screen and (min-width:770px) {

    .tt--number-accordions .dsg--accordions__section__content:after,
    .tt--number-accordions .dsg--accordions__section__content:before {
        width: calc(100vw - 120px)
    }
}

@media only screen and (min-width:1280px) {

    .tt--number-accordions .dsg--accordions__section__content:after,
    .tt--number-accordions .dsg--accordions__section__content:before {
        max-width: 1200px;
        padding-right: 0
    }
}

.tt--number-accordions .dsg--accordions__section__content:before {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTUgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPGcgaWQ9IkZJTkFMLUFSVCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4NCiAgICAgICAgPGcgaWQ9IlRpbWVsaW5lLS8tRGVza3RvcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOC4wMDAwMDAsIC0xMjg4LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRDE3RiIgc3Ryb2tlLXdpZHRoPSIyIj4NCiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC03LUNvcHktMiIgcG9pbnRzPSIxMjkgMTI4OSAxMzUgMTI5OCAxNDIgMTI4OSI+PC9wb2x5bGluZT4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 13px 9px;
    background-position: left 24px bottom;
    pointer-events: none
}

.tt--number-accordions .dsg--accordions__section__content:after {
    top: 35px;
    margin-left: 29px;
    border-left: 2px solid #ffd17f
}

.dsg--accordions__sections .dsg--accordions__section>h3 a:after {
    background-color: #FFF;
}

.dsg--accordions__sections .dsg--accordions__section__content {
    padding: 30px;
}

/*SARAHS (FUTAGO) CHANGES*/
.tt--number-accordions .dsg--accordions__section__content:before {
    background-position: left 14px bottom;
}

.tt--number-accordions .dsg--accordions__section__content:after {
    margin-left: 19px;
}

.dsg--accordions__sections .dsg--accordions__section__content>div>p,
.dsg--accordions__sections .dsg--accordions__section__content>div li {
    font-size: 19px;
    line-height: 1.56;
}

.dsg--accordions__sections .dsg--accordions__section__content .dsg--doc-link-list__doc__thumb {
    border-right: 20px solid #f5f5f5;
}

.dsg--accordions__sections .dsg--accordions__section__content .dsg--doc-link-list__doc__thumb:before {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGroup%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%239DA3AB%22%20d%3D%22M23%200v23H0z%22%2F%3E%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M0%2023V0h23z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

/*.dsg--content .dsg--accordions__section >h3 a{
    padding: 16px 40px 16px 0px!important;
}*/

@media(max-width: 770px) {

    .dsg--accordions__sections .dsg--accordions__section__content>div>p,
    .dsg--accordions__sections .dsg--accordions__section__content>div li {
        font-size: 15px;
    }
}

[id*="content_container_"] a[href*="mailto:"],
[id*="content_container_"] a[href*=".pdf"],
[id*="content_container_"] a[href*=".docx"] {
    hyphens: auto;
    word-break: break-all;
    /* break long title of things. */
}

/* Table Responsive Swap */
.stacktable.large-only {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0px;
    pointer-events: none;
    left: -200vw;
}

@media (min-width: 770px) {
    .stacktable.large-only {
        display: block;
        opacity: 1;
        pointer-events: all;
        left: 0;
        height: auto;
        width: auto;
        position: relative;
    }
}

@media (min-width: 770px) {
    .stacktable.small-only {
        display: none;
    }
}
/* Accordions styling ENDS */