/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 11 September 2025 20:06:04
*/


/* Custom CSS */

/***********************************/
/* Global settings & SPF overrides */
/***********************************/
.inline-block {display:inline-block;}
.uikit-grid nav.top-navigation .container.inner-container>ul {
    margin-left: 8.3333333333%;
    width: 91.6666666667%;
}
.uikit-grid nav.top-navigation.top .container.inner-container>ul {
    margin:0%;
    width:100%;
    
}
.uikit-grid nav.top-navigation .container.inner-container {
    padding-left:0; 
}
.spf-body .spf-text-banner.breadcrumbs-banner {
    padding: 1.6rem 0;
}
div#TOC {border-right: 0.25em solid #2b2867; border-left:none; padding-left:0;}
@media (max-width:991px) {
    div#TOC {border:none;}
}
.flex {display:flex; flex-wrap:wrap;}
.flex-center {justify-content:center;}
.expand-target {display:none;}
.spf-body .uikit-header {padding:0.8em 0;}
.uikit-body .header-menu ul.uikit-link-list {
    padding-top: 2.5rem;
}

.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-image {height: 90px; margin-top:-5px;}
@media (max-width:48em) {
    .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-image {width:175px;height:auto;margin-top:-13px;}
    .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo:last-child {padding-top:.3rem;}
    .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-text {font-size:1rem;font-weight:bold;display:inline;}
}


.grid {
    display:grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom:1.6em;
}

.grid-item-1 {grid-column: span 1;}
.grid-item-2 {grid-column: span 2;}
.grid-item-3 {grid-column: span 3;}
.grid-item-4 {grid-column: span 4;}
.grid-item-5 {grid-column: span 5;}
.grid-item-6 {grid-column: span 6;}
.grid-item-7 {grid-column: span 7;}
.grid-item-8 {grid-column: span 8;}
.grid-item-9 {grid-column: span 9;}
.grid-item-10 {grid-column: span 10;}
.grid-item-11 {grid-column: span 11;}
.grid-item-12 {grid-column: span 12;}



@media (min-width:576px) {
    .grid-item-sm-1 {grid-column: span 1;}
}
@media (min-width:576px) {
    .grid-item-sm-2 {grid-column: span 2;}
}
@media (min-width:576px) {
    .grid-item-sm-3 {grid-column: span 3;}
}
@media (min-width:576px) {
    .grid-item-sm-4 {grid-column: span 4;}
}
@media (min-width:576px) {
    .grid-item-sm-5 {grid-column: span 5;}
}
@media (min-width:576px) {
    .grid-item-sm-6 {grid-column: span 6;}
}
@media (min-width:576px) {
    .grid-item-sm-7 {grid-column: span 7;}
}
@media (min-width:576px) {
    .grid-item-sm-8 {grid-column: span 8;}
}
@media (min-width:576px) {
    .grid-item-sm-9 {grid-column: span 9;}
}
@media (min-width:576px) {
    .grid-item-sm-10 {grid-column: span 10;}
}
@media (min-width:576px) {
    .grid-item-sm-11 {grid-column: span 11;}
}
@media (min-width:576px) {
    .grid-item-sm-12 {grid-column: span 12;}
}





@media (min-width:768px) {
    .grid-item-md-6 {grid-column: span 6;}
}

@media (min-width:992px) {
    .grid-item-lg-4 {grid-column: span 4;}
}

@media (min-width:1200px) {
    .grid-item-xl-3 {grid-column: span 3;}
}

a {
    padding-top: 2px;
    padding-bottom: 2px;
}

.uikit-body a:hover, .uikit-body a:focus {background-color:#f172A4;}
.uikit-link-list.uikit-link-list--inverted>li>a:focus, .uikit-link-list.uikit-link-list--inverted>li>a:hover {background-color:#f172A4;color:#000;}


.spf-body .spf-search-box .spf-group-element, .spf-body .spf-search-box .spf-group-element:first-child, .spf-body .spf-search-box .spf-group-element:last-child {border: solid 2px #6e369a;}
.spf-body .spf-input-group>.spf-group-element-wrapper input[type=text] {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
#btnSearchGlobal {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    background: #6e3694;
    border: solid 2px #6e3694;
}
.uikit-btn {
    background-color: #3d1063;
    color:#fff;
    border-radius:1.5em;
}
.uikit-btn:focus, .uikit-btn:hover {
    background-color: #000;
}
.uikit-btn--tertiary {
    background-color: #3d1063;
    color: #fff;
    border: none;
    border-radius:1.5em;
}
.spf-body .breadcrumbs-banner span.active {font-weight:bold;}
a.uikit-header__logo-wrapper:hover li span {
    background: #008283;
    font-weight:bold;
    color:#fff;
}
/* .uikit-body .uikit-breadcrumbs a:focus, .uikit-body .uikit-breadcrumbs a:hover {color:#fff;} */

/* @media (max-width:991px) { 
    .uikit-breadcrumbs > ul {
        padding: 0.8em!important;
        background: rgba(0,0,0,0.5);
    }
}*/

/* Map overrides */
.spf-body.uikit-body.uikit-grid .mapContainer {
        margin: 1em 0;
}
        
/* Top navigation*/
nav.top-navigation .nav-container {background-color:#fff;}
nav.top-navigation .nav-container a {color:#000;}
nav.top-navigation .nav-container ul.submenu a {color:#000;}
.uikit-body .top-navigation ul>li {margin-bottom:0;}

/* Mobile navigation and a bit of top navigation */
nav .nav-container .inner-container ul li .submenu, nav {
    background: #fff;
}

nav.top-navigation .nav-container ul.submenu a {
    color:#fff;
}

nav.top-navigation.top .nav-container .inner-container .logo-container a.logo img {
    display: none;
}

nav .nav-container .inner-container ul li a:hover {
    border-bottom-color: #3d1063;
    background: #3d1063;
    color:#fff;
}

nav.top-navigation.top .nav-container .inner-container .logo-container a.logo :last-child {border:none;margin-right:0.5rem;padding-right:1rem;}
@media (max-width:1920px) {
        .uikit-grid nav.top-navigation .container.inner-container {width:100%;}
}

@media (min-width: 62em) {
        nav .nav-container {border-bottom: 0px;}
}

/* Right navigation */
.right-navigation ul li {
    border-bottom:none;
}

.right-navigation ul li a {
    background: #f4f3ee;
}

.right-side-nav {background:none;}

.right-navigation ul li a {
    font-weight:bold;
    /*margin-bottom:1rem;*/
    /* border-left:none; */
}

.right-navigation ul li a.is-active {
    /*background: rgb(171,67,153);*/
    /*background: linear-gradient(90deg, rgba(171,67,153,1) 0%, rgba(204,0,44,1) 100%);*/
    color: #313131;
    background: #cccccc;
}

.right-navigation nav>ul>li.threenav>a {background: #24c2e8/*linear-gradient(135deg, rgba(0,101,103,1) 0%, rgba(0,130,133,1) 100%)*/; color: #000000;}
.right-navigation nav>ul>li.threenav>a:hover {color:#000000;}
.right-navigation nav>ul>li.threenav:first-of-type>a {background: #f47a5c /*linear-gradient(135deg, rgba(20,59,128,1) 0%, rgba(65,93,145,1) 100%)*/; color: #000000;}
.right-navigation nav>ul>li.threenav:last-of-type>a {background: #00b5a5 /*linear-gradient(135deg, rgba(207,31,37,1) 0%, rgba(171,67,153,1) 100%)*/; color: #000000;}

.right-navigation nav>ul>li.threenav>a {margin-bottom:0; margin-top:1rem;}
.right-navigation nav>ul>li.threenav>ul>li>a {margin:0;}

.right-navigation nav>ul>li.threenav>a.has-childrena {margin-top:0;}

.right-navigation nav>ul>li.tealnav>a {margin-bottom: 0;margin-top: 1rem;}
.right-navigation nav>ul>li.tealnav>a {background: linear-gradient(135deg, rgba(0,101,103,1) 0%, rgba(0,130,133,1) 100%);color: #fff;}

@media (max-width:991px) {
    nav.right-side-nav {visibility:visible;left: 0;position: static;width: 100%;margin-bottom:2rem;}
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {    background-color: #008283;}

.local-nav ul a:hover {
    border-color: #f47a5c;
    background-color: #f4f3ee;
}

/*bda-right navigation hover*/
.right-navigation ul li a:hover {
    border-color: #f172a4;
    background-color: #f4f3ee;
}
/***********************************/
/*        End of RHS nav           */
/***********************************/

/* Search banner -- maybe just use position styles instead of flex alignment? */

.splash-search-banner {
    background: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0007/1959172/CHS_New_Brand_Website_Banners_Home_Purple-70.jpg) center;
    height: 500px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: flex-end;
    padding-bottom: 60px;
    background-position: 50% 0%;
}

.splash-search-banner--heading {
    background: none;
    display: inline-block;
    color: #3d1063;
    padding: 0 2em;
    width:100%;
}

.splash-search-banner--heading h2 {
    margin:0.5rem;
}

.splash-search-banner--select {
    padding: 0.7em 1em;
    min-width: 500px;
    border-radius: 25px;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg fill="%23000000" height="30px" width="30px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-330 -330 990.00 990.00" xml:space="preserve" stroke="%23000000" stroke-width="30.03"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"></path></g></svg>');
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 5px;
}

.splash-search-banner--content input[type=submit] {
    margin-top:.5rem;
    margin-left:.5rem;
    background-color:#3d1063;
    border-radius: 25px;
}

.splash-search-banner--content input[type=submit]:hover {
    background-color:#000;
}

.splash-search-banner--container {
    padding: 25px;
    background: #f4f3ee; 
    border-radius:10px;
}


@media (max-width:600px) {
.splash-search-banner--select, .splash-search-banner--heading {
    min-width: 90%;
    margin:5%;
    max-width: 90%;
   }    
}

@media (max-width:991px) {
    .splash-search-banner--container {
        display:none;
    }
    .splash-search-banner {
        max-height: 200px;
        background-size: cover;
    }
}

.emergency-info {
    background: #000;
    color:#fff;
    font-size: 1.5rem;
    font-weight:bold;
    text-align: center;
    padding: 0.5rem;
}

.emergency-info p {
    margin:0;
}

input[type=button], input[type=submit], input[type=reset] {
    background-color:#3d1063;
    border-radius: 1.5em;
}

.uikit-page-alerts {
    margin: 1.6em 0!important;
}


/* Bloated banner styles */
.banner{height:350px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.banner.height-140{height:120px}.banner.height-360{height:360px}.banner.height-360 .trapezoid.purple:after{width:-webkit-calc(100% + 130px)!important;width:calc(100% + 130px)!important;left:-66px!important}.banner.height-450{height:450px}.banner.height-450 .trapezoid.purple:after{width:-webkit-calc(100% + 164px)!important;width:calc(100% + 164px)!important;left:-82px!important}@media (min-width:48em){.banner.height-large{height:200px}}@media (min-width:48em){.banner.height-medium{height:180px}}@media (min-width:48em){.banner.height-small{height:140px}}.banner.gradient{background: -webkit-linear-gradient(23.46deg,#2b2867,#2b2867 53.74%,#00adef);background: linear-gradient(66.54deg,#2b2867,#2b2867 53.74%,#00adef)}.banner.gungahlin{background:#869e2e}.banner.white-background{background-color:#f3f3f3}@media (min-width:62em){.banner.text-background:after{background-image:url(../images/banners/ACT.png)}.banner.text-background-white:after,.banner.text-background:after{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-position:100%;background-repeat:no-repeat;background-size:contain}.banner.text-background-white:after{background-image:url(https://www.covid19.act.gov.au/__data/assets/file/0005/1504508/ACT_landing.svg)}}.banner .inner_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100%;overflow:hidden}.banner .inner_container.padding-bottom{padding-bottom:2.5rem}@media (min-width:48em){.banner .inner_container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.banner .inner_container .left_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:1;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (max-width:48em){.banner .inner_container .left_container{-webkit-box-flex:2;-ms-flex:2;flex:2;padding:1rem}}@media (min-width:62em){.banner .inner_container .left_container{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.banner .inner_container .left_container.trapezoid:after{content:"";position:absolute;left:-70px;top:0;width:-webkit-calc(100% + 70px);width:calc(100% + 70px);height:100%;-webkit-transform:skewX(-45deg);transform:skewX(-45deg);z-index:0}.banner .inner_container .left_container.trapezoid *{z-index:1}.banner .inner_container .left_container.purple{background:-webkit-linear-gradient(23.46deg,#321c70,#532884 53.74%,#562986);background:linear-gradient(66.54deg,#321c70,#532884 53.74%,#562986)}@media (min-width:48em){.banner .inner_container .left_container.purple:after{background:-webkit-linear-gradient(23.46deg,#321c70,#532884 53.74%,#562986);background:linear-gradient(66.54deg,#321c70,#532884 53.74%,#562986)}}@media (min-width:48em){.banner .inner_container .left_container.purple{background:none}}@media (max-width:48em){.banner .inner_container .left_container.text-background-white{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.banner .inner_container .left_container.text-background-white .text_container{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:-1rem}.banner .inner_container .left_container.text-background-white:after{position:absolute;top:0;width:100%;height:60%;bottom:0;content:"";background-image:url(../images/banners/act_whole.png);background-position:100%;background-repeat:no-repeat;background-size:contain}}.banner .inner_container .left_container .icon_container{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:48em){.banner .inner_container .left_container .icon_container{display:-webkit-box;display:-ms-flexbox;display:flex}}.banner .inner_container .left_container .icon_container .icon{font-size:5em;margin:0 40px}@media (max-width:48em){.banner .inner_container .left_container .icon_container .icon{font-size:3.75em}}.banner .inner_container .left_container .text_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}@media (min-width:90em){.banner .inner_container .left_container .text_container{margin:0}}@media (min-width:62em){.banner .inner_container .left_container .text_container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.banner .inner_container .left_container .text_container p{margin:0;line-height:1.5}.banner .inner_container .left_container .text_container .banner-title{font-family:'Satoshi', sans-serif;font-size:1.5rem;font-weight:600;margin-right:1rem;line-height:1.2}@media (min-width:90em){.banner .inner_container .left_container .text_container .banner-title{font-size:2rem}}.banner .inner_container .left_container .text_container .banner-content{font-size:1.2rem;font-weight:600}.banner .inner_container .left_container .text_container>a{padding:.6rem 1rem;color:#fff;border:2px solid #fff;border-radius:2px;font-weight:700;font-size:1.125em}.banner .inner_container .left_container .text_container>a.fill{background:#fff;color:#2b2867}.banner .inner_container .left_container .text_container .social_media_container{margin-top:2rem}@media (max-width:48em){.banner .inner_container .left_container .text_container .social_media_container{margin-top:1rem}}.banner .inner_container .left_container .text_container .social_media_container .social_media_list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0}.banner .inner_container .left_container .text_container .social_media_container .social_media_list li{margin-right:10px}.banner .inner_container .left_container .text_container .social_media_container .social_media_list li a{border:none;color:#fff}.banner .inner_container .left_container .text_container .social_media_container .social_media_list li a:hover{background:none}.banner .inner_container .left_container .text_container.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.banner .inner_container .left_container .text_container.direction-column .banner-title{margin-right:0;margin-bottom:1rem}@media (max-width:48em){.banner .inner_container .left_container .text_container.direction-column .banner-title{margin-bottom:.5rem}}.banner .inner_container .left_container .text_container.direction-column .banner-content{margin-bottom:1rem}@media (max-width:48em){.banner .inner_container .left_container .text_container.direction-column .banner-content{margin-bottom:.5rem}}@media (min-width:90em){.banner .inner_container .left_container .text_container.padding-left{padding-left:-webkit-calc(50vw - 41.5em);padding-left:calc(50vw - 41.5em)}}.banner .inner_container .right_container{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}.banner .inner_container .right_container.text-background:after{background-image:url(../images/banners/ACT.svg)}.banner .inner_container .right_container.text-background-white:after,.banner .inner_container .right_container.text-background:after{display:block;position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-position:100%;background-repeat:no-repeat;background-size:contain}.banner .inner_container .right_container.text-background-white:after{background-image:url(https://www.covid19.act.gov.au/__data/assets/file/0005/1504508/ACT_landing.svg?v=0.1.3)}.banner .inner_container .right_container.hidden-sm{display:none}@media (min-width:48em){.banner .inner_container .right_container.hidden-sm{display:-webkit-box;display:-ms-flexbox;display:flex}}.banner .inner_container .right_container .button_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10}.banner .inner_container .right_container .button_container a{background:#fff;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:250px;height:50px;color:#221868;border-radius:0;font-size:1.125em}.banner .inner_container .right_container .button_container a .icon{font-size:.875em;font-style:normal}.banner .inner_container .right_container .button_container button{background:#fff;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:250px;height:50px;color:#221868;border-radius:0;font-size:1.125em}.banner .inner_container .right_container .button_container button .icon{font-size:.875em;font-style:normal}.banner .inner_container .right_container .button_container.purple a{color:#fff;background:#2c195d}.banner .inner_container.container-full{width:100%}@media (max-width:48em){.banner.with-graph{height:250px}}.banner.with-graph .inner_container.full-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.banner.with-graph .inner_container .left_container{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;z-index:2}.banner.with-graph .inner_container .left_container.trapezoid:after{content:"";position:absolute;left:-55px;width:-webkit-calc(100% + 110px);width:calc(100% + 110px);height:100%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);z-index:0}.banner.with-graph .inner_container .left_container.trapezoid.purple{background: -webkit-linear-gradient(23.46deg,#2b2867,#2b2867 53.74%,#00adef);background: linear-gradient(66.54deg,#2b2867,#2b2867 53.74%,#00adef);}@media (min-width:62em){.banner.with-graph .inner_container .left_container.trapezoid.purple{background:none}}.banner.with-graph .inner_container .left_container.trapezoid.purple:after{background: -webkit-linear-gradient(23.46deg,#2b2867,#2b2867 53.74%,#00adef);background: linear-gradient(66.54deg,#2b2867,#2b2867 53.74%,#00adef);}.banner.with-graph .inner_container .left_container .text_container .banner-content{font-weight:400}.banner.with-graph .inner_container .right_container{background-size:cover}.banner.with-graph .inner_container .right_container.bg1{background-image:url(https://www.covid19.act.gov.au/__data/assets/image/0015/1505022/COVID-19-website-banner-1622-x-676_TEAL.gif)}.banner.with-graph .inner_container .right_container.bg2{background-image:url(https://www.covid19.act.gov.au/__data/assets/image/0016/1505023/StopSpread_Orange_2100x420_full-size.jpg)}.banner.with-graph .inner_container .right_container.bg3{background-image:url(https://www.covid19.act.gov.au/__data/assets/image/0004/1504633/banner-bg3.png?v=0.1.1);background-position:50%}.banner.with-graph .inner_container .right_container .foreground{position:absolute}.banner.with-graph .inner_container .right_container .foreground.top{width:200px;top:2rem;left:2rem}@media (min-width:48em){.banner.with-graph .inner_container .right_container .foreground.top{left:8rem}}.banner.with-graph .inner_container .right_container .foreground.bottom{width:700px;bottom:0;right:0}




/**********************************************************************/
/*                              Banners                               */
/**********************************************************************/

/* Breadcrumbs banner */
.breadcrumbs-banner {position:relative;}
.spf-body .spf-text-banner a {border-bottom: solid 1px #000;}
.breadcrumbs--image h1 {max-width:33%;}

/*.breadcrumbs-banner:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.8;
    width: 50%;
    background: linear-gradient(90deg, #000 50%, transparent 100%);
} - remove due to new branding*/ 

@media (max-width:991px) {
    .breadcrumbs-banner {position:relative;}
    .breadcrumbs-banner:before {
        content: '';
        position: absolute;
        top: 0px;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0.8;
        width: 100%;
        background: #6E3694;
        /* background: linear-gradient(135deg, #005E61 50%, #008283 100%); */
        /* background: linear-gradient(90deg, #000 50%, #008283 100%); */
    }
    .spf-body .breadcrumbs-banner, .spf-body .breadcrumbs-banner a, .spf-body .breadcrumbs-banner span {color:#fff;}
    .spf-body .spf-text-banner a {border-bottom: solid 1px #fff;}
    .breadcrumbs--image h1 {max-width:100%;}
}

/* .spf-body .breadcrumbs-banner, .spf-body .breadcrumbs-banner a, .spf-body .breadcrumbs-banner span {color:#fff;} */

/*.breadcrumbs-banner .breadcrumbs-text {
    position: absolute;
    top: 690%;
    left: 8.333333333333%;
}*/

/*@media (max-width:991px) {
    .breadcrumbs-banner .breadcrumbs-text {
        position: absolute;
        top: 350%;
        left: 0%;
    }    
}*/

.banner {margin:2rem 0;}

.banner.with-graph .inner_container .left_container.trapezoid.lightblue-darkblue:after {
    background: linear-gradient(90.54deg,#00adef 3.74%,#2b2867);
}

.banner.with-graph .inner_container .left_container.trapezoid.darkblue:after {
    background: #2b2867;
}

@media (min-width:768px) {
    .banner .inner_container .right_container.right_container__mobile { display:none;}
}

@media only screen and (max-width:768px) {
    .banner .inner_container .right_container { display:none;}
    .banner .inner_container .right_container.right_container__mobile {display:none;/*display:flex; background-position:center;*/}
    .banner.with-graph .inner_container .left_container.trapezoid.lightblue-darkblue:after {background: linear-gradient(180deg,#00adef 5%,#2b2867);}
}

.banner.with-graph .inner_container .left_container.trapezoid:after {width:100%; transform:skewX(-0deg);left:0;}
.banner.with-graph .inner_container .right_container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2b2867;
}

.banner .inner_container a:hover {
    background-color: transparent;
}

.banner .inner_container a {
    color: #fff;
    border-color: transparent;
}
/* End Bloated Banner styles */

/* home page banner - chs styles */
.banner.with-graph>img {max-width: 100%; margin:0 auto;}
.banner.with-graph.tweak {height:auto; background:#2a2869}
.banner.with-graph.bottom {height:auto; margin-top:1rem; background:#f15922}
ul.banner-list {
    list-style: none;
    padding-left: 1em;
    border-left: 4px solid #fff;
}

@media (min-width: 90em) {
    .banner .inner_container .left_container .text_container.padding-left {
        padding-left: -webkit-calc(50vw - 41.5em);
        padding-left: calc(35vw - 41.5em);
        padding-right: calc(35vw - 41.5em);
    }
}


.banner.with-graph .inner_container .right_container {background-size:cover;}
@media (min-width:1500px) {
.banner.with-graph>img {max-width:1500px;}
}



.chs-blue-gradient {
    background: rgb(35,51,111);
    background: radial-gradient(circle, rgba(35,51,111,1) 0%, rgba(62,77,131,1) 100%);
}

.chs-teal-gradient {
    background: #008283;
    background: linear-gradient(135deg, rgba(0,130,131,0.5) -10%, rgba(0,130,131,1) 20%, rgba(0,130,131,1) 80%, rgba(0,130,131,0.5) 110%);
}

.chs-grey {
    background: rgb(241,243,245);
    background: linear-gradient(135deg, rgba(241,243,245,0) -10%, rgba(241,243,245,1) 30%, rgba(241,243,245,1) 70%, rgba(241,243,245,0) 110%);
    color:#000;
}

.chs-blue {
    background: #24c2e8;
}

.chs-orange {
    background: #f47a5c;
}

.banner-title{color:#000;} 


.banner.with-graph .inner_container .right_container {
    background: rgb(35,51,111) center;
    background: radial-gradient(circle, rgba(35,51,111,1) 0%, rgba(62,77,131,1) 100%) center;
}

/* alternate padding approach commented out */
.banner .inner_container .left_container .text_container.padding-none {/*padding:0; text-align:center;*/padding-left:6vw; padding-right:12vw}
.banner-content, .banner-title {width:100%;}


/**********************************************************************/
/*                              Tiles                                 */
/**********************************************************************/

/* Changed global a hover, need to account for that in tiles */
.uikit-body a.article-box-wrapper-link:hover {color:#000;}

/* Article box animations */
.uikit-body .spf-article-box .spf-image-outer.background-article-box {transition: all .2s ease-in-out;}
.uikit-body .spf-article-box:hover .spf-image-outer.background-article-box {transform:scale(1.25);}

.spf-article-box.equal-height3:hover {
    border-bottom: 16px #f47a5c solid;
}

/* Add a generic class for all tiles to replace these */
.chs-tiles:before, .chs-tiles:after {content: '';display: table;}
.chs-tiles:after {clear:both;}

.sc-tiles:before, .sc-tiles:after {content: '';display: table;}
.sc-tiles:after {clear:both;}

@media (max-width:991px) {
    .sc-tiles .spf-article-title {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    
    .sc-tiles .spf-article-body {display:none;}
}

.no-border {border:0;}
.spf-body .no-border .spf-article-box, .spf-body .no-border .spf-article-card {border:0;}
.center-text .spf-article-title, .center-text .spf-article-body {text-align:center;}
.chs-home .spf-image-outer.background-article-box {background-size:initial;}
a.article-box-wrapper-link {border:none;}

/* CHS tiles */

.chs-tiles {text-align:center;}
.uikit-grid .chs-tiles .column-div {
    box-shadow: 2px 2px 6px 0px #ccc;
    width: calc(33% - 24px);
    margin-left: 12px;
    margin-right: 12px;
    padding:0;
}

.uikit-grid .chs-tiles .column-div.col-md-4 {
    width: calc(33% - 24px);    
}

.uikit-grid .chs-tiles .column-div.col-md-6 {
    width: calc(50% - 24px);    
}

.uikit-grid .chs-tiles .column-div.col-sm-12 {
    width: calc(100% - 24px);    
}

.chs-tiles .column-div:after {
    height: 10px;
    background: rgb(77,101,153);
    background: linear-gradient(90deg, rgba(77,101,153,1) 0%, rgba(39,69,136,1) 100%);
    width: 100%;
    display:table;
    content:' ';
}

.chs-tiles.red-purple .column-div:after {
    background: rgb(207,31,37);
    background: linear-gradient(90deg, rgba(207,31,37,1) 0%, rgba(171,67,153,1) 100%);
}
.chs-tiles .column-div:hover:after {
    background: rgb(171,67,153);
    background: linear-gradient(90deg, rgba(171,67,153,1) 0%, rgba(204,0,44,1) 100%);
}

.chs-tiles .column-div>a {border:none;}

.chs-tiles .spf-article-box {margin-bottom:6rem;}
.chs-tiles .spf-article-box:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    bottom: 10%;
    position: absolute;
    font-size: 4rem;
    color: #23397e;
}

/* Help tiles */
.help-tiles .column-div:after {
    background: rgb(171,67,153);
    background: linear-gradient(90deg, rgba(171,67,153,1) 0%, rgba(204,0,44,1) 100%);
}
.chs-tiles .column-div:hover:after {
    background: rgb(77,101,153);
    background: linear-gradient(90deg, rgba(77,101,153,1) 0%, rgba(39,69,136,1) 100%);
}
.help-tiles h2 {color:#CF1F25}

.help-tiles .spf-article-box:after {
    color:#CF1F25;
}

/* help tiles animation - changed to chs-tiles from help-tiles*/
.chs-tiles .column-div:hover .spf-article-box:after {transform:scale(1.25)}
.chs-tiles .spf-article-box:after {transition: all .2s ease-in-out;}

/* absolute position a before pseudo over the after pseudo so we can simulate a transition on the gradient*/
.help-tiles .column-div:before {
    height: 10px;
    background: rgb(171,67,153);
    background: linear-gradient(90deg, rgba(171,67,153,1) 0%, rgba(204,0,44,1) 100%);
    width: 100%;
    display: table;
    content: ' ';
    position:absolute;
    bottom:0%;
    opacity:100%;
    transition: opacity .5s ease-in-out;
}

.chs-tiles .column-div:hover:before {
    opacity:0%;
}


/* Services and clinics subpage */
.looking-for .spf-search-box {width:calc(100% - 235px); display:inline-table;}
@media (max-width:767px) {
    .looking-for .spf-search-box {width:100%; display:table;}
}

.sc-tiles {color:#fff;}
.sc-tiles .spf-article-box {background-size:cover;background-image: url(https://www.devmatrix.act.gov.au/chs/services-and-clinics/aged-care-tile.jpg);min-height:300px; padding:3em 3em;}

.sc-tiles .spf-article-box:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 12px;
    bottom: 16px;
    left: 12px;
    background: #000;
    opacity: .6;
}
.sc-tiles .spf-article-box:hover {background:#23397e;}
.sc-tiles .spf-article-box:hover:before {opacity:0;}
.sc-tiles .col-md-4:first-of-type .spf-article-box:before {left:0px;}
.sc-tiles .col-md-4:last-of-type .spf-article-box:before {right:0px;}

@media (max-width:991px) {
    .sc-tiles .spf-article-box:before {
        top: 12px;
        bottom: 16px;
    }
}

a.va-sc {
    border: 1px solid #1F4089;
    padding: 0.2em 3em;
    font-size: 1.4rem;
    color: #1F4089;
    font-weight: bold;
    border-radius: 3px;
    position:relative;
}


a.va-sc:after {
    content: "\f055";
    font-family: "Font Awesome 5 Pro";
    font-size: 2rem;
    font-weight: normal;
    /* margin-top: 10px; */
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/* Services and Clinics search styles */
.list-group-item.selected-checkbox {
    font-weight: bold;
    background: #6e3694;
}

.selected-checkbox .item-label {color:#fff;}

.clinic-search-results-content .panel-collapse a:hover {
    color:#000000;
    background-color: #f4f3ee;
}

.selected-checkbox .item-label:hover {
    color: #000000;
}

    #sc-query {padding:.7rem;}
    .flex-item--search {margin-right:1rem;}
    .input-group-btn button {margin-bottom:1rem;} /*Might require more specificity*/
/* Geriatric - not sure the anotherthing colours are right?*/

.something {grid-column-start:5;grid-column-end:9;padding: 0 1.6em;text-align:center;}
/*.something:after {
    content:"\f107";
    font-family: 'Font Awesome 5 Pro';
    font-size:5rem;
    color:#23397e;
    background:-webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} - remove decorative down chevron due to redevelopment*/

.anotherthing {
    background: rgb(77,101,153);
    background: linear-gradient(90deg, rgba(77,101,153,1) 0%, rgba(39,69,136,1) 100%);
    color:#fff;
    padding:0 1.6em;
    text-align:center;
}

/* Download list */
ul.download-list {margin:0 0 1em 0;padding:0;}
ul.download-list li {list-style-type:none;padding:0;margin:0;}
ul.download-list li a {padding:1em 0;display:block;position:relative;}
ul.download-list li a:before {
    font-family: "Font Awesome 5 Pro";
    content:"\e053";
    margin-right:1em;
    font-size:2rem;
    color:#cf1f25;
}
    ul.download-list li a span.download-list-text {
        position: absolute;
        top: 35%;
    }
ul.download-list li a:after {
    content:'Download';
    margin-right:1em;
    position:absolute;
    right:0;
    border: 2px solid #23397e;
    border-radius: 5%;
    padding:.3rem;
    display: inline-block;
    font-weight:bold;
    color:#23397e;
    top:30%;
}

ul.download-list li a:hover:after {
    background: #23397e;
    border-color: #fff;
    color: #fff;
}


.something-here {
    background: linear-gradient(90deg, rgba(77,101,153,1) 0%, rgba(39,69,136,1) 100%);
    color:#fff;
}

.check-list li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    margin-right:.5rem;
    font-size:1.5rem;
}

.check-list li {list-style-type:none; margin-right:0;}


/* Colours */
.turquoise-aqua-gradient {
    background: #008283;
    background: linear-gradient(135deg, rgba(0,101,103,1) 0%, rgba(0,130,133,1) 100%);
}

.blue-blue-gradient {
    background: #23397e;
    background: linear-gradient(135deg, rgba(20,59,128,1) 0%, rgba(65,93,145,1) 100%);
}

.red-purple-gradient {
    background: #cf1f25;
    background: linear-gradient(135deg, rgba(207,31,37,1) 0%, rgba(171,67,153,1) 100%);
}

.blue {color:#23397e}
.turquoise {color:#008283;}
.red {color:#cf1f25}

/* Buttons */

.thin-blue-button {
    border: 2px solid #23397e;
    border-radius: 5px;
    padding:.75rem;
    font-weight:bold;
    color:#23397e;
    display:inline-block;
}

.thin-white-button {
    border: 2px solid #fff;
    border-radius: 5px;
    padding:.75rem;
    color:#fff;
    display:inline-block;
    font-size:1.5rem; /* Find a way to make a generic button style and just do seperate for the colours?*/
}

/* End Buttons */


/* Contact strip */

.fw-block {
    padding: 2rem 0.5rem;
}

.fw-block h2 {margin-top:0;}

.emergency-info-block {
    background: #000;
    /*background: linear-gradient(90deg, rgba(91,95,102,1) 0%, rgba(57,61,69,1) 100%);*/
    color:#fff;
}
.contact-block {
    background:#fff;
}

.image-col {text-align:center;}

/* End Contact strip */



/* Tile variants */
.solid-bg-boxes .spf-article-box {
    color:#fff;
    padding:3em;
}

.solid-bg-boxes.green-article-box {}
.solid-bg-boxes.red-article-box {}
.solid-bg-boxes .spf-article-box {margin-bottom:0;}

ul.article-box-sub-list {padding-left:0;}
.article-box-sub-list li {
    list-style-type: none;
    background:#f1f3f5;
    padding:1rem;
    font-weight:bold;

}

/* End Tile variants */

/**********************************/
/* Emergency Waiting Times Styles */
/**********************************/
.uikit-grid .row.emergencyWaitingTimes {
    margin-bottom: 2em;
}
.uikit-grid .row.emergencyWaitingTimes small {
    font-size: 50%;
}
.uikit-grid .row.emergencyWaitingTimes .row {
    margin-bottom: 2em;
}
.uikit-grid .row.emergencyWaitingTimes .row > div:not(.mb-0) {
    margin-bottom: 0;
}
.uikit-grid .row.emergencyWaitingTimes .title {
    /*padding: 1.6em 1em;*/
    /*background: linear-gradient(90deg, rgba(171,67,153,1) 0%, rgba(204,0,44,1) 100%);*/
    color: #23397e;
    background: #f1f3f5;
}
.progressBackground {
    background: linear-gradient(90deg, rgba(171,67,153,1) 0%, rgba(207,31,37,1) 100%);
    height: 0.4em;
}
.uikit-grid .row.emergencyWaitingTimes .progressBar {
    display: block;
    height: 0.4em;
    opacity: 1;
}
.uikit-grid .row.emergencyWaitingTimes a:not(last-of-type) {
    margin-right: 1em;
}
.uikit-grid .row.emergencyWaitingTimes .statistics p {
    margin-bottom: 0;
}
.uikit-grid .row.emergencyWaitingTimes .statistics p:first-of-type {
    font-size: 1.75em;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}
.uikit-grid .row.emergencyWaitingTimes .statistics p:not(first-of-type) {
    font-size: 1.25em;
    line-height: 1.2em;
}
.uikit-grid .row.emergencyWaitingTimes .statistics small p:first-of-type {
    margin-top: 0em;
    padding: 6px 0;
}
.uikit-grid .row.emergencyWaitingTimes .emergencySign {
    position: relative;
    display: inline-block;
    /*border: 1px solid #D20032 !important;*/
    border-bottom:0;
    background:#f1f3f5;
    margin: 0;
    padding: 2em 2em 2em 4.2em;
    font-size: 1.3em;
    /*font-weight: bold;*/
    line-height: 1.3em;
    color: #23397e;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.uikit-grid .row.emergencyWaitingTimes .emergencySign a {
    margin-right: 0;
}
.uikit-grid .row.emergencyWaitingTimes .emergencySign span {
    display: block;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'Satoshi', sans-serif;
}
.uikit-grid .row.emergencyWaitingTimes .gMapContainer {
    padding-left: 0.5em;
    padding-right: 0;
}
.uikit-grid .row.emergencyWaitingTimes .gMapContainer .gMap {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 1px solid lightgrey;
}
.uikit-grid .row.emergencyWaitingTimes .gMapContainer .gMap img {
    margin: 0;
    box-shadow: none;
}


/*****************/
/* Media Queries */
/*****************/
@media (max-width: 991px) {
    .uikit-grid .row.emergencyWaitingTimes .gMapContainer {
        padding: 0;
        height: 30em !important;
    }
    .uikit-grid .row.emergencyWaitingTimes .title {
        padding: 0.1em 0.4em;
        margin: 0;
    }
}

/* End Emergency Waiting Times Styles */



/***************/
/* Back to Top */
/***************/
.back-to-top {
    background: #00B5A5;
    border-radius: 50%;
    padding: .5rem .7rem .5rem .5rem;
    display: block;
    width: 50px;
    position: fixed;
    bottom:5%;
    right:5%;
    z-index:999;
}
.back-to-top z {color:#000;}
.back-to-top z:hover {color:#fff;}

a.back-to-top:hover, a.back-to-top:focus {
    background-color: #6e3694;
}

@media (max-width:991px) {
    .back-to-top {
        right:2em;
        bottom:2em;
    }
}

/*******************************/
/* Services and Clinics search */
/*******************************/

/* Notes
Need to add glyphicons font suite
Need to do accordion
Need to do results
might need to add an #id somewhere specific to this profile so it doesn't mess with anything on other searches?

*/

/* Custom stuff */
#clinic-search-navbar {background:none; z-index:1;}
#query {border: solid 2px #6e3694;}
#search-results.clinic-search-results {max-width:100%;}
#search-results.clinic-search-results li.result .title-tag-container {
    border-bottom: 1px solid #000; 
}
#search-results.clinic-search-results li.result h2 {margin:0;}

#search-results.clinic-search-results li.result .flex-container {
    display:flex;
    justify-content:space-between;
    align-items:baseline;
}

a.result-service-link {
    background: #00B5A5;
    color:#000;
    padding:.5em 1em;
    margin:1em 0;
    font-weight:bold;
    border-bottom:none;
    border-radius:1.5em;
}

.result-service-tag {
    background-color: #f4f3ee;
    padding:.25em;
    margin:1em 0;
    border-radius:2.5px;
}

.result-service-description {flex:0 0 80%;}

@media (max-width:767px) {
    #search-results.clinic-search-results li.result .flex-container {display:block;}
    .result-service-tag {display:inline-block;}
    .result-service-description {display:block;}
    a.result-service-link {display:inline-block;}
}

/* Facet toggle */
.clinic-search-results-content .panel-heading:hover {
    background-color: #3d1063; /*requirement 82*/
    cursor:pointer;
}
.clinic-search-results-content .panel-heading:hover a {
    color:#fff;
}

.clinic-search-results-content .panel-heading .panel-toggle {font-weight:bold;}

.clinic-search-results-content .list-group {overflow:hidden; transition:height 1s;}

#search-results-content .flex-group-item {display:flex; justify-content:space-between;}
/* End Facet toggle */



/* End Custom stuff */

/* OVERRIDES */
.panel-group#search-facets {width:100%;}


/* Ripped from FB */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-default {
    border-color: #ddd;
}

.flb-panel .panel-heading, .flb-panel .list-group-item {
    padding: 7px 10px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f4f3ee;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.flb-panel .panel-heading, .flb-panel .list-group-item {
    padding: 7px 10px;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
a.list-group-item, button.list-group-item {
    color: #555;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}


.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.hidden {
    display: none!important;
}


.list-group-item>.badge {
    float: right;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

/* End Ripped from FB */

/***********************************/
/* End Services and Clinics search */
/***********************************/


/***********************************/
/*           Breadcrumbs           */
/***********************************/
.spf-body .spf-text-banner {
    background:#fefefe;
}

.spf-body .spf-text-banner.breadcrumbs--image {
    min-height: 500px;
    background-size: cover;
    background-image: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0005/1811759/breadcrumbs-banner.jpg);
    display:block; /*fix for the white space issue */
    background-position: right;
}

@media (max-width:1367px) {
    .spf-body .spf-text-banner.breadcrumbs--image {
    min-height: 300px;
    }    
}

@media (max-width:991px) {
    .spf-body .spf-text-banner.breadcrumbs--image {
        min-height: unset;
        background-image: unset!important;
    }    
    .breadcrumbs-banner:before {
        opacity:1;
    }
}

.uikit-breadcrumbs li {
    line-height: 2rem;
}

.spf-body .spf-text-banner.breadcrumbs--blue-border, .spf-body .spf-text-banner.breadcrumbs--red-border {background-image:none!important; border-bottom:10px solid transparent; background-color:#F1F3F5; min-height:200px;}

.spf-body .spf-text-banner.breadcrumbs--blue-border.breadcrumbs-banner .breadcrumbs-text, .spf-body .spf-text-banner.breadcrumbs--red-border.breadcrumbs-banner .breadcrumbs-text {top:110%;color:#000;}

.spf-body .spf-text-banner.breadcrumbs--blue-border {border-image: linear-gradient(90deg, rgb(61,16,99), rgb(110,54,148)) 1;} 
.spf-body .spf-text-banner.breadcrumbs--red-border {border-image: linear-gradient(90deg, rgb(61,16,99), rgb(110,54,148)) 1;} 

.spf-body .spf-text-banner.breadcrumbs--blue-border, .spf-body .spf-text-banner.breadcrumbs--blue-border a, .spf-body .spf-text-banner.breadcrumbs--blue-border span, .spf-body .spf-text-banner.breadcrumbs--red-border, .spf-body .spf-text-banner.breadcrumbs--red-border a, .spf-body .spf-text-banner.breadcrumbs--red-border span {color:#000;}
.spf-body .spf-text-banner.breadcrumbs--blue-border a, .spf-body .spf-text-banner.breadcrumbs--red-border a {border-color:#000;}

.spf-body .spf-text-banner.breadcrumbs--blue-border, .spf-body .spf-text-banner.breadcrumbs--blue-border a:hover, .spf-body .spf-text-banner.breadcrumbs--blue-border, .spf-body .spf-text-banner.breadcrumbs--red-border a:hover {color:#000;}


.spf-body .spf-text-banner.breadcrumbs--blue-border:before, .spf-body .spf-text-banner.breadcrumbs--red-border:before {background:none;}

/***********************************/
/*         End Breadcrumbs         */
/***********************************/

/***********************************/
/*           Utility bar           */
/***********************************/
.util-bar {float:right;    margin-bottom: 2rem;
    background: #ececec;
    padding: 0.8rem;}

.share-box {
   transition: ease;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    position: absolute;
    top: -65em;
    right:0%;
    background: white;
    border: 3px solid transparent;
    padding: 1rem 2rem;
    border-image: linear-gradient(90deg, rgb(171,67,153), rgb(207,31,37)) 1;
}

.share-box.active {visibility: visible;opacity: 1;top: -6.5em;}

.share-box ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.share-toggle { margin-left:1rem;cursor:pointer;}

@media (max-width:768px) {
    a.share-toggle {display:none;}
}

#translate {display:inline;}

#google_translate_element {
    display: inline;
}

.skiptranslate.goog-te-gadget {
    display: inline;
}

/***********************************/
/*         End Utility bar         */
/***********************************/


/***********************************/
/*         Location list           */
/***********************************/

.location_list {
    clear:both;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:6px;
    padding-left:0!important;    
    list-style-type:none;
}
@media only screen and (max-width: 2050px) {
  .location_list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; 
  }    
}
@media only screen and (max-width: 1420px) {
  .location_list {
      display: grid;
      grid-template-columns: 1fr 1fr; 
  }    
}
@media only screen and (max-width: 800px) {
  .location_list {
      display: grid;
      grid-template-columns: 1fr; 
  }    
}
.location_list > li {
  background:#f4f3ee;
  margin-bottom:0!important;
  border-radius: 1em; 
}
.location_list > li:hover {
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, rgba(171,67,153,1) 0%, rgba(207,31,37,1) 100%);
}
.location_list > li a:hover {
  text-decoration: underline;
  background: inherit; 
  border-radius: inherit; 
  border-bottom: 16px #f47a5c solid; 
  margin-bottom: -16px; 
}
.location_list > li a {
  display:block;
  padding:12px;
  border:none;
  height:100%;
}
/*.location_list > li:nth-child(odd) {background:#F1F3F5;}*/

/***************/
/* tile list */
/***************/

.tile_list {
    clear:both;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap:6px;
    padding-left:0!important;    
    list-style-type:none;
}
@media only screen and (max-width: 2050px) {
  .tile_list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr; 
  }    
}
@media only screen and (max-width: 1420px) {
  .tile_list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; 
  }    
}
@media only screen and (max-width: 800px) {
  .tile_list {
      display: grid;
      grid-template-columns: 1fr 1fr; 
  }    
}
@media only screen and (max-width: 700px) {
  .tile_list {
      display: grid;
      grid-template-columns: 1fr; 
  }    
}
.tile_list > li {
  background: #f4f3ee; 
  margin-bottom:0!important;
  border-radius: 1em; 
}
.tile_list > li:hover {
  /*border-image-slice: 1;*/
  /*border-image-source: linear-gradient(180deg, rgba(171,67,153,1) 0%, rgba(207,31,37,1) 100%);*/
}
.tile_list > li a:hover, .tile_list > li a:focus {
    text-decoration: underline;
    background: inherit; 
    border-radius: inherit; 
    border-bottom: 16px #f47a5c solid; 
    margin-bottom: -16px; 
}
.tile_list > li a {
  color: #3d1063; 
  display: flex;
  align-items: center;
  padding: 24px 12px;
  border:none;
  height:100%;
  font-size: 1.25em;
  font-weight: bold;
  font-family: 'Satoshi', sans-serif;
}  

/*******************/
/* end styled list */
/*******************/

/***********************************/
/*         End Location Cards      */
/***********************************/


/***********************************/
/*         chs card                */
/***********************************/

.chs-card {
  background: #f4f3ee; 
  margin-bottom:24px;
  border-radius: 1em; 
}
.chs-card-content {
  padding:12px;
}
.chs-card-content h2, p {
    margin-top:4px;
    margin-bottom:4px;
}
.chs-card-content h2 {
    color: #CF1F25;
}

.chs-small-card {
  background:#F1F3F5;
  margin-bottom:12px;
  list-style-type: none;
}
.chs-small-card a {
  display:inline-block;
  width:100%;
  height:100%;
  line-height:2em;
  padding:6px;
}

.tile-red-purple-bottom {
    background: #f4f3ee; 
    border-radius: inherit; 
    border-bottom: 16px transparent solid; 
    border-image-source: none; 
    padding:12px;
}

.tile-red-purple-bottom:hover {
    border-bottom: 16px #fa7a5c solid;
} 

/***********************************/
/*         End chs card            */
/***********************************/

/*******************************************/
/*        row fix                          */
/*******************************************/

.chsrow {
    margin-left:-12px;
    margin-right:-12px;    
}

/*******************************************/
/*        end row fix                      */
/*******************************************/

/*******************************************/
/*        locations filters                */
/*******************************************/

#filterform {
    clear:both;
}


#filterform .uikit-select__element {
    color: #313131;
    padding: 0.6em 2.4em 0.6em 0.6em;
    border: 2px solid #d1d1d1;
    border-radius:0px;
    box-sizing: border-box;
}


#filterform > .uikit-select, #filterform > .uikit-select > select {
    min-width:400px;
}
@media (max-width:991px) {
    #filterform > .uikit-select, #filterform > .uikit-select > select {
        width:100%!important;
        min-width:auto;
    }
}

/*******************************************/
/*        end locations filters             */
/*******************************************/

/*******************************************/
/*        information box - referrers      */
/*******************************************/

.info-refer {
  position:relative;
  padding: 1rem 1rem 1rem 8rem;
  margin: 24px 0;
  background: #f4f3ee;
  border-left: 6px #f47a5c solid; 
  border-image-slice: 1;
}
.info-refer:after {
  content: ' ';
  position: absolute;
  display: block;
  left: 2rem;
  top: 50%;
  margin-top: -2rem;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-image: url("/?a=2420739");
  background-size: 70px 70px;
}

@media (max-width:991px) {   
    .info-refer {
        padding: 1rem 1rem 1rem 1rem;
    }
    .info-refer:after {
        display:none;
    }
}

/*******************************************/
/*        end information box - referrers  */
/*******************************************/

/*********************************************/
/*        before, during, after styling      */
/*********************************************/
.bda-content {
    padding:12px;
    background: #f4f3ee;
    border-bottom-right-radius: 1em; 
    border-bottom-left-radius: 1em; 
}
.bda-content h2 {
  color:#fff;
}
.bda-heading {
    color: #000000; 
}

 .landing-intro {
     padding: 0 1.6em;
     text-align: center;
 }
 
 /*.landing-intro:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-size: 5rem;
    color: #23397e;
    background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

.bda-before-orange {
    background: #f47a5c;
}

.bda-during-blue {
    background: #24c2e8;
}

.bda-after-green {
    background: #00b5a5;
}

.bda-header-box {
    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
}

/*********************************************/
/*        end before, during, after styling  */
/*********************************************/

/*******************************************/
/*        what to bring list style         */
/*******************************************/

ul.what-to-bring {
  list-style: none;
  padding: 0 0 0 1.6em;
}
ul.what-to-bring li {
  padding-left: 1.3em;
  line-height:1.5em;
}

/*requirement 25 - change*/
ul.what-to-bring li:before {
  content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0013/2400070/Teal_Tick.png);
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
  margin-left:-2.6em;
}

.what-to-bring ul {
  list-style: none;
  padding: 0 0 0 1.6em;
}
.what-to-bring ul li {
  padding-left: 1.3em;
  line-height:1.5em;
}
.what-to-bring ul li:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Pro';
  font-size:1.5em;
  vertical-align: middle;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*******************************************/
/*        end what to bring list style     */
/*******************************************/

/*******************************************/
/*        what NOT to bring list style         */
/*******************************************/

ul.what-not-to-bring {
  list-style: none;
  padding: 0 0 0 1.6em;
}
ul.what-not-to-bring li {
  padding-left: 1.3em;
  line-height:1.5em;
}
ul.what-not-to-bring li:before {
  content: "\f057";
  font-family: 'Font Awesome 5 Pro';
  font-size:1.5em;
  vertical-align: middle;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.what-not-to-bring ul {
  list-style: none;
  padding: 0 0 0 1.6em;
}
.what-not-to-bring ul li {
  padding-left: 1.3em;
  line-height:1.5em;
}
.what-not-to-bring ul li:before {
  content: "\f057";
  font-family: 'Font Awesome 5 Pro';
  font-size:1.5em;
  vertical-align: middle;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*******************************************/
/*        end what NOT to bring list style */
/*******************************************/

/*******************************************/
/*        chevron list style                 */
/*******************************************/

ul.chevron-list {
  list-style: none;
  padding: 0 0 0 1.6em;
}
ul.chevron-list li {
  padding-left: 1.3em;
  line-height:1.5em;
}
ul.chevron-list li:before {
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size:1.5em;
  vertical-align: middle;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.chevron-list ul {
  list-style: none;
  padding: 0 0 0 1.6em;
}
.chevron-list ul li {
  padding-left: 1.3em;
  line-height:1.5em;
}
.chevron-list ul li:before {
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  font-size:1.5em;
  vertical-align: middle;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*******************************************/
/*        chevron arrow list style         */
/*******************************************/

/*******************************************/
/*          New list style                 */
/*******************************************/
ul.bda-content-list {
    list-style: none;
    padding: 0;
}
ul.bda-content-list li {
    padding-left: 1.3em;
    line-height:1.5em;
}

ul.content-list {
    list-style: none;
    padding: 0;
}
ul.content-list li {
    padding-left: 1.3em;
    line-height:1.5em;
}
ul.content-list ul {
    list-style: none;
}

ul.orange-right-chevron-list li:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0009/2402982/Orange_Right_Chevron.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

ul.orange-right-arrow-list li:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0007/2398597/Orange_Right_Arrow.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
ul.blue-right-chevron-list li:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0008/2402990/Blue_Right_Chevron.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
ul.teal-right-chevron-list li:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0003/2402994/Teal_Right_Chevron1.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
ul.blue-document-list li:before {
    content: url(https://www.canberrahealthservices.act.gov.au/design/redev2024/Blue_Document_30x30.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
ul.teal-tick li:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0013/2400070/Teal_Tick.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.chat-bubble-pink:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0006/2400729/Pink_Chat_Bubble.png);
    position: absolute;
    left: 30px;
}
.flag-blue:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0016/2400730/Blue_Flag.png);
    position: absolute;
    left: 30px;
}
.arrow-forward-teal:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0017/2400731/Teal_Right_Arrow.png);
    position: absolute;
    left: 30px;
}
.flag-orange:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0017/2400740/Orange_Flag.png);
    position: absolute;
    left: 30px;
}
.document-blue:before {
    content: url(https://www.canberrahealthservices.act.gov.au/__data/assets/image/0018/2400741/Blue_Document.png);
    position: absolute;
    left: 30px;
}

/*******************************************/
/*          End of New list style          */
/*******************************************/



/*******************************************/
/*        Large category tile list style   */
/*******************************************/

 .large-category {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 6px;
    margin-bottom:24px;
 }
 @media only screen and (max-width: 1024px) {
    .large-category {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
 @media only screen and (max-width: 900px) {
    .large-category {
        display: grid;
        grid-template-columns: 1fr;
    }
}
 .large-category-tiles {
    background: #f4f3ee; 
    border-radius: 1em; 
    border-bottom: 16px transparent solid;
    padding:12px;
 }
 
 .large-category-tiles:hover {
    background: #f4f3ee;
    border-radius: 1em;
    border-bottom: 16px #f47a5c solid;
    margin-bottom: 0;
 } 
 
/*******************************************/
/*    end Large category tile list style   */
/*******************************************/ 
 
/*******************************************/
/*        CHS Call to action style         */
/*******************************************/ 
 
.chs-cta-link {
    margin-top:0;
}
.chs-cta-link a {
    display: inline-flex;
    align-items: center;
    border-bottom: solid 1px #3d1063; 
    color: #3d1063; 
}
.chs-cta-link a:hover, .chs-cta-link a:focus {
    background-color: transparent;
    border-color: inherit;
} 
/*.chs-cta-link a:after {
    margin: 0 0.2em 0 0.4em;
    transition: margin .1s ease-in;
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    font-size: 2.6rem;
    color: #23397e;
    background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.chs-cta-link a:focus:after, .chs-cta-link a:hover:after {
    margin: 0 0.16em 0 0.6em;
}*/

/*******************************************/
/*       end CHS Call to action style      */
/*******************************************/ 

/*******************************************/
/*        external link icon               */
/*******************************************/

.uikit-body a[target="_blank"]:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f08e";
  margin-left:3px;
  color:#3f2583;
}

/*******************************************/
/*        end external link icon           */
/*******************************************/


/*******************************************/
/*        table caption                    */
/*******************************************/

table > caption {
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    font-family: 'Satoshi', sans-serif;
}

/*******************************************/
/*        end table caption                */
/*******************************************/

/*******************************************/
/*        image styles                     */
/*******************************************/

.locations_image {
    width:100%;
    max-width:600px;
    height:auto;
}

/*******************************************/
/*        end image styles                 */
/*******************************************/

/*******************************************/
/*        tooltip styles                   */
/*******************************************/

/* Tooltip hidden by default */
.temp_hidden {
  display:none;
}
.js-simple-tooltip {
  border: dotted 1px #3f2583;
  background:transparent;
}
.js-simple-tooltip:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f05a";
  margin-left: 3px;
  color: #3f2583;
}
span.js-simple-tooltip:after {
 display: none;
}

.simpletooltip[aria-hidden="true"],
.minimalist-simpletooltip[aria-hidden="true"],
.minimalist-left-simpletooltip[aria-hidden="true"] {
  display: none;
}
/* position relative for containers */
.simpletooltip_container,
.minimalist-simpletooltip_container,
.minimalist-left-simpletooltip_container {
  position: relative;
}

/* tooltip styles */
.simpletooltip, 
.minimalist-simpletooltip, 
.minimalist-left-simpletooltip {
  position: absolute;
  z-index: 666;
  width: 14em;
  background: #f1f3f5;
  color: #000;
  border:none;
  border-left: 6px solid #333;
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, rgba(171,67,153,1) 0%, rgba(207,31,37,1) 100%);
  padding: 0 1em;
  text-align: left;
  line-height: 1.3;
}
.simpletooltip, 
.minimalist-simpletooltip {
  right: auto;
  left: 100%;
  margin-left: 0;
}
.minimalist-left-simpletooltip {
  right: 100%;
  left: auto;
  margin-right: 0;
}
a.js-simple-tooltip {
    line-height:1.15;
    border-bottom:dotted 1px #3f2583;
}

/* for this example: mobile */
@media (max-width: 44.375em) {
  .simpletooltip, 
  .minimalist-simpletooltip,
  .minimalist-left-simpletooltip  {
    top: 100%;
    left: 50%;
    right: 0;
    margin: 0;
    margin-top: .7em;
    margin-left: -5em;
  }
  .simpletooltip::before, 
  .minimalist-simpletooltip::before,
  .minimalist-left-simpletooltip::before  {
    top: -10px;
    right: auto;
    left: 50%;
    margin-left: -5px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba( 0, 0, 0, .9 );
  }
}

/*******************************************/
/*        end tooltip styles               */
/*******************************************/

/* form styles */
.sq-form-error {
    color:red;
}
/* end form styles */


/* BDA bottom of page links */
.focus_tweak {
    display: grid;   
}
.chevron_dealy h2 {
    color:#23397e;
    margin-bottom:0;
    text-align:center;
}

.chevron_dealy:hover, .chevron_dealy:focus {
    background:#f1f3f5;
    background: linear-gradient(135deg, #fff -5%, #f1f3f5 40%, #f1f3f5 70%, #fff 105%);
}
.chevron_dealy:hover h2, .chevron_dealy:focus h2 {
    text-decoration:underline;
}
.uikit-body .chevron_dealy:hover:after, .uikit-body .chevron_dealy:focus:after {
    transform: translate(6px, 0px);
}
.chevron_dealy:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-size: 4rem;
    color: #CF1F25;
    background: -webkit-gradient(linear, left top, left bottom, from(#AB4399), to(#CF1F25));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .2s ease-in-out;
    display: flex;
    justify-content: center;
}
/* end BDA bottom of page links */

/* remove target=_blank icon for Google translate link */
.goog-logo-link:after {
    display: none!important;
}
/* end remove target=_blank icon for Google translate link */

/* link style for related pages, goes at end of page */
.chs_link_block {
    clear:both;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap:6px;
    padding-left:0!important;    
    list-style-type:none;
    margin-top:2em!important;
}
@media only screen and (max-width: 800px) {
  .chs_link_block {
      display: grid;
      grid-template-columns: 1fr 1fr; 
  }    
}
@media only screen and (max-width: 700px) {
  .chs_link_block {
      display: grid;
      grid-template-columns: 1fr; 
  }    
}
.chs_link_block > li {
  background:#f4f3ee; 
  margin-bottom:0!important;
  border-radius: 1em; 
}
.chs_link_block > li:hover {
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, rgba(171,67,153,1) 0%, rgba(207,31,37,1) 100%);
}
.chs_link_block > li a:hover, .chs_link_block > li a:focus {
  border-image-source: none;
  text-decoration: underline;
  background: #f4f3ee; 
  border-radius: 1em; 
  border-bottom: 20px #f47a5c solid;
}

.chs_link_block > li a {
  color: #3d1063; 
  display: flex;
  align-items: center;
  padding: 24px 12px 4px;
  border-bottom: 20px solid transparent;
  height:100%;
  font-size: 1.25em;
  font-weight: bold;
  font-family: 'Satoshi', sans-serif;
}
/* end link style for related pages, goes at end of page */

/* translate bar tweaks */
@media (min-width:768px) {
    div#\:0\.targetLanguage {
        display:inline;
        margin-right:6px;
    }
}
/* end translate bar tweaks */

/*************************************/
/* accordion chevron colour override */
/*************************************/
.kss-modifier__example .uikit-accordion__title:after, .uikit-accordion__title:after, .uikit-body .uikit-accordion__title:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E %3Cpath fill='%23008283' d='M64 0l64 64-16 16-64-64'/%3E %3Cpath fill='%23008283' d='M64 0l16 16-64 64L0 64'/%3E%3C/svg%3E");
}
/*****************************************/
/* end accordion chevron colour override */
/*****************************************/

/****************/
/* image tweaks */
/****************/
.chs_responsive_image {
    max-width: 100%;
    height: auto;
}   
/********************/
/* end image tweaks */
/********************/



/***********************************/
/*          Read Speaker           */
/***********************************/
.spf-body #readspeaker_button1 {display:inline-block!important;height:13px;position:static;}
.rsbtn.rsexpanded .rsbtn_exp {
    display: inline-block;
    position: absolute;
    top: 50px;
    right: 320px;
}

.spf-body  .rsbtn span.rsplay {
    display: none;
}

.spf-body .rsbtn .rsbtn_play {background:none;border:none; float:right;}

.spf-body .rsbtn .rsbtn_left .rsbtn_text {background:none;}

.spf-body .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {padding-left:0;}

.spf-body .rsbtn .rsbtn_play .rsbtn_left {margin:0;}

.spf-body .rsbtn:before {display:inline;}
 
.spf-body .rsbtn .rsbtn_powered {display:none;}

@media (max-width:768px) {
    #translate {display:inline-block;}
    .rsbtn.rsexpanded .rsbtn_exp {top:70px;left:20px;right: 0;}
} 

/* TEMPORARY */
.rsbtn.rspopup {display:none!important;}

/***********************************/
/*              News               */
/***********************************/

.article-body--featured-image img {
    width: 100%;
}
.article-body--featured-image--description {
    color: #505b68;
    font-size: 1em;
    letter-spacing: -.18px;
    line-height: 21px;
    font-style: italic;
}

.popular-tags--content .tag {
    display: inline-block;
    font-size: .825em;
    padding: 5px 7px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.popular-tags--title h3 {margin-top:0;}

.top-news-list-card .image_container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.image_container {
    background-size: cover;
    background-position: 50%;
}

.top-news-list-card .text_container {
    -webkit-box-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: .5rem;
    width: 100%;
}


.top-news-list-card .text_container .text--title {
    width: 100%;
}

.top-news-list-card .text_container a {
    font-family: 'Satoshi', sans-serif;
    font-weight: 700;
    font-size: .875em;
    border: none;
    text-decoration: underline;
    line-height: 1.4;
    margin-top: .5rem;
}

.top-news-list-card {
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-container .card--image {
    background-size: cover;
}
/***********************************/
/*        Pathology Handbook       */
/***********************************/
#search_page_1983332 input[type=submit] {
    margin-top:1.2rem;
}
.az-container {
    background: #f3f4ee; 
    padding: 1rem; 
    margin-bottom: 1rem;
}
.az-container a {
    font-weight:bold; 
    margin-right:1rem; 
    font-size:1.2rem;
    border-bottom: solid 1px #000000; 
}
/*--------Search bar---------------*/
input[type=text] {
    border: 2px #6e3694 solid;
    border-radius: 1em;
}
/***********************************/
/*     End of Pathology Handbook   */
/***********************************/

/***********************************/
/*              Careers            */
/***********************************/

.career-cards {
    padding-bottom:30px;
    line-height: 0.5em;
    background: #f4f3ee;
    border-radius: 1em;
}

img.career-card-image {
    width: 100%;
    height: auto;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.career-cards:hover {
    border-bottom: 16px #f172a4 solid;
}

.career-cards button:hover {
    text-decoration: underline;
}

p.career-text {
    margin-bottom:0;
    margin-left:15px;
}

/***********************************/
/*        End of Careers           */
/***********************************/

/***********************************/
/*               Forms             */
/***********************************/

.sq-form-field, input.sq-form-field {
    border: 2px #3d1063 solid;
}

fieldset {
    border-color: #000000;
}

input[type="radio"] {
    accent-color: #6e3694;
}

input#form_email_1948091_submit {
    border-radius: 1em;
}
/***********************************/
/*          End of Forms           */
/***********************************/

/***************************************************************************/
/*  Footer acknowledgement style overrides                                 */
/***************************************************************************/
.acknowledgementcountry {
    font-family:'Satoshi', sans-serif;
    font-weight:700;
}

.spf-body footer.uikit-footer-acknowledgement {
    border-top: none;
}

/* position description page styling */
    .greysidebox
    {
    background:#f1f3f5;
    padding:12px;
    }
/* end position description page styling */


/***********************************/
/*          Video embeds           */
/***********************************/

#main iframe[src^="https://www.youtube.com/embed/"]
{
  max-width: 720px;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

/***********************************/
/*      End of Video embeds        */
/***********************************/

[class^='uikit-'],
[class*=' uikit-'],
h1, h2, h3, h4, h5, h6 {
    font-family: 'Satoshi', sans-serif !important;
}

/***************************************************/
/*      uikit-page-alerts colour variations        */
/***************************************************/

.uikit-page-alerts.teal {
    border: solid 2px #00B5A5;
    border-left: 48px solid #00B5A5;
}
.uikit-page-alerts.pink{
    border: solid 2px #F172A4;
    border-left: 48px solid #F172A4;
}
.uikit-page-alerts.orange{
    border: solid 2px #F47A5C;
    border-left: 48px solid #F47A5C;
}
.uikit-page-alerts.blue {
    border: solid 2px #24C2E8;
    border-left: 48px solid #24C2E8;
}
.uikit-page-alerts.mid-purple {
    border: solid 2px #6E3694;
    border-left: 48px solid #6E3694;
}
.uikit-page-alerts.dark-purple {
    border: solid 2px #3D1063;
    border-left: 48px solid #3D1063;
}

.uikit-page-alerts.teal-right-arrow:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0003/2436456/Teal_Right_Arrow.png');
    background-size: contain;
}
.uikit-page-alerts.pink-right-arrow:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0011/2436437/Pink_Right_Arrow.png');
    background-size: contain;
}
.uikit-page-alerts.orange-right-arrow:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0010/2436418/Orange_Right_Arrow.png');
    background-size: contain;
}
.uikit-page-alerts.blue-right-arrow:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0007/2436361/Blue_Right_Arrow.png');
    background-size: contain;
}
.uikit-page-alerts.mid-purple-right-arrow:after { 
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0009/2436399/Mid_Purple_Right_Arrow.png');
    background-size: contain;
}
.uikit-page-alerts.dark-purple-right-arrow:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0007/2436379/Dark_Purple_Right_Arrow.png');
    background-size: contain;
}

.uikit-page-alerts.teal-flag:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0007/2436451/Teal_Flag.png');
    background-size: contain;
}
.uikit-page-alerts.pink-flag:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0006/2436432/Pink_Flag.png');
    background-size: contain;
}
.uikit-page-alerts.orange-flag:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0005/2436413/Orange_Flag.png');
    background-size: contain;
}
.uikit-page-alerts.blue-flag:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0011/2436356/Blue_Flag.png');
    background-size: contain;
}
.uikit-page-alerts.mid-purple-flag:after { 
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0004/2436394/Mid_Purple_Flag.png');
    background-size: contain;
}
.uikit-page-alerts.dark-purple-flag:after {
    background-image: url('https://www.canberrahealthservices.act.gov.au/__data/assets/image/0003/2436375/Dark_Purple_Flag.png');
    background-size: contain;
}

/**********************************************************/
/*      end of uikit-page-alerts colour variations        */
/**********************************************************/