body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-a,
body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-b,
body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-c {
    background-color: var(--color-white)
}

.header-secondary-menu.desktop,
aside[data-component=featureBranchPopOut],
form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-section-title {
    display: none
}

body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__body>ul>li>a:focus,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children button:focus,
body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children .primary-nav-item__child-menu .mega-menu-wrapper .mega-menu ul>li>.mega-menu__link-wrapper a:focus {
    outline: 0
}

:root {
    --primary-a: #003462;
    --primary-b: #4F5B8B;
    --primary-c: #0078A3;
    --primary-d: #effbff;
    --base-white: #ffffff;
    --color-green: var(--primary-a);
    --color-purple: var(--primary-b);
    --color-royal-blue: var(--primary-c);
    --color-light-blue: var(--primary-d);
    --color-white: var(--base-white)
}

body.body .page-layout .page-layout__body main#main.content .text-navy,
body.body .page-layout .page-layout__body main#main.content [id*="col-cct-component_"] .text-navy {
    color: var(--color-green) !important
}

body.body .page-layout .page-layout__body main#main.content .text-purple,
body.body .page-layout .page-layout__body main#main.content [id*="col-cct-component_"] .text-purple {
    color: var(--color-purple) !important
}

body.body .page-layout .page-layout__body main#main.content .text-royal-blue,
body.body .page-layout .page-layout__body main#main.content [id*="col-cct-component_"] .text-royal-blue {
    color: var(--color-royal-blue) !important
}

body.body .page-layout .page-layout__body main#main.content .text-light-blue,
body.body .page-layout .page-layout__body main#main.content [id*="col-cct-component_"] .text-light-blue {
    color: var(--color-light-blue) !important
}

.content h1:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
body.body .content a:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
body.body .page-body .breadcrumb nav.breadcrumb__nav .breadcrumb__list li.breadcrumb__list-item .breadcrumb__list-item-link,
body.body .page-layout .content .wysiwyg-allowed h1,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__body>ul>li>a,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__header .hamburger-menu__action,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children .hamburger-menu-item__list--active>li>a,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children button {
    color: var(--color-royal-blue)
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title,
body.body .content a:hover:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
body.body .page-body .breadcrumb nav.breadcrumb__nav .breadcrumb__list li.breadcrumb__list-item .breadcrumb__list-item-current,
body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__related-links [data-test-id=related-links].related-links p>a,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__list li.hamburger-menu-item a:hover,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__list li.hamburger-menu-item button:hover,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children .hamburger-menu-item__list--active>li>a:hover,
form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question p.sq-form-error,
form#form_email_778254 #component_778278>h3 {
    color: var(--color-royal-blue)
}

.content h2:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
.content h3:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
.content h4:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
.content h5:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
.content h6:not(.no-wysiwyg *, .sq-form-question *, .pagination *),
body.body .page-layout .content .wysiwyg-allowed h2,
body.body .page-layout .content .wysiwyg-allowed h3,
body.body .page-layout .content .wysiwyg-allowed h4,
body.body .page-layout .content .wysiwyg-allowed h5,
body.body .page-layout .content .wysiwyg-allowed h6,
form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question label {
    color: var(--color-purple)
}

body>header.header #main-nav .primary-nav .primary-nav__right #header-search.header-search-wrapper--active .header-search__content,
body>header.header #main-nav.primary-nav-wrapper {
    background-color: var(--color-green);
    padding: 0;
}

.header-search-wrapper__toggle,
body.body>footer.footer,
body.body>footer.footer .footer-sub,
body>.header-search-wrapper__submit,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark button.hamburger-landmark__action {
    background-color: var(--color-green);
    color: var(--color-light-blue)
}

.header-search-wrapper__toggle:focus,
.header-search-wrapper__toggle:hover,
body>.header-search-wrapper__submit,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark button.hamburger-landmark__action:focus,
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark button.hamburger-landmark__action:hover,
body>header.header #main-nav .primary-nav .primary-nav__right .header-search-wrapper--active [data-click=modalClose] .header-search__content .header-search__modal-actions button.header-search__modal-close,
body>header.header #main-nav .primary-nav .primary-nav__right .header-search-wrapper--active [data-click=modalClose] .header-search__content form.header-search__form button.header-search__submit,
body>header.header #main-nav.primary-nav-wrapper .primary-nav-wrapper--overflow .primary-nav__landmark .overflow-menu__button {
    background-color: var(--color-light-blue);
    color: var(--color-green)
}

body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__body>ul>li>a:focus-visible {
    color: var(--color-royal-blue);
    outline: 0;
    border: 1px solid var(--color-royal-blue)
}

body>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a {
    width: min(22rem, 100%)
}

body>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a>img.primary-nav__logo-bottom {
    width: 100%;
    object-fit: contain
}



body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children .primary-nav-item__link:not(.primary-nav-item__link--home):after {
    color: var(--color-light-blue)
}

body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__side .page-layout__side-wrapper .aside-nav__list .aside-nav__link,
body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children .primary-nav-item__child-menu .mega-menu-wrapper {
    background: var(--color-green);
    border-radius: 0 0 1rem 1rem;
}

body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children .primary-nav-item__child-menu .mega-menu-wrapper .mega-menu ul>li>.mega-menu__link-wrapper a {
    color: transparent;
    transition: all .6s ease
}

body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children .primary-nav-item__child-menu:hover .mega-menu-wrapper .mega-menu ul>li>.mega-menu__link-wrapper a {
    color: #ffffff
}

body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children:hover .primary-nav-item__child-menu .mega-menu-wrapper .mega-menu ul>li>.mega-menu__link-wrapper a {
    color: #ffffff
}

body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children .primary-nav-item__child-menu .mega-menu-wrapper .mega-menu ul>li>.mega-menu__link-wrapper svg {
    display: none;
}

body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-a .card__contents {
    border: none;
}

body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-a .card__contents .card__body>a>h3 {
    /* background-color: var(--color-green); */
    line-height: 1.15;
    /* margin-top: 2rem; */
}

body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-b .card__contents {
    border: .0625rem solid var(--color-purple)
}

body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-b .card__contents .card__body>a>h3 {
    background-color: var(--color-purple)
}

body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-c .card__contents {
    border: none;
    position: relative;
    z-index: 1;
    min-height: 18rem;
    justify-content: start;
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .search-form .search-form__search-field button[type=submit],
body.body.home .page-layout.page-layout--landing .page-layout__body #main.content .template [data-component=card] .card-grid-container .card-grid .card__inner--palette-c .card__contents .card__body>a>h3,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed {
    background-color: transparent;
}

body.body.home .page-body .page-layout--landing #main.content .no-wysiwyg.hero-banner {
    background: var(--color-green)
}

body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__related-links [data-test-id=related-links].related-links,
body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__side:before {
    background: var(--color-light-blue)
}

body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__side .page-layout__side-wrapper .aside-nav__list .aside-nav__link .aside-nav__inner {
    background: var(--color-light-blue);
    color: var(--color-green);
    padding: .625rem 2rem .625rem .6rem
}

body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__side .page-layout__side-wrapper .aside-nav__list .aside-nav__link .aside-nav__inner--l3 {
    margin-left: 1rem
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__footer .svg-icon,
.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__footer>*,
.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__summary,
body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__related-links [data-test-id=related-links].related-links>*,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed {
    color: var(--color-green)
}

.header-secondary-menu__link {
    color: var(--color-white);
    text-decoration: none
}

.header-secondary-menu__link:hover {
    text-decoration: underline
}

.header-secondary-menu {
    margin-right: 3em
}

.header-secondary-menu.mobile {
    width: 25px;
    height: 25px;
    margin-right: 20px;
    margin-top: .6rem
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed {
    background-color: var(--color-light-blue)
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__header>*,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed {
    color: var(--color-green);
    text-decoration: none
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__header>a.listing-item__title-link,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed {
    font-size: 1.4rem
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__header>cite,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed {
    font-size: 1rem
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__footer,
body.body>.page-body>.page-layout--content>.page-layout__body>.page-layout__body .content .wysiwyg-allowed {
    border-top: .0625rem solid var(--color-royal-blue)
}

form#form_email_778254 #component_778278 {
    margin: 1.6rem 0
}

form#form_email_778254 #component_778278>p:has(br) {
    display: none
}

form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question {
    margin-bottom: 1.6rem
}

form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question:last-child {
    margin-bottom: 0
}

form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question>.sq-form-question-answer>input,
form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question>.sq-form-question-answer>textarea {
    width: 100%;
    padding: .6rem;
    border: 1px solid var(--color-purple);
    margin-top: .6rem
}

form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question>.sq-form-question-answer>input:focus-within,
form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question>.sq-form-question-answer>textarea:focus-within {
    border: 1px solid var(--color-royal-blue);
    outline: 0
}

form#form_email_778254 #component_778278 [name=form_email_778254_reset],
form#form_email_778254 #component_778278 [name=form_email_778254_submit] {
    padding: 10px 16px;
    background-color: var(--color-light-blue);
    color: var(--color-green);
    border: 0;
    cursor: pointer;
    transition: background-color .25s, color .25s
}

form#form_email_778254 #component_778278 [name=form_email_778254_reset]:hover,
form#form_email_778254 #component_778278 [name=form_email_778254_submit]:hover {
    padding: 10px 16px;
    background-color: var(--color-green);
    color: var(--color-white);
    border: 0
}

form#form_email_778254 #component_778278 [name=form_email_778254_submit] {
    margin-right: 1rem
}

@media (min-width:768px) {

    body>header.header #main-nav .primary-nav .primary-nav__right .header-search-wrapper--fixed .header-search form.header-search__form button.header-search__submit,
    body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item.primary-nav-item--current>a,
    body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item>a:hover {
        background-color: var(--color-royal-blue);
        color: var(--color-white)
    }

    body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item>a {
        background-color: var(--color-green);
        color: var(--color-white)
    }

    body.body>.page-body>.page-layout--content-with-nav .page-layout__side .page-layout__side-wrapper nav#aside-nav {
        padding-top: 2rem
    }
}

@media (min-width:992px) {
    .header-secondary-menu.mobile {
        display: none
    }

    .header-secondary-menu.desktop {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 1rem
    }

    form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question>.sq-form-question-answer>input,
    form#form_email_778254 #component_778278 fieldset#sq_form_section_778273 .sq-form-question>.sq-form-question-answer>textarea {
        width: 75%
    }
}

@media (min-width:1200px) {
    .page-layout__related-links {
        width: max(314px, 45%)
    }
}

:root {
    --primary-a: #108059;
    --primary-b: #000000;
    --primary-c: #255a4a;
    --primary-d: #f7f7f0;
    --base-white: #ffffff;
    --color-green: var(--primary-a);
    --color-purple: var(--primary-b);
    --color-royal-blue: var(--primary-c);
    --color-light-blue: var(--primary-d);
    --color-white: var(--base-white);
}

/****************** CUSTOM CSS *******************/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*************************************************/

/*html, body {font-family:'Noto Sans', Arial, Helvetica, sans-serif;}*/

html {
    overflow-x: hidden;
    /* overflow-y: scroll; */
    min-height: 100vh;
}

.body {
    scrollbar-gutter: inherit;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    height: auto;
    position: static;
    min-height: 100vh;
}

.page-body {
    z-index: 1;
}

body:not(.home) {
    margin-top: 7rem;
    padding-top: 2rem;
}

.page-layout--landing {
    margin-top: 8rem;
}



/********************* Nav **********************/

.banner-alert {
    display: none;
}

body:not(.home) .banner-alert  {
    background-color: #108059;
    padding: 1rem;
    display:block;
    position: relative;
    z-index: 1;
    top: -2rem;
}

.banner-alert a {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0;
    display:block;
}

.primary-nav {
    transition: all .3s ease;
    padding: 0rem 2rem;
}

.primary-nav-wrapper--overflow .primary-nav__landmark {
    margin-top: 2rem;
}

.primary-nav-item {
    position: relative;
}

.primary-nav-item__link {
    padding: 1.3rem 1.6875rem
}

.primary-nav-item .primary-nav-item__link:before {
    content: '';
    position: absolute;
    width: 0px;
    transition: all .4s cubic-bezier(.56, .01, .19, 1);
}

.primary-nav-item:focus .primary-nav-item__child-menu,
.primary-nav-item:hover .primary-nav-item__child-menu {
    transition: opacity 0s;
}

.primary-nav-item:hover .primary-nav-item__child-menu {
    box-shadow: 0 0 20px 0px #ffffff0f;
}

.primary-nav-item:hover .primary-nav-item__child-menu:before {
    content: '';
    width: 100%;
    top: -3rem;
    left: 0;
    position: absolute;
    height: 3rem;
}

.primary-nav-wrapper--overflow .primary-nav-item__child-menu {
    top: 5.2rem;
}

.scroll .primary-nav-wrapper--overflow .primary-nav-item__child-menu {
    top: 4.2rem;
}



.primary-nav-item__child-menu .mega-menu-wrapper {
    max-height:0;
    transition: max-height 0.7s ease-out;
}

.primary-nav-item:hover .primary-nav-item__child-menu .mega-menu-wrapper {
    max-height: 700px;
    transition: max-height 0.7s ease-in;
}

.mega-menu-wrapper {
    width: 300px;
    margin-top: 0;
}

.mega-menu-wrapper--single-teir .mega-menu__nav-list {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-fill: balance;
    column-fill: balance;
}

.quick-exit {
    background-color: #C74264;
    width: 6rem;
    height: 6rem;
    border-radius: 5rem;
    color: #fff !important;
    font-size: 1.5rem;
    text-decoration: none !important;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
    right: 1rem;
    top: 50%;
    padding-top: 1.5rem;
    line-height: 1.1;
    box-shadow: 0px 3px 0px #0000001a;
    transition: .2s;
}

.quick-exit:hover {
    background-color: #92113a;
    box-shadow: 0px 6px 0px #0000001a;
}

.content>p .quick-exit {
    display: none;
}

/********************* Header **********************/

#main-nav {
    position: fixed;
    top: 0;
    z-index: 20;
    width: 100%;
    background-color: #f7f7f0 !important;
    box-shadow: 0px -12px 20px 20px #ffffff3b;
}


@media screen and (min-width:1200px) {
    #main-nav:after {}
}

@media screen and (max-width:1199px) {
    .primary-nav__logo-bottom {
        margin-bottom: 2rem;
        max-width: calc(5rem + 40vw)
    }

}


.primary-nav__right,
.primary-nav__left {
    position: relative;
    z-index: 3;
    align-self: center;
}

.primary-nav__left-container {
    flex: 1 1;
    margin-left: 0;
    flex-basis: 7%;
    margin-right: 2rem;
}

.primary-nav__logo-bottom {
    margin-top: 1.65rem;
    margin-left: 1vw;
}

.primary-nav-wrapper--overflow .primary-nav__landmark {
    flex: 1 1 81%;
    min-width: 0;
}

body>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a {
    width: 10rem;
    padding: 1rem 0rem;
    height: 7rem;
    display: block;
    background-size: 100%;
    background-image: url(https://www.youthjustice.qld.gov.au/__data/assets/file/0016/110842/OVC-Logo-with-graphic.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: height .3s ease, background-size .3s, opacity .6s;
}

body.scroll>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a {
    height: 5rem;
    background-image: url(https://www.youthjustice.qld.gov.au/__data/assets/file/0017/110843/Graphic-updated.svg);
    background-size:60%
}

body.scroll>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a:hover {
    opacity:0;
}

#ovc-animated-logo {
    width: 10rem;
    height: 62px;
    position:absolute;
    opacity:0;
    z-index: -1;
    margin-top: 2px;
    margin-left: 1px;
    top:8px;
    transition: opacity .6s;
}

body.scroll>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a:hover ~ #ovc-animated-logo  {
    opacity:1;
    display:block !important;
}


@media(max-width:1400px) {
.primary-nav__left-container {
    margin-right: 1.25rem;
    }
    body>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a {
        width: 9rem;
    }
}

body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item>a {
  transition: all .2s  
}


body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item>a:hover, body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item:hover> a  {
    background-color: #f7f7f0 !important;
    border: 2px solid #108059;
}

body>header.header #main-nav .primary-nav .primary-nav__right .header-search-wrapper--fixed .header-search form.header-search__form button.header-search__submit {
    background-color: #ffffff !important;
    border-radius: 0 2.5rem 2.5rem 0;
    padding: .92rem .75rem .92rem .25rem;
    z-index: 5
}

.primary-nav .svg-icon {
    fill: #108059;
}

.primary-nav__landmark {
    position: relative;
    z-index: 2;
}

body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item>a {
    background-color: #f7f7f0;
    color: var(--color-green);
    border-radius: 5rem;
    padding: .75rem 1.2rem;
    font-size: 1rem;
    font-weight: 600;
    border: 2px solid #f7f7f0;
}

.primary-nav-item__link {
    /* padding: 1.19rem 1.675rem !important; */
    font-weight: 500;
}

.primary-nav__logo-bottom {
    margin-left: 0;
    display:none
}

.quick-exit-header {
    display: block;
}


/********************* Nav **********************/

.primary-nav {
    max-width:100%;
    flex-wrap: nowrap;
}


.primary-nav-wrapper--overflow .primary-nav__landmark {
    margin-top: 0rem;
}

.primary-nav-item__link {
    padding: 1.3rem 1.6875rem;
}

.primary-nav-item--has-children .primary-nav-item__link {
    padding-right: 2.1rem !important;
    background-color: #f7f7f0 !important;
}

.primary-nav-item--has-children .primary-nav-item__link:focus,
.primary-nav-item--has-children .primary-nav-item__link:hover {
    background-color: #4b8659 !important;
}

.primary-nav-item .primary-nav-item__link:before {
    content: '';
    position: absolute;
    width: 0px;
    transition: all .4s cubic-bezier(.56, .01, .19, 1);
}

.primary-nav__landmark .svg-icon {
    fill: #108059;
}

.primary-nav__landmark .primary-nav-item--current .svg-icon,
.primary-nav__landmark .primary-nav-item:hover .mega-menu .svg-icon {
    fill: #ffffff;
}

.primary-nav-item--has-children .primary-nav-item__expander {
    margin-right: .6rem
}

.primary-nav-item--current .primary-nav-item__link:before {
    width: 100%;
}

.primary-nav-item:hover .primary-nav-item__link {
    background-color: #f7f7f0 !important;
    color: #108059 !important;
}

body>header.header #main-nav .primary-nav nav.primary-nav__landmark ul.primary-nav__list>li.primary-nav-item.primary-nav-item--current>a {
    background-color: #108059 !important;
    color:#fff !important;
}

.quick-exit-header {
    background-color: #e78e54;
    background-image: url(https://www.youthjustice.qld.gov.au/__data/assets/file/0020/110846/exit.svg);
    background-repeat:no-repeat;
    background-size:15%;
    background-position: 82% 50%;
    height: auto;
    border-radius: 2.5rem;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none !important;
    text-align: center;
    top: 0rem;
    padding: 1rem 3rem 1rem 1rem;
    line-height: 1.1;
    box-shadow: none;
    transition: .2s;
}

.quick-exit-header:hover {
    background-color: #d0894b;
    box-shadow: none;
}

.content>p .quick-exit-header {
    display: none;
}

.mega-menu-wrapper--single-teir .mega-menu {
    padding: 1.5rem .5rem;
}

body>header.header #main-nav.primary-nav-wrapper .primary-nav__landmark .primary-nav__list li.primary-nav-item.primary-nav-item--has-children .primary-nav-item__child-menu .mega-menu-wrapper {
    background-color: #0B7550;
}

.mega-menu__nav-item {
color: transparent 
}

.newsletter-button {
    background-color: #f7f7f0;
    border: 2px solid #108059;
    padding: .75rem 1rem;
    color: #108059;
    border-radius: 2.5rem;
    text-decoration: none;
    transition: all .2s;
    font-size: 1rem;
    font-weight: 600;
    margin-right: .75rem;
}

.newsletter-button svg {
    fill: #108059 !important;
}

.newsletter-button:hover {
    background-color: #108059;
    color: #fff;
}

.header-search__input {
    padding-left: 1rem;
    border-radius: 2.5rem 0 0 2.5rem;
    background-color: #ffffff;
    padding: .72rem .2rem .72rem 1.25rem;
}

.header-search__input {
    width: 73px !important;
    transition: all .3s;
    position: relative;
    z-index: 4;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: #108059;
}

.header-search__input::placeholder {
    color:#108059;
}

.header-search__input:focus {
    width: 200px !important;
    transition: all .3s;
    outline: none;
}

@media screen and (max-width:1560px) {
    .newsletter-button {
        display: none;
    }
}

@media screen and (min-width: 1201px) and (max-width:1360px) {
    .quick-exit-header {
        text-indent:-999em;
        background-size:35%;
        background-position: center;
    }
}

@media screen and (max-width:1200px) {
    .header-search__input {
        max-width: 160px;
    }

    .quick-exit-header {
        right: 0rem;
        top: 0rem;
        position: fixed;
        transform: none;
        width: 100%;
        height: 3.75rem;
        padding-top: 1.25rem;
        border-radius: 0px;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
          background-size: 40% 40%;
        background-position: 65% center;
    }

    .breadcrumb__nav {
        padding-left: 1rem !important;
    }
    

    #main-nav {
    margin-top: 3.75rem;
}

body>header.header #main-nav .primary-nav .primary-nav__left-container .primary-nav__left:last-child>a {
    width: 11rem;
    height: 9rem;
} 

.primary-nav__left {
    align-self: start;
}

}


@media screen and (max-width:760px) {


    html {
        zoom: 100%;

    }

    .page-banner__title {
        font-size: 2rem;
        font-weight: 600;
    }

    .primary-nav__left-container {
        flex-basis: 100%;
    }

    #main-nav:before {
        height: 3.5rem !important;
    }

    .hamburger-landmark .svg-icon,
    .header-search-wrapper .svg-icon {
        fill: #ffffff !important;
    }

    .header-search-wrapper__toggle,
    body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark button.hamburger-landmark__action {
        background-color: transparent;
    }

    .primary-nav__logo-bottom {
        margin-top: 2rem;
        margin-bottom: 0;
    }
}


/********************* Home **********************/

.page-layout__body {
    position: relative;
}

.home .hero-banner__contents img {
    max-width: 55%;
    height: auto;
    max-height: 700px;
    margin-top: 0rem;
    float: left;
    margin-left: calc(3rem + 2.5vw);
    width: calc(10rem + 20vw);
}

.home .hero-banner__contents h3 {
    font-size: calc(2rem + 1.5vw);
    line-height: calc(3rem + 1.5vw);
    float: left;
    margin-top: 5rem;
    margin-left: 2vw;
}

.home .hero-banner--bg-compact {
    padding-top: 1.25rem;
}



body.body.home .page-body .page-layout--landing #main.content .no-wysiwyg.hero-banner {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.home .page-body,
.hero-banner:after {
    background-color: #ffffff;
}


body.body.home .page-body .page-layout--landing #main.content .no-wysiwyg.hero-banner {
    background: transparent;
}

body.body.home .page-body .page-layout--landing #main.content .no-wysiwyg.hero-banner {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
 
ul > li:nth-child(3) > div > div.card__image-wrapper.card__image-wrapper--overlay-0 {
    right: initial;
    left: 50%;
    top: -8px;
    transform: translate(-50%, -20px);
}



/**************** Home__grid ******************/



@media (min-width: 992px) {
 .card-grid--row-three > .card{
     
 }

}

    .card-grid--row-three > .card{
    width:100%;
    padding-right:1rem
    }

.card__image-wrapper {height: 18rem;position:absolute;z-index:1;right: 0;min-width:300px;}

.card__image {
    object-fit:contain;
    object-position: center bottom;
    width: 80%;
    margin: 0 auto;
    display: block;
}

.page-layout--landing .template .card-grid-wrapper .card-grid-container {
    padding: 0;
    max-width: 90.5rem
}

.card-grid--row-three {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 1.5rem;margin: 0 2rem;}

.card-grid--row-three .card {
    padding:0;
    margin-top: 0;
}

.card__title {
    font-family: "Noto Sans", sans-serif;;
    padding-left: 2.5rem;
}

.card__link {
    height:100%;
    display: block;
    padding-top: 1.5rem;
    display: flex;
}

.card__body {
    height:100%;
    display: block;
}

.card__inner:hover {
    box-shadow: none;
    /* border: 1px solid #fff; */
}

.card__inner {
    border-radius: 1rem;
    transition: .3s all;
    background-color: #f7f7f0 !important;
    position: relative;
}

.card__image-wrapper {
    transform: scale(1);
    transition: .3s all ease;
}

.card__inner:hover .card__image-wrapper {
    transform: scale(1.1);
    box-shadow: none;
}

.card-grid-container ul.card-grid>li:nth-child(1) {
    grid-column-start: span 2;
}

.card-grid-container ul.card-grid>li:nth-child(1) .card__inner {
     background-color: #108059 !important;
}

.card-grid-container ul.card-grid>li:nth-child(1) .card__image-wrapper img {
    object-fit:cover;
    margin-right: 0;
    object-position: right;
}

.card-grid-container ul.card-grid>li:nth-child(1) .card__inner .card__title {
    color: #f2f7e5;
    font-size:2rem;
    align-self: end;
    margin-bottom: 1.25rem;
    text-shadow: 0px 0px 11px #4b8659;
    filter: drop-shadow(0px 0px 7px #4b8659);
}
}

.card__inner:focus, .card__inner:focus-within, .card__inner:hover {
    box-shadow: none;
}

.card__teaser {
    display:none
}

.card__footer {
    display:none
}

.card-grid-container ul.card-grid>li:nth-child(1) .card__footer {
    display: block;
    background-color: transparent;
    padding-left: 2.5rem;
    position: relative;
    padding-bottom: 2rem;
}

.card-grid-container ul.card-grid>li:nth-child(1) .card__footer .card__cta {
    padding: .85rem 1.75rem;
    background-color:#e78e54;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3rem;
    display: inline-block;
    box-shadow: 0px 8px 10px 3px #08080817;
    transition: all .5s;
    font-family: 'Noto Sans';
    transition:all .3s;
}

.card-grid-container ul.card-grid>li:nth-child(1) .card__footer .card__cta:hover {
    background-color:#d0894b;
}




.card-grid-container ul.card-grid>li:nth-child(1) .card__footer .card__cta:hover {
    box-shadow: -1px 4px 3px 3px #08080814;
}

.card__footer .card__cta-arrow {
    background: #62a47b;
    border-radius: 30px;
    color: #fff;
    margin-left: .625rem;
    height: 32px;
    width: 32px;
}

.card-grid-container ul.card-grid>li:nth-child(1) .card__footer .card__cta-arrow {
    display:none
}

.card .svg-icon {
    width: 29px;
}

.card-grid-container .card-grid .card__contents .card__body h3 {
    background-color: transparent;
    color: #108059;
    font-weight: 600;
    font-size: 1.55rem;
    line-height: 1.1;
}

.card-grid-container .card-grid .card__contents .card__body h3 span {
    font-family: monospace;
    font-weight: 400;
}




@media screen and (max-width:760px) {
    .home .hero-banner__contents img {
        margin-left: 0 !important;
        margin-right: 2rem;
        margin-top: 2rem !important;
        float: right !important;
    }

    .home .hero-banner__contents h3 {
        margin-top: 0rem !important;
    }

    #cct-component_4756 {
        margin-bottom: 0;
    }
}

/****************** Animation *******************/

.fadeInUp {
    -webkit-animation: fadeInUp 1.2s both;
    -moz-animation: fadeInUp 1.2s both;
    -o-animation: fadeInUp 1.2s both;
    animation: fadeInUp 1.2s both;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

/********************* Search **********************/

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .component.listing.listing--linked-title .listing__items .listing-item__content .listing-item__footer {
    border-top: 2px solid #d6dfc1
}

#queries_q_query {
    border: none;
    border-radius: 3rem 0 0 3rem;
    border: .125rem solid #e7e7e7;
border-right: none;
}

#queries_q_query:focus {
    border: .125rem solid #108059;
    outline: none;
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) form[id*=search_page_] .search-form .search-form__search-field button[type=submit] {
    background-color: #108059;
    border: none
}

/********************* Page content **********************/

body:not(.home) h1.content__title {
    color: #108059;
    margin-bottom: 3rem;
    font-size: 3rem;
    margin-top: -6rem;
}

body:not(.home) .page-layout__body {
    margin-top: 2.5rem;
}

.breadcrumb__list {
    padding: .5rem .75rem;
    display: inline-flex;
    background-color:#edf1f0;
    border-radius: .5rem;
}

body.body .page-body .breadcrumb nav.breadcrumb__nav .breadcrumb__list li.breadcrumb__list-item .breadcrumb__list-item-current {
    color: #96a4a1
}

.content:not(.no-wysiwyg *, .sq-form-question *, .pagination *) {
    line-height: 1.45rem;

}

.content p, .content li, aside p, aside li {
    font-family: 'Arial', Sans-serif;
    font-size:1.05rem
}

.content .wysiwyg-allowed li:before {
    color:#108059;
    font-size:.85rem
}

.content ul {
    margin-top:.75rem !important;
}

.content li {
    margin-bottom:.5rem !important;
}

.page-layout .content .wysiwyg-allowed h3 {
    color:#108059 !important;
}

.content li:not(.no-wysiwyg *, .sq-form-question *, .pagination *):before {
    font-size: .75rem;
    color: #111111;
}

.content .wysiwyg-allowed h2,
.content h2:not(.no-wysiwyg *, .sq-form-question *, .pagination *) {
    margin-top: 3rem;
    margin-bottom: 1.25rem;
    font-size: 1.8rem;
    /* font-weight: 600; */
    color: #108059;
}

.content .wysiwyg-allowed h3,
.content h3:not(.no-wysiwyg *, .sq-form-question *, .pagination *) {
    font-size: 1.35rem;
    line-height: 1.1;
    margin-top: 2.5rem;
    color: #108059;
    font-weight: bold;
}

.content .wysiwyg-allowed h4,
.content h4:not(.no-wysiwyg *, .sq-form-question *, .pagination *) {
    margin-top: 2rem;
    font-size: 1.15rem;
}

.breadcrumb__nav {
    padding-left: 1rem !important;
    margin-bottom: 4rem;
}

.page-banner--with-image .page-banner__body {
    padding: 0 2rem;
}

.page-button {
    padding: 1rem 1rem;
    color: #108059 !Important;
    background-color: #f7f7f0;
    border-radius: 2rem;
    margin-top: 1rem;
    display: inline-block;
    text-decoration: none!Important;
    border: 1.5px solid #108059;
    transition: all .3s;
    font-family: 'Arial', Sans-serif;
    font-size:1rem;
}

.page-button:hover {
    background-color: #f2fcd9;
    cursor: pointer;
}

body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__related-links [data-test-id=related-links].related-links>* {
    color: #000000;
}

.related-links ul {
    padding-left: 1rem;
}

.related-links ul li {
    margin-top: 1rem;
}

.related-links ul li a {
    text-decoration:none;
}

.related-links ul li a svg{
    display: none !important;
}

.related-links__item a {
    background-color: #e78e54;
    padding: 1rem;
    width: 100%;
    text-align: center;
    border-radius: 2rem;
    margin-top: 1rem !important;
    color: #ffffff;
    text-decoration: none !important;
    transition: all .3s;
}

.related-links__item a:hover {
    background-color: #d0894b;
}

.accordion-item {
    margin-top: 1rem;
    border-radius: 1rem;
}

.accordion-item__control.accordion-item__control {
    background-color: #edf1f0;
    color:#108059;
    font-size: 1.25rem;
    padding: 1rem;
    border-radius: 1rem;
    font-weight:600;
}
.accordion-item__header {
    border-radius: 1rem;
    border: 1.5px solid #a2c2aa;
}

.accordion-item__control.accordion-item__control--open,
.accordion-item__content--open .accordion-item__header {
    border-radius: 1rem 1rem 0 0;
}

.accordion-item__content--open {
    border-radius: 0 0 1rem 1rem;
    border-width: 1.5px;
    border-color: #a2c2aa;
}

.accordion-item__content > h4:first-child,
.accordion-item__content > h3:first-child,
.accordion-item__content > h2:first-child  {
    margin-top: 1rem
}

@media (min-width: 1199px) {
       body:not(.home) .page-layout__related-links {
        border-left: 2px solid #edf1f0;
    }
    body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__related-links [data-test-id=related-links].related-links {
        margin-left:3rem;
        margin-top: 2.4rem;
    }
   
    
}




@media (min-width: 900px) {

    .page-banner--with-image .page-banner__body {
        padding: 0 4rem
    }

    .page-layout--content .page-layout__body,
    .page-layout--content-with-nav .page-layout__body {
        padding: 0 3rem;
    }

    .breadcrumb__nav {
        padding-left: 3rem !important;
    }

    .related-links {
        border-radius: 1rem;
        margin-left: 1.5rem;
        margin-right: 2.5rem;
        margin-top: 3.5rem;
    }
}

@media (min-width: 1600px) {
    
    .primary-nav {
        padding: .5rem 2.5rem;
    }
    .page-layout--landing {
    margin-top: 9rem;
    }
    .primary-nav-wrapper--overflow .primary-nav-item__child-menu {
        top:5.7rem
    }
     .scroll .primary-nav-wrapper--overflow .primary-nav-item__child-menu {
        top:4.7rem
    }
    
}








/********************* Side Nav **********************/


.aside-nav__link--l2:not(.is-current),
.aside-nav__link--l2:not(.is-hierarchy) {
    border-bottom-color: #e0d6d0
}

.aside-nav__li--l3 {
    border-left: none;
}

.aside-nav__li--l3:last-child {
    border-bottom: .0625rem solid #e0d6d0;
}

.related-links {
    background-color: #edf1f0 !important;
    color: #000 !important;
}

.related-links__heading,
.related-links p {
    background-color: transparent !important;
    color: #000 !important;
}

.related-links__heading {
   color: #108059 !important;
   /* font-weight: 600; */
   font-size: 1.5rem;
   line-height: 1.15;
}

.related-links {
    border-radius: 1rem;
    padding: 1.5rem;
    margin-left: 3rem;
}


/*********************Page-banners**********************/


body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__side:before {
    background-color: transparent;
}

.page-banner {
    background-color: #f7f7f0 !important;
    padding-top: 0px;
    min-height: 12rem;
}

.page-banner__title {
    color: #108059;
    box-shadow: 0 0 20px 20px #f7f7f0;
    background-color: #f7f7f0;
}

.page-banner--with-breadcrumb .page-banner__breadcrumb {
    background-color: #e8eed8 !important;
    top: inherit;
    bottom: 0px;
}

.page-banner__image {
    object-fit: contain;
    max-height: 8rem;
    top: .75rem;
    left: initial;
    max-width: 200px;
    right: calc(25vw - 13rem)
}


.page-layout--content-with-nav .page-layout__side {
    display: none;
}

.aside-nav__list {
    border-radius: 10px;
}

body.body .page-body .page-layout.page-layout--content-with-nav .page-layout__side .page-layout__side-wrapper .aside-nav__list .aside-nav__link .aside-nav__inner {
    padding-left: 1rem;
}

#main {
    margin-top: 0rem;
}



/*********************Decision tree**********************/


.decision,
#no-complaint,
#charter-complaint {
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    height: 0;
    display: none;
}

#no-complaint,
#charter-complaint {
    margin-top: 2rem;
}

.decision-tree {
    padding-bottom: 2rem !important;
    margin-bottom: 2.25rem !important;
}

.decision-tree>.decision:first-child,
.decision.active+.decision,
#no-complaint.active,
#charter-complaint.active,
.decision.no-active-continue+.decision {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding-top: 4rem;
    display: block;
}

.decision-tree>.decision:first-child {
    padding-top: .75rem;
}

#no-complaint.active,
#charter-complaint.active {
    background-color: #f7f7f0;
    padding: 2rem !important;
    border-radius: 10px;
    display: inline-block;
}

#no-complaint.active {
    background-color: #f9e9ed;
}

#no-complaint h2 {
    color: #C74264;
}



#no-complaint h2,
#charter-complaint h2 {
    margin-top: 0;
}

.decision {
    padding-top: 0;
    padding-left: 0 !important;
    transition: all .5s;
    position: relative;
    margin-bottom: 0 !important;
}

.decision.multiple {
    padding-left: 4rem !important;
}

.decision.multiple h3,
.decision.multiple h4 {
    margin-left: -4rem;
}

.decision.multiple span {
    display: block;
    font-weight: normal;
    padding-left: 4rem;
    padding-top: 1rem;

}

.decision:before {
    display: none;
}

.decision.active:after,
.decision.no-active:after,
.decision.no-active-continue:after,
.decision.charter-active:after {
    content: '';
    display: block;
    position: absolute;
    left: 4rem;
    bottom: -4.65rem;
    width: .25rem;
    height: 3rem;
    border-radius: 10px;
    background-color: #ddd;
}

.decision.multiple.active:after,
.decision.multiple.charter-active:after {
    left: 8rem;
}

.decision.no-active:after,
.decision.no-active-continue:after {
    left: 13rem;
}

.decision.multiple.no-active-continue:after {
    left: 17rem;
}

.choice {
    display: inline-block;
    padding: .75rem 3rem;
    background-color: #f5f5f5;
    border: 2px solid #ddd;
    border-radius: 10px;
    margin-right: 1rem;
}

.choice:hover {
    cursor: pointer;
}

.active .choice-yes,
.no-active .choice-no,
.no-active-continue .choice-no,
.charter-active .choice-yes {
    background-color: #ffffff;
    border-color: #414141;
    color: #000;
}

.decision-container {
    margin-top: 2rem;
}

@media (max-width: 540px) {
    .choice {
        padding: .75rem 2rem;
    }

    .decision.active:after,
    .decision.no-active:after,
    .decision.no-active-continue:after,
    .decision.charter-active:after {
        left: 3rem;
    }

    .decision.multiple.active:after,
    .decision.multiple.charter-active:after {
        left: 7rem;
    }

    .decision.no-active:after,
    .decision.no-active-continue:after {
        left: 10rem;
    }

    .decision.multiple.no-active-continue:after {
        left: 14rem;
    }
}

#cct-decisionDefinitions,
#decisionDefinitions {
    margin: 4rem 2.5rem 4rem 1.75rem
}


#cct-decisionDefinitions .accordion-item {
    background-color: #edf1f0;
    border-radius: 10px;
}

#cct-decisionDefinitions .accordion-item__control {
    background-color: #108059;
    border-radius: 10px;
    color: #fff;
}

#cct-decisionDefinitions .accordion-item--active .accordion-item__control {
    border-radius: 10px 10px 0px 0px;
}

#cct-decisionDefinitions .accordion-item__header {
    border: none;
}

#cct-decisionDefinitions .accordion-item__content--open {
    border-radius: 0px 0px 10px 10px;
}

#cct-decisionDefinitions .accordion-item__content--open *:last-child {
    padding-bottom: .75rem;
}


/*********************Legal words ************************/

#myInput {
    margin-bottom: 2rem;
    padding: .75rem 2rem;
    border-radius: 40px;
    background-color: #f5f8f8;
    border: 2px solid #d7dfdd;
    width: 100%;
    transition: all .2s;
}

#myInput:focus {
    background-color: #f9f9f9;
}

.sort-list {
    background-color: #edf1f0;
    border: 2px solid #d7dfdd;
    border-bottom: none;
    padding: 1rem;
    margin-bottom: 0;
}

#table50105,
#table50105 td,
#table50105 tr {
    border: none;
}

#table50105 tbody {
    display: block;
}

#table50105 {
    position: relative;
    min-height: 75px;
    border: 2px solid #d7dfdd;
    background-color: rgb(245 248 248);
    scrollbar-gutter: auto;
    margin-top: 0rem;
    margin-bottom: 2.5rem;
}

#table50105:after {
    content: 'No definition found.';
    position: absolute;
    font-weight: 600;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000000;
}

#table50105 tr {
    border-bottom: 2px solid #d7dfdd;
    background-color: rgb(245 248 248);
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
}

#table50105 tr p,
#table50105 tr li {
    word-wrap: break-word;
    white-space: break-spaces
}



#table50105 tr:last-child {}

#table50105 th {
    color: #000000;
    font-weight: 500;
    border-bottom: none;
    width: 30%;
    display: inline-block;
}


#table50105 td {
    position: relative;
    display: inline-block;
    width: 70%;
}

#table50105 tr>td:nth-child(2):before {
    content: '';
    background-color: #d7dfdd;
    height: 70%;
    width: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#table50105 td i {
    display: none;
}

/********************* Footer **********************/


.footer {
    color: #f7f7f0;
    background-color: #108059;
    font-size: .875rem;
}

.footer-swoop {
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url(https://www.youthjustice.qld.gov.au/__data/assets/image/0024/115683/OVC-footer_2025.png);
    background-size: 100% 100%;
    top: -60px;
}



.footer-sub {
    padding-bottom: 0;
}

.footer-grid-container {
    background-color: #108059;
    color: #bcd8c0;
    font-size: .85rem;
}

.footer-grid-container h3 {
    font-weight:600;
    color:#ffffff;
    font-size: .85rem;
}

.footer-grid-container strong {
    color:#ffffff;
    font-weight: 600;
}

.footer-grid-container a {
    color: #bcd8c0;
    transition: all .3s;
    text-decoration: none;
}

.footer-grid-container a:hover {
    color:#ffffff;
    transition: all .3s
}

.footer-grid-container ul {
    padding-left: 0;
    list-style: none;
}

.footer-grid-container ul li {
    margin-top: .35rem;
    margin-bottom: .35rem
}

.footer-grid-container .footer-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 2rem 2rem 0rem;
    max-width: 90.5rem;
    margin: 0 auto;
}

.footer-grid-container .footer-logo {
    display: block;
    width:400px;
    height: 40px;
    margin-bottom: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://www.youthjustice.qld.gov.au/__data/assets/file/0019/110845/OVC-Logo-reverse.svg);
}

.footer-grid-container .footer-row > .footer-col{
    grid-column-start: span 1;
    padding: 2rem;
    padding-top: 0;
    padding-bottom: 0;
}

.footer-grid-container .footer-row > .footer-col:first-child {
    grid-column-start: span 2;
    padding-left: 1rem;
}

.footer-grid-container .footer-row > .footer-col:nth-child(2) {
    border-left: 1.5px solid #60966d;
    border-right: 1.5px solid #60966d
}

#component_104584 .footer-col {
    border: none;
    border-top: 1.5px solid #60966d;
}

#component_104584 .footer-col {
    border: none;
    border-top: 1.5px solid #60966d;
    padding-top: 2rem;
    padding-bottom:2rem
}

#component_104584 .footer-col:first-child {
    grid-column-start: span 3;
}

#component_104584 .footer-col:nth-child(2) {
    display:flex;
    justify-content:end;
}

.footer-col .footer-icon {
    margin-left:.75rem;
    
}

.footer-col .footer-icon a {
    background-color: #b4d7c0;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    border-radius: 3rem;
    position: relative;
    transition: all .3 ease;
}

.footer-col .footer-icon a:hover {
    background-color: #ffffff;
}

.footer-col .footer-icon svg {
    fill: #108059;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%)

}



/********************* Mobile **********************/


@media (max-width: 1200px) {

body:not(.home) {
    margin-top:12.5rem
}

    .page-banner__image {
        top: 1.75rem;
        max-height: 6rem;
    }

    .hamburger-landmark button .svg-icon {
        fill: #ffffff;
        width: 2rem;
    }
    .page-layout--landing {
        margin-top: 13rem;
    }

    .primary-nav__left-container {
        padding-left:1rem
    }
    body>header.header #main-nav  .hamburger-menu, .hamburger-menu__header, .hamburger-menu__action {
        background-color: #4b8659 !important;
        border: none
    }

    .hamburger-menu__action--close {
        padding: 1.5rem;
    }

    .hamburger-menu__action--close .svg-icon {
        height:3rem;
        width: 2.5rem !important;
    }

    body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children button, body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper .hamburger-menu .hamburger-menu__body>ul>li>a, body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children .hamburger-menu-item__list--active>li>a {
        color: #fff;
        font-size: 1.45rem;
        padding: 1.5rem 1rem;
    }

body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children .hamburger-menu-item__list--active>li>a {
    font-size:1.15rem;
    padding-left: 2rem;
}

body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper--active .hamburger-menu .hamburger-menu__list li.hamburger-menu-item a:hover {
    color:#fff!important
}

.hamburger-menu-item__list {
    margin-left:0
}
    
body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper.hamburger-menu .hamburger-menu__body>ul>li>a, body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu a, body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark .hamburger-menu-wrapper .hamburger-menu .hamburger-menu__list li.hamburger-menu-item.hamburger-menu-item--has-children button {
    border-bottom: 1.5px solid #60966d;
    margin-bottom: 0;
}


    
.primary-nav .svg-icon {
    fill: #fff
}

.hamburger-landmark >button> .svg-icon, .header-search-wrapper__toggle > .svg-icon, .header-search__form > button > .svg-icon, #hamburger-open .svg-icon {
     fill: #60966d !important;
}

#hamburger-button {
    display: none;
}

#hamburger-open {
    display: block !important;
}

#hamburger-open .svg-icon {
    margin: 0.7rem 1rem;
    display: block;
}


body>header.header #main-nav .primary-nav .primary-nav__right .hamburger-landmark button.hamburger-landmark__action {
    background-color:transparent
}

    .hamburger-menu-wrapper {
    display: block;
    transition: all .3s ease;
    transform: translateX(400px);
    width: 360px;
    right: 0;
    position: fixed;
    top: 0;
    z-index: 100;
    }
    
    .hamburger-menu-wrapper--active {
        transform: translateX(0px);
    }

    .hamburger-menu {
        box-shadow: 0 0 20px 0px #0000000d;
    }

    .hamburger-menu-wrapper:before {
        opacity:0;
        transition:opacity .4s;
    }

    .hamburger-menu-wrapper--active:before {
        background: #f7f7f0;
        display: block;
        content: '';
        height: 100vh;
        width: 100vw;
        transform: translate(-100vw, 0);
        opacity:1
    }
    
}


@media (max-width: 991px) {
    .page-banner__title {
        font-size: 1.8rem;
        font-weight: bold;
        box-shadow: none;
        line-height: 1.1;
        background-color: transparent;
    }

    .page-banner--with-breadcrumb .page-banner__body {
        margin-top: 2rem;
    }

    .page-banner__image {
        max-height: 6rem;
        top: 1.75rem;
    }
    .card-grid--row-three {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

     .card-grid-container ul.card-grid>li {
        grid-column-start: span 2;
    }

    .card-grid-container ul.card-grid>li:nth-child(1) {
        grid-column-start: span 4;
    }

}

@media (max-width: 767px) {
    .page-layout .page-layout__body, .page-layout--landing {
        padding: 0;
    }
    .card-grid--row-three {
        margin: 0 1rem;
    }
    .footer-grid-container .footer-row {
        padding: 2rem 1rem 0rem
    }
    .primary-nav__left-container {
        padding-left:0rem
    }
    
    .header-search__input {
        max-width: 100%;
        width: 100% !important;
    }
    .header-search__logo-image {
        display: none;
    }
    body>header.header #main-nav .primary-nav .primary-nav__right .header-search-wrapper--active [data-click=modalClose] .header-search__content .header-search__modal-actions button.header-search__modal-close {
        background-color:transparent;
    }
    .header-search__input:focus {
        width: 100% !important;
    }
    .header-search__form {
        padding:2rem;
        margin-bottom:2rem;
    }
    
     .footer-grid-container .footer-row > .footer-col {
        grid-column-start: span 2;
        padding-left:1rem;
        padding-right:1rem;
    }
    .footer-grid-container .footer-row > .footer-col:first-child {
        grid-column-start: span 4;
        border-bottom: 1.5px solid #60966d;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }
    .footer-grid-container .footer-row > .footer-col:nth-child(2) {
        border-left:none;
    }
    #component_104584 .footer-col {
        grid-column-start: span 4 !important;
        margin-bottom:0;
    }
    
    #component_817684 .footer-col:nth-child(3) {
        padding-left:2rem;
    }
    
    #component_104584 .footer-col:nth-child(2) {
        justify-content:center;
    }
    .card-grid-container ul.card-grid>li {
        grid-column-start: span 4;
    }
    .related-links {
        margin-left:0rem
    }
}

@media (max-width: 760px) {

    .page-banner__image {
        display: none;
    }

    .page-banner {
        min-height: 9rem;
    }

    .profile-content,
    .profile-image {
        width: 100% !important;
    }

    .profile-image {
        margin-bottom: 2rem;
    }
    
    .card__title {
        padding-left: 1.5rem;
    }
    
    .breadcrumb__nav {
        padding-left: 0 !important;
    }

    #table50105 th {
        margin-top: 2rem;
        width: 100%;
    }

    #table50105 th,
    #table50105 td {
        width: 100%;
        display: block;
        padding-top: 0;
    }

    #table50105 td>p:first-child {
        margin-top: 0rem;
    }

    #table50105 td:before {
        display: none;
    }

}

@media (max-width: 600px) {
    .quick-exit {
        transform: scale(.8) translateY(-50%);
    }
}