@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-ExtraBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-Bold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-BoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-Heavy.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-HeavyItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-Medium.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-MediumItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-Book.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-BookItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/Futura-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

html {
    font-size: 100%
}

body {
    font-family: "Futura", "Open Sans", sans-serif;
    font-size: 1rem;
    color: #000
}

li,
p,
a,
.table {
    font-size: 1rem;
    line-height: 1.5
}

strong {
    color: inherit
}

/*Changed to 1rem from .9rem*/
small {
    font-size: 1rem
}

.sgds-container,
.container {
    padding-left: .75rem;
    padding-right: .75rem
}

@media(min-width: 576px) {
    .sgds-container,
    .container {
        max-width: unset
    }
}

@media(min-width: 992px) {
    .sgds-container,
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .sgds-container,
    .container {
        max-width: 1140px
    }
}

@media(min-width: 1408px) {
    .sgds-container,
    .container {
        max-width: 1344px
    }
}

.sgds-container .row,
.container .row {
    margin-top: 0;
    margin-bottom: 0
}

    .sgds-container .row div[class^=col],
    .container .row div[class^=col] {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: .75rem;
        padding-right: .75rem
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.25
}

p {
    margin-bottom: 1rem
}

h2 {
    font-size: 2.2rem
}

@media screen and (max-width: 1023px) {
    h2 {
        font-size: 2rem
    }
}

a {
    transition: all .3s;
    color: #78693A;
}

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

.date-text {
    color: #787878;
    font-style: italic;
    display: block;
    margin-bottom: 1rem
}

.gold-title {
    color: #8C7245;
    padding-bottom: .25rem;
    border-bottom: .2rem solid #8C7245
}

.gold-text {
    color: #8C7245
}

.no-style-list {
    list-style-type: none;
    padding-left: 0
}

    .no-style-list li {
        padding-bottom: .25rem
    }

ul,
ol {
    padding-left: 1.5rem
}

main li {
    margin-bottom: .5rem
}

main ul {
    list-style-type: disc
}

    main ul li {
        position: relative
    }

main ul,
main ol {
    margin-bottom: 1rem
}

.statement-list {
    padding-left: 3.5rem;
    list-style-type: none
}

    .statement-list > li {
        position: relative;
        padding-bottom: 1.5rem
    }

        .statement-list > li > .list-mark {
            position: absolute;
            left: -3.5rem
        }

/*Changed to 1rem from .9rem*/
button,
.btn {
    background: #2f2f2f;
    color: #8C7245;
    border-radius: 50px;
    padding: .75rem 1.5rem;
    margin-right: .8rem;
    margin-bottom: 1rem;
    min-width: 120px;
    transition: all .3s;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer
}

@media(max-width: 991px) {
    button,
    .btn {
        padding: .4rem .9rem
    }
}

button:hover,
button.hover,
.btn:hover,
.btn.hover {
    background: #8C7245;
    color: #2f2f2f
}

/*Changed Outline and Border for WCAG*/
button:focus,
.btn:focus {
    border: 1px solid black;
    outline-style: solid;
    outline-color: #000000;
}

button .sgds-icon,
button .fas,
.btn .sgds-icon,
.btn .fas {
    padding-left: .45rem;
    font-size: 1.1rem
}

button.gold-btn,
.btn.gold-btn {
    background: #8C7245;
    color: #fff
}

    button.gold-btn:hover,
    button.gold-btn.hover,
    .btn.gold-btn:hover,
    .btn.gold-btn.hover {
        background: #c2a757
    }

button.beige-btn,
.btn.beige-btn {
    background: #e5d0a9;
    color: #5c4314
}

    button.beige-btn:hover,
    button.beige-btn.hover,
    .btn.beige-btn:hover,
    .btn.beige-btn.hover {
        background: #5c4314;
        color: #e5d0a9
    }

img {
    max-width: 100%
}

.iframe {
    display: block;
    width: 100%;
    text-align: center;
    height: 100%;
    min-height: 450px
}

    .iframe iframe {
        width: 100%;
        height: 100%
    }

.section {
    padding: 4rem 0
}

.banner-bg {
    background-image: url("../images/banner-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative
}

.beige-bg {
    background: #e4ded5
}

.white-bg {
    background: #fff
}

.ribbon-bg {
    background-image: url("../images/ribbon-bg.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: relative;
    min-height: 500px;
    padding-top: 250px
}

@media(max-width: 767px) {
    .ribbon-bg {
        background-position: top right;
        background-size: auto 100%;
        padding-top: 80px
    }
}

.slick-dots li button {
    min-width: unset
}

.slick-dots li:only-child {
    display: none
}

.sgds-icon-external {
    padding-left: .5rem
}

.sgds-masthead {
    padding-left: 0;
    padding-right: 0
}

    .sgds-masthead .is-text {
        font-size: .9rem
    }

@media(max-width: 1408px) {
    .sgds-masthead .sgds-container {
        max-width: unset
    }
}

.navbar {
    padding-top: 0;
    padding-bottom: 0
}

@media(max-width: 1023px) {
    .navbar {
        padding: 0
    }
}

@media(max-width: 1023px) {
    .navbar .sgds-container {
        padding: 0
    }
}

@media(max-width: 1408px) {
    .navbar .sgds-container {
        max-width: unset
    }
}

/* Modified: after 111121 */
.navbar .sgds-container .navbar-brand {
    padding: 0 .75rem;
    margin: 0;
    display: flex;
    align-items:center;
}
/* END Modified: after 111121 */

    .navbar .sgds-container .navbar-brand .logo .navbar-item {
        padding: .5rem 0;
        height: 100%
    }

/* Modified: after 081121 */
        .navbar .sgds-container .navbar-brand .logo .navbar-item img {
            max-height: 4rem
        }

/* END Modified: after 081121 */

@media(max-width: 1023px) {
    .navbar .sgds-container .navbar-brand {
        margin-right: 0;
        padding: 0 1rem
    }
}

.navbar .sgds-container .navbar-burger:hover {
    background-color: transparent
}

@media(max-width: 1023px) {
    .navbar .sgds-container .navbar-burger {
        margin-right: 15px
    }

        .navbar .sgds-container .navbar-burger span {
            right: 0;
            left: auto
        }
}

.navbar .sgds-container .navbar-menu {
    justify-content: flex-end;
    height: 100%
}

    .navbar .sgds-container .navbar-menu ul.nav li.navbar-item.is-hoverable:hover > .navbar-dropdown.right {
        left: auto;
        right: 0
    }

    .navbar .sgds-container .navbar-menu ul.nav li.navbar-item .menu-toggler {
        display: none
    }

    .navbar .sgds-container .navbar-menu ul.nav a.navbar-link {
        font-weight: 600;
        margin: 0;
        transition: all .3s;
        text-align: left;
        text-decoration: none;
        border-bottom: 0
    }

        .navbar .sgds-container .navbar-menu ul.nav a.navbar-link::after {
            display: none
        }

    .navbar .sgds-container .navbar-menu ul.nav > li.navbar-item {
        text-align: center;
        padding: 0 .5rem;
        cursor: pointer;
        white-space: normal;
        flex-shrink: 1;
        border-bottom: 3px solid transparent
    }

@media(min-width: 1024px)and (max-width: 1215px) {
    .navbar .sgds-container .navbar-menu ul.nav > li.navbar-item {
        max-width: 200px
    }
}

.navbar .sgds-container .navbar-menu ul.nav > li.navbar-item.active {
    border-color: #8C7245
}

.navbar .sgds-container .navbar-menu ul.nav > li.navbar-item > a.navbar-link {
    padding: 0;
    white-space: normal;
    display: inline
}

    .navbar .sgds-container .navbar-menu ul.nav > li.navbar-item > a.navbar-link:hover,
    .navbar .sgds-container .navbar-menu ul.nav > li.navbar-item > a.navbar-link:focus {
        color: #8C7245
    }

    .navbar .sgds-container .navbar-menu ul.nav > li.navbar-item > a.navbar-link.is-active {
        color: #8C7245
    }

.navbar .sgds-container .navbar-menu ul.nav > li.navbar-item.is-hoverable > .navbar-link {
    padding-right: 1.2rem
}

    .navbar .sgds-container .navbar-menu ul.nav > li.navbar-item.is-hoverable > .navbar-link::after {
        content: "";
        font-family: "sgds-icons";
        padding-left: .25rem;
        display: block;
        color: inherit;
        right: 0
    }

.navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown {
    padding: 0;
    border-top: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    top: calc(100% + 3px)
}

    .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item {
        padding: 0
    }

        .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item a.navbar-link {
            width: 100%;
            padding: .5rem 1rem
        }

            .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item a.navbar-link:hover,
            .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item a.navbar-link:focus {
                background: #8C7245;
                color: #fff
            }

        .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item.is-hoverable {
            position: relative
        }

            .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item.is-hoverable > .navbar-dropdown {
                left: 100%;
                top: 0
            }

                .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item.is-hoverable > .navbar-dropdown.right {
                    left: auto;
                    right: 100%
                }

            .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item.is-hoverable > a.navbar-link::after {
                content: "";
                font-family: "sgds-icons";
                position: absolute;
                right: .25rem;
                display: block;
                transition: all .3s
            }

            .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown li.navbar-item.is-hoverable > a.navbar-link:hover::after {
                color: #f0f0f0
            }

    .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown.max-dropdown-width {
        width: 300px
    }

        .navbar .sgds-container .navbar-menu ul.nav .navbar-dropdown.max-dropdown-width > .navbar-item > .navbar-link {
            white-space: normal
        }

@media(max-width: 1023px) {
    .navbar .sgds-container .navbar-menu {
        width: 100%;
        padding-bottom: 0
    }

        .navbar .sgds-container .navbar-menu .field {
            border: none
        }

            .navbar .sgds-container .navbar-menu .field input {
                font-size: 1rem
            }

        .navbar .sgds-container .navbar-menu ul.nav {
            display: block
        }

            .navbar .sgds-container .navbar-menu ul.nav li.navbar-item {
                text-align: left;
                padding: 0;
                border-bottom: 0
            }

                .navbar .sgds-container .navbar-menu ul.nav li.navbar-item.active {
                    border-bottom: 0
                }

                .navbar .sgds-container .navbar-menu ul.nav li.navbar-item a.navbar-link {
                    padding: .5rem 1rem;
                    width: 100%;
                    display: block;
                    border-bottom: 1px solid #ccc
                }

                    .navbar .sgds-container .navbar-menu ul.nav li.navbar-item a.navbar-link.is-active {
                        border-width: 1px;
                        border-bottom: 1px solid #ccc
                    }

                .navbar .sgds-container .navbar-menu ul.nav li.navbar-item .menu-toggler {
                    display: block;
                    line-height: 1.5;
                    position: absolute;
                    top: 0;
                    right: 0;
                    padding: .5rem 1.25rem
                }

                .navbar .sgds-container .navbar-menu ul.nav li.navbar-item.is-hoverable a.navbar-link::after {
                    display: none
                }

                .navbar .sgds-container .navbar-menu ul.nav li.navbar-item ul.navbar-dropdown {
                    display: none;
                    box-shadow: none
                }

                    .navbar .sgds-container .navbar-menu ul.nav li.navbar-item ul.navbar-dropdown li.navbar-item a.navbar-link {
                        padding-left: 2rem;
                        padding-right: 1rem
                    }

                        .navbar .sgds-container .navbar-menu ul.nav li.navbar-item ul.navbar-dropdown li.navbar-item a.navbar-link.hover {
                            color: #fff
                        }

                    .navbar .sgds-container .navbar-menu ul.nav li.navbar-item ul.navbar-dropdown li.navbar-item ul.navbar-dropdown li.navbar-item a.navbar-link {
                        padding-left: 3rem
                    }

                    .navbar .sgds-container .navbar-menu ul.nav li.navbar-item ul.navbar-dropdown li.navbar-item.is-hoverable a.navbar-link::after {
                        display: none
                    }
}

.navbar .sgds-container .navbar-end {
    padding: 0 .75rem
}

    .navbar .sgds-container .navbar-end .navbar-item {
        padding-right: 0
    }

        .navbar .sgds-container .navbar-end .navbar-item .sgds-button {
            min-width: 0;
            margin-right: 0;
            margin-bottom: 0;
            padding: 0
        }

            .navbar .sgds-container .navbar-end .navbar-item .sgds-button:hover {
                background-color: transparent
            }

.sgds-search {
    border: 1px solid #f0f0f0;
    display: block
}

@media(max-width: 1408px) {
    .sgds-search .sgds-container {
        max-width: unset
    }
}

.sgds-search input {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem
}

.sgds-search .sgds-button {
    background: transparent;
    border: 0;
    margin-right: 0;
    min-width: 0;
    height: 100%
}

    .sgds-search .sgds-button:hover,
    .sgds-search .sgds-button:focus {
        box-shadow: none;
        color: inherit
    }

.sgds-footer {
    background: #343434;
    padding: 2.5rem 0
}

    .sgds-footer .title {
        font-size: 1.5rem;
        margin-bottom: 3rem;
        color: #fff
    }

@media(max-width: 767px) {
    .sgds-footer .row {
        display: block
    }
}

.sgds-footer p,
.sgds-footer strong {
    color: #fff
}

.sgds-footer hr {
    background: #a6a6a6;
    margin-top: 1.5rem
}

.sgds-footer ul.footer-nav {
    padding-left: 0;
    margin: 0 -0.5rem
}

    .sgds-footer ul.footer-nav li {
        padding: 0 .5rem
    }

        .sgds-footer ul.footer-nav li + li {
            margin-left: 0;
            margin-top: .5rem
        }

        .sgds-footer ul.footer-nav li.icons {
            padding: 0 .5rem;
            margin-right: 0;
            display: inline-block
        }

@media(max-width: 767px) {
    .sgds-footer ul.footer-nav li.icons {
        margin-top: 1rem
    }
}

.sgds-footer ul.footer-nav li a {
    color: #a6a6a6
}

    .sgds-footer ul.footer-nav li a.title {
        color: #fff
    }

    .sgds-footer ul.footer-nav li a:hover {
        color: #a6a6a6;
        text-decoration: none
    }

.sgds-footer ul.footer-nav.footer-menu {
    display: flex;
    flex-flow: row wrap
}

    .sgds-footer ul.footer-nav.footer-menu > li {
        flex-basis: 25%;
        max-width: 25%;
        margin-bottom: 1rem;
        padding-right: 1.5rem
    }

@media(max-width: 991px) {
    .sgds-footer ul.footer-nav.footer-menu > li {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(max-width: 575px) {
    .sgds-footer ul.footer-nav.footer-menu > li {
        flex-basis: 100%;
        max-width: 100%
    }
}

.sgds-footer ul.footer-nav.footer-menu > li .title {
    font-size: 1.25rem
}

.sgds-footer ul.footer-nav.footer-menu ul {
    padding-left: 0
}

    .sgds-footer ul.footer-nav.footer-menu ul li {
        display: block;
        padding: .5rem 0
    }

        .sgds-footer ul.footer-nav.footer-menu ul li + li {
            margin-top: 0
        }

.sgds-footer p {
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: .25rem
}

    .sgds-footer p + p {
        margin-top: .25rem
    }

#scrollToTop {
    display: none;
    cursor: pointer;
    font-size: 1.25rem;
    position: fixed;
    text-align: center;
    z-index: 3;
    transition: background-color .2s ease-in-out;
    background: #8C7245;
    color: #fff;
    right: 35px;
    bottom: 60px;
    padding: .15rem .5rem .35rem;
    line-height: 1.2;
    border-radius: 50%;
    min-width: 0;
    border-width: 0;
    margin: 0
}

    #scrollToTop .sgds-icon,
    #scrollToTop .fas {
        padding-left: 0
    }

    #scrollToTop:hover {
        background: #c2a757;
        color: #8d7039
    }

@media(max-width: 767px) {
    #scrollToTop {
        right: 20px
    }
}

.sgds-notification {
    margin-bottom: 0 !important;
    background: #000;
    color: #fff;
    z-index: 0
}

@media(max-width: 1216px) {
    .sgds-notification .sgds-container {
        max-width: unset
    }
}

.sgds-notification .sgds-notification-detail {
    padding-right: 2.5rem
}

    .sgds-notification .sgds-notification-detail .sgds-icon {
        margin-left: 0;
        margin-right: 1rem
    }

    .sgds-notification .sgds-notification-detail .sgds-notification-content {
        margin-bottom: 0
    }

        .sgds-notification .sgds-notification-detail .sgds-notification-content p:last-child {
            margin-bottom: 0
        }

    .sgds-notification .sgds-notification-detail .delete {
        background-color: transparent;
        padding: 1rem
    }

        .sgds-notification .sgds-notification-detail .delete::after,
        .sgds-notification .sgds-notification-detail .delete::before {
            background-color: #fff
        }

.homepage-banner-section {
    position: relative
}

.homepage-banner.slick-slider {
    margin-bottom: 0
}

/*Removed Outline none for WCAG*/
.homepage-banner .homepage-banner-item:focus {
   
}

@media(max-width: 767px) {
    .homepage-banner .homepage-banner-item {
        padding: .5rem
    }
}

.homepage-banner .homepage-banner-item .banner-img {
    display: flex;
    align-items: center
}

    .homepage-banner .homepage-banner-item .banner-img img {
        box-shadow: 4px 4px 10px rgba(0, 0, 0, .4)
    }

.homepage-banner .homepage-banner-item .homepage-banner-item__box {
    padding-top: 3rem;
    padding-left: 1rem;
    padding-right: 2rem
}

    .homepage-banner .homepage-banner-item .homepage-banner-item__box .banner-tag {
        font-weight: 600;
        color: #8C7245;
        margin-bottom: .5rem
    }

    .homepage-banner .homepage-banner-item .homepage-banner-item__box .title {
        font-size: 2.5rem;
        line-height: 1.25;
        margin-bottom: 1.5rem;
        font-weight: 800
    }

@media(max-width: 991px) {
    .homepage-banner .homepage-banner-item .homepage-banner-item__box .title {
        font-size: 2rem
    }
}

@media(max-width: 767px) {
    .homepage-banner .homepage-banner-item .homepage-banner-item__box .title {
        font-size: 1.5rem
    }
}

.homepage-banner .homepage-banner-item .homepage-banner-item__box .banner-text {
    margin-bottom: 1.5rem
}

@media(max-width: 1024px) {
    .homepage-banner_controls {
        padding: 0 1rem
    }
}

@media(max-width: 767px) {
    .homepage-banner_controls {
        width: 100%;
        top: -2rem
    }
}

.homepage-banner_controls .slick-dots {
    position: relative;
    width: auto;
    bottom: auto;
    margin: 0 .75rem
}

    .homepage-banner_controls .slick-dots li button::before {
        font-size: .6rem;
        color: #8C7245
    }

.homepage-banner_controls .slick-arrow {
    top: 0;
    min-width: auto;
    width: auto;
    left: auto;
    right: auto;
    transform: none;
    position: relative;
    margin: 0
}

    .homepage-banner_controls .slick-arrow::before {
        font-family: "sgds-icons";
        color: #8C7245;
        font-size: 1.5rem
    }

    .homepage-banner_controls .slick-arrow.slick-prev::before {
        content: ""
    }

    .homepage-banner_controls .slick-arrow.slick-next::before {
        content: ""
    }

.cards-container {
    display: flex;
    flex-flow: row wrap
}

    .cards-container .card-item {
        padding: 0 .75rem;
        margin: .75rem 0;
        display: flex
    }

    .cards-container .card-box {
        display: block;
        transition: all .3s;
        text-decoration: none;
        color: #000
    }

        .cards-container .card-box.shadow-hover {
            border: 1px solid transparent;
            padding: 2rem 1.5rem
        }

            .cards-container .card-box.shadow-hover:hover {
                box-shadow: 0 0 15px rgba(0, 0, 0, .4)
            }

@media(max-width: 767px) {
    .cards-container .card-box.shadow-hover {
        padding: 1.5rem 1rem
    }
}

.cards-container .card-box .card_label {
    color: #8C7245;
    display: block;
    margin-bottom: 1rem
}

.cards-container .card-box .card_title {
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 1.4
}

.cards-container .card-box .card_img {
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .4);
    margin-bottom: 1.5rem;
    width: 100%
}

/*Changed date colour.*/
.cards-container .card-box .card_date {
    color: #595959;
    font-style: italic;
    display: block;
    margin-bottom: 1rem
}

.four .card-item {
    flex-basis: 25%;
    max-width: 25%
}

@media(max-width: 991px) {
    .four .card-item {
        flex-basis: 33.333%;
        max-width: 33.333%
    }
}

@media(max-width: 767px) {
    .four .card-item {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(max-width: 575px) {
    .four .card-item {
        flex-basis: 100%;
        max-width: 100%
    }
}

.three .card-item {
    flex-basis: 33.333%;
    max-width: 33.333%
}

@media(max-width: 767px) {
    .three .card-item {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media(max-width: 575px) {
    .three .card-item {
        flex-basis: 100%;
        max-width: 100%
    }
}

.two .card-item {
    flex-basis: 50%;
    max-width: 50%
}

@media(max-width: 575px) {
    .two .card-item {
        flex-basis: 100%;
        max-width: 100%
    }
}

.subpage-banner {
    padding: 2.5rem 0;
    background-image: url("../images/subbanner-bg.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    padding-bottom: 225px
}

    .subpage-banner h1.title {
        font-size: 2.5rem;
        font-weight: 800
    }

    .subpage-banner p {
        margin-bottom: 0
    }

@media(max-width: 991px) {
    .subpage-banner h1.title {
        font-size: 1.8rem
    }
}

@media(max-width: 767px) {
    .subpage-banner {
        background-position: top right;
        background-size: cover;
        padding-bottom: 220px
    }
}

.sgds-breadcrumb ul {
    padding-left: 0;
    display: inline-block
}

.sgds-breadcrumb li {
    padding: 0;
    display: inline;
    white-space: normal
}

    .sgds-breadcrumb li + li::before {
        display: inline;
        position: relative;
        padding: 0 .5rem;
        top: auto;
        left: auto;
        font-size: 1.2rem;
        font-weight: 600
    }

.sgds-breadcrumb a {
    display: inline;
    color: #78693A;
    padding: 0
}

    .sgds-breadcrumb a:hover {
        color: #c2a757
    }

.table {
    margin-bottom: 2rem
}

    .table thead th {
        background: #8d7039;
        color: #fff
    }

    .table th {
        background: #8d7039;
        color: #fff;
        padding: 1rem 1.5rem
    }

    .table td {
        vertical-align: middle;
        padding: 1rem 1.5rem
    }

    .table.table-striped tbody tr:nth-of-type(odd) {
        background: #eeebe6
    }

.landing-item {
    padding: 2.5rem 0;
    display: block;
    color: #000
}

    .landing-item:hover {
        color: #000
    }

    .landing-item .landing-img {
        display: flex;
        margin-bottom: 1rem;
        align-items: flex-start
    }

        .landing-item .landing-img img {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            box-shadow: 3px 3px 8px rgba(0, 0, 0, .4)
        }

@media(max-width: 767px) {
    .landing-item .landing-img {
        display: block
    }

        .landing-item .landing-img img {
            display: block;
            width: auto;
            margin: auto
        }
}

.landing-item .landing-content {
    display: flex;
    flex-flow: column
}

    .landing-item .landing-content .landing-title {
        font-size: 1.8rem;
        line-height: 1.25
    }

@media(max-width: 991px) {
    .landing-item .landing-content .landing-title {
        font-size: 1.5rem;
        line-height: 1.2
    }
}

.landing-item .landing-content .small-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.2
}

.landing-item .landing-content .landing-date {
    color: #787878;
    font-style: italic;
    display: block;
    margin-bottom: 1rem
}

.tab-container .tabs {
    background: #8d7039;
    display: flex;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

/*Added new tab colour for tab in video page*/
.tab-container .tabs.video-selector {
    background:#6D562C;
}

    .tab-container .tabs .tab-item {
        text-align: center;
        padding: 1rem;
        cursor: pointer;
        transition: all .3s;
        border-bottom: 4px solid transparent;
        margin-bottom: 0
    }

        .tab-container .tabs .tab-item::before {
            display: none
        }

        .tab-container .tabs .tab-item a {
            font-size: 1.1rem;
            color: #fff;
            font-weight: 600;
            text-decoration: none
        }

        .tab-container .tabs .tab-item:hover,
        .tab-container .tabs .tab-item:focus {
            border-color: #e5d0a9
        }

        .tab-container .tabs .tab-item.is-active {
            border-color: #e5d0a9
        }

            .tab-container .tabs .tab-item.is-active a {
                color: #e5d0a9
            }

.tab-container .tab-content {
    background: #eeebe6
}

    .tab-container .tab-content .tab-content-item {
        display: none;
        padding: 2rem
    }

        .tab-container .tab-content .tab-content-item.is-active {
            display: block
        }

.video-selector.tabs {
    padding: 0 5rem;
    justify-content: center
}

    .video-selector.tabs .slick-track {
        display: flex !important
    }

        .video-selector.tabs .slick-track .tab-item {
            height: inherit !important;
            display: flex;
            align-items: center;
            justify-content: center;
            outline: none
        }

            .video-selector.tabs .slick-track .tab-item a {
                outline: none
            }

    .video-selector.tabs .slick-arrow {
        min-width: auto
    }

        .video-selector.tabs .slick-arrow::before {
            color: #e5d0a9;
            font-size: 1.5rem
        }

        .video-selector.tabs .slick-arrow.slick-prev {
            left: 1rem
        }

        .video-selector.tabs .slick-arrow.slick-next {
            right: 1rem
        }

.video-selections .landing-item {
    display: flex
}

.video-selections [data-video-id] {
    cursor: pointer
}

.sidenav {
    padding-right: .5rem
}

@media(max-width: 768px) {
    .sidenav {
        margin-bottom: 2rem
    }
}

.sidenav .sgds-menu-list {
    list-style-type: none;
    padding-left: 0
}

@media(max-width: 768px) {
    .sidenav .sgds-menu-list {
        border-right: none
    }
}

.sidenav .sgds-menu-list li {
    border-bottom: 1px solid #f0f0f0;
    font-weight: 600;
    width: 100%
}

    .sidenav .sgds-menu-list li a {
        padding: .5rem .5rem;
        display: block;
        border: none;
        font-size: 1rem
    }

        .sidenav .sgds-menu-list li a:hover,
        .sidenav .sgds-menu-list li a.active {
            background: #8C7245;
            color: #fff;
            border-radius: 5px
        }

    .sidenav .sgds-menu-list li .li-item {
        position: relative;
        display: block
    }

        .sidenav .sgds-menu-list li .li-item a {
            padding-right: 2rem
        }

        .sidenav .sgds-menu-list li .li-item .menu-toggler {
            cursor: pointer;
            position: absolute;
            top: 45%;
            transform: translateY(-50%);
            right: .5rem;
            margin: auto
        }

            .sidenav .sgds-menu-list li .li-item .menu-toggler::before {
                background: #8C7245;
                color: #fff;
                border-radius: 50%;
                padding: .25rem;
                font-size: 1rem
            }

            .sidenav .sgds-menu-list li .li-item .menu-toggler:hover::before,
            .sidenav .sgds-menu-list li .li-item .menu-toggler.active::before {
                background: #e5d0a9;
                color: #5c4314
            }

.sidenav .sgds-menu-list ul {
    padding-left: 0;
    list-style-type: none;
    border-left: 0;
    margin: 0;
    display: none
}

    .sidenav .sgds-menu-list ul li a {
        padding-left: 1.75rem
    }

.prog-btn {
    padding-top: 1.5rem
}

    .prog-btn a.btn {
        max-width: 50%;
        margin-right: 0
    }

@media(min-width: 577px) {
    .prog-btn a.btn:first-child {
        margin-right: .5rem
    }

    .prog-btn a.btn:last-child {
        margin-left: .5rem
    }
}

@media(max-width: 576px) {
    .prog-btn a.btn {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.accordion .panel {
    margin-bottom: 1rem
}

.accordion .accordion-header {
    cursor: pointer;
    background: #8C7245;
    padding: 1rem 1.5rem;
    position: relative;
    transition: all .3s
}

    .accordion .accordion-header::after {
        content: "";
        font-family: "sgds-icons";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1rem;
        font-size: 1.5rem;
        line-height: 1.1;
        color: #fff
    }

    .accordion .accordion-header[aria-expanded=true] {
        background: #8d7039
    }

        .accordion .accordion-header[aria-expanded=true]::after {
            content: ""
        }

    .accordion .accordion-header p {
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 0;
        padding-right: 1.6rem;
        color: #fff
    }

.accordion .accordion-content {
    padding: 1rem 1.5rem;
    border: 1px solid #f0f0f0;
    display: none
}

.aspForm {
    padding: 2rem 0
}

    .aspForm .form-control {
        border-radius: 0;
        min-width: 300px;
        max-width: 40%
    }

    .aspForm .form-info {
        margin-left: 1rem;
        color: #8C7245
    }

    .aspForm label {
        font-weight: 700
    }

    .aspForm .aspCheckboxTable input[type=checkbox] {
        margin-right: .5rem
    }

    .aspForm .aspCheckboxTable label {
        font-weight: 400
    }

    .aspForm .aspCheckboxTable.inline {
        display: block
    }

        .aspForm .aspCheckboxTable.inline tbody {
            display: flex;
            margin: 0 -0.75rem
        }

            .aspForm .aspCheckboxTable.inline tbody tr {
                padding: 0 .75rem
            }

                .aspForm .aspCheckboxTable.inline tbody tr label {
                    padding-left: .5rem
                }

    .aspForm .aspCaptcha {
        padding-bottom: .25rem
    }

        .aspForm .aspCaptcha img {
            display: inline-block !important
        }

        .aspForm .aspCaptcha .rcRefreshImage {
            display: inline-block !important;
            margin-left: .5rem;
            color: #8C7245
        }

            .aspForm .aspCaptcha .rcRefreshImage:hover {
                color: #c2a757
            }

        .aspForm .aspCaptcha .captchainput {
            margin-top: .5rem
        }

    .aspForm .RadDropDownList_Default {
        width: 100%
    }

        .aspForm .RadDropDownList_Default:focus {
            outline: none
        }

        .aspForm .RadDropDownList_Default .rddlInner {
            width: 100%;
            height: calc(2.25rem + 2px);
            padding: .375rem .75rem;
            min-width: 300px;
            max-width: 40%;
            background: #fff;
            border-radius: 0;
            border-color: #ced4da
        }

            .aspForm .RadDropDownList_Default .rddlInner.rddlFocused {
                color: #495057
            }

        .aspForm .RadDropDownList_Default .rddlFakeInput {
            display: flex;
            align-items: center;
            height: 100%;
            font-size: 1rem
        }

        .aspForm .RadDropDownList_Default .rddlIcon {
            width: 1.5rem;
            background: none
        }

            .aspForm .RadDropDownList_Default .rddlIcon::before {
                content: "";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                display: flex;
                height: 100%;
                justify-content: center;
                align-items: center
            }

.rddlSlide,
.rddlDropDownSlide {
    min-width: 300px
}

    .rddlSlide .rddlPopup_Default,
    .rddlDropDownSlide .rddlPopup_Default {
        width: 100% !important;
        max-width: 40%;
        min-width: 300px
    }

        .rddlSlide .rddlPopup_Default .rddlItemSelected,
        .rddlDropDownSlide .rddlPopup_Default .rddlItemSelected {
            background: #8C7245
        }

        .rddlSlide .rddlPopup_Default .rddlItemHovered,
        .rddlDropDownSlide .rddlPopup_Default .rddlItemHovered {
            background-color: #e5d0a9
        }


/*NEW CSS*/

.nav.navbar-icons li.icons {
    padding: 20px 6px;
}

    .nav.navbar-icons li.icons span {
        color: #484848;
    }

.homepage-banner .homepage-banner-item .homepage-banner-item__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}

    .homepage-banner .homepage-banner-item .homepage-banner-item__overlay .container {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 3rem;
        text-align: center;
    }

.homepage-banner .homepage-banner-item {
    position: relative;
}

.homepage-banner .slick-dots {
    bottom: 4rem;
}

.homepage-banner .homepage-banner-item {
    padding: 0;
}

.homepage-banner .slick-dots li button::before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    opacity: .5;
}

.homepage-banner .slick-dots li.slick-active button::before {
    opacity: 1;
}

.homepage-banner .slick-dots li button {
    width: 35px;
    height: 4px;
    padding: 0;
}

.slick-dots li {
    margin: 0 0.35rem;
    width: auto;
    height: auto;
}

.homepage-banner_controls {
    position: absolute;
    /*top: 0;*/
    width: 50%;
    height: 2rem;
    padding: 0 .75rem;
    display: flex;
    align-items: center
}

.navbar .sgds-container .navbar-end .navbar-item .sgds-button#search-activate {
    margin-top: 41px;
}

/*Changed Outline and Border for WCAG*/
.navbar .sgds-container .navbar-end .navbar-item .sgds-button#search-activate:focus {
    margin-top: 41px;
    border:0.5px solid white;
}

.homepage-banner .homepage-banner-item img {
    min-width: 100%;
    min-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}

.social-media-icons-navbar{
    width:auto;
    height: 22px;
}

img.budget-logo-2022{
    max-height: 2.5rem !important;
    padding-left: 15px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .homepage-banner .homepage-banner-item .homepage-banner-item__overlay {
        position: relative;
        padding: 2rem 1rem;
        min-height: 300px;
    }

    .homepage-banner .homepage-banner-item img {
        position: absolute;
        height: 100%;
    }
}



@media (max-width: 1023px) {
    .navbar .sgds-container .navbar-menu ul.nav.navbar-icons {
        display: flex;
    }

    .navbar .sgds-container .navbar-menu ul.nav.navbar-icons.justify-content-end {
        justify-content:start !important;
    }
}

/*Mitigation code since Firefox does not support Orphans command Widows*/
@media print {
    p, h2, h3 {
        page-break-inside: avoid;
    }
}