@media screen, projection, tv, handheld {
.featured-story.inactive .featured-tag strong.alert, li.inactive .alert, #hero-slider .inactive .alert {font-size: 80%; background: #cc3333; color: #fff; display: inline-block; padding: 0.2em 0.5em; vertical-align: middle; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.featured-story.inactive .featured-tag strong.alert i,  li.inactive .alert span, #hero-slider .inactive .alert span {font-weight: normal; font-style: normal; text-shadow: none}
    #hero-slider .inactive .alert {position: absolute; bottom: 1rem; right: 1rem}
    .rsTmb i {position: absolute; color: #cc3333; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 100px; z-index: 0; opacity: 0.5}
#col-3 .actions {overflow:visible;}
#regions select {margin-left: .5em; background:transparent; color:#fff; border:1px solid #fff; width:256px;}
#regions select.focus {background:#fff; color:#333;}
#toggleAutoPlayBtn {
    width: 30px;
    height: 30px;
    z-index: 999;
    border: none;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(https://www.qld.gov.au/__data/assets/image/0018/1764/play-pause-btn.png?v=0.1.1) no-repeat;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}
#toggleAutoPlayBtn.pause {
    background-position: 0 -30px
}
#toggleAutoPlayBtn.hide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft. Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}
#alert .global-alert {
    max-width: 82em;
    margin: 0 auto;
    padding: 1em 0
}
#alert .global-alert .header {
    padding-left: 6.1em
}
#alert {
    background: #b90824;
    padding: 0 .7em
}
#have-your-say .itemContent {
    font-size: 80%;
    font-weight: 700;
    margin-top: .5em
}
#tools .listbox, .listbox {
    z-index: 99!important
}
.box-sizing, .nav-bar {
    position: relative
}
#franchises a:hover .txt span, #initiatives-slider a:hover .txt span, #media .featured-story a:hover .txt span, .infoBlock a {
    text-decoration: underline
}
.infoBlock, label {
    cursor: text
}
#suggestbox1 {
    display: none
}
#announcement .max-width {
    height: auto;
    max-height: 200px;
    transition: max-height .5s ease-in
}
#announcement .max-width .status {
    margin-left: 3.125em;
    margin-right: 3.125em
}
#fat-footer li {
    border-left: none!important
}
#banner .box-sizing, #fat-footer, #header .box-sizing, #nav-site .box-sizing {
    background: 0 0
}
#header .box-sizing {
    background: #f6f6f6
}
.light-blue-bg {
    background: #007eb1
}
.dark-blue-bg {
    background: #0b2e4c
}
#page-feedback {
    background: #fff
}
#meta-wrapper {
    float: none!important
}
#page-container {
    padding: 0!important;
    background: #f2f2f2!important
}
.article .box-sizing {
    background: 0 0
}
body .actions input, body .actions input:hover {
    background: 0 0;
    font-weight: 400
}
#breadcrumb-wrapper {
    padding: 0 .7em;
    background: #007eb1;
    border-bottom: 1px solid #0a6184;
    box-shadow: 0 5px 10px -9px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 5px 10px -9px rgba(0,0,0,.6);
    -moz-box-shadow: 0 5px 10px -9px rgba(0,0,0,.6);
    position: relative;
    z-index: 9
}
#hero-slider {
    height: 572px;
    margin-top: -24px
}
#hero-slider .infoBlock, .nav-bar.hero-slider {
    margin-left: 3em;
    margin-right: 3em;
}
#hero-slider .infoBlock {
    width: auto
}
@media screen and (min-width: 90em) {
    #hero-slider .infoBlock, .nav-bar.hero-slider {
        margin-left: 0;
        margin-right: 0;
    }
}
#hero-slider img.rsImg {
    position: absolute;
    right: 0;
}
#hero-slider .rsContent > img.rsImg.alignRight {
    right: auto;
    left: 0;
}
.nav-bar {
    z-index: 999
}
.featured-tag {
    background: #78ba00;
    color: #333;
    display: inline-block;
    font-size: 85%;
    font-weight: 700;
    left: 0;
    padding: .2em 1em;
    z-index: 9
}
.infoBlock, .infoBlock a {
    color: #fff
}
.nav-bar .featured-tag {
    margin: -1.8em 0 0!important
}
.royalSlider>.rsContent {
    display: none;
    visibility: hidden
}
.box-sizing, .rsContent .max-width {
    position: relative
}
.infoBlock {
    z-index: 9999;
    background: #333;
    background: 0 0\9;
    background: rgba(51,51,51,.95);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ea333333, endColorstr=#ea333333);
    zoom: 1;
    left: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100px;
}
.infoBlock h3, .infoBlock p {
    margin-left: 15px;
    margin-right: 15px
}
#franchises .txt:nth-child(n), #initiatives-slider .rsSlide div .txt:nth-child(n), #media .featured-story .txt:nth-child(n), .infoBlock:nth-child(n) {
    filter: none
}
.infoBlockLeftBlack {
    left: 0;
    right: auto
}
.infoBlock h3 {
    color: #fff;
    font-size: 150%;
    line-height: 1.2;
    margin-top: 1em;
    font-weight: 600
}
.infoBlock a.m-btn {
    background: 0 0;
    color: #fff!important
}
.border-repeat {
    height: 83px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(https://www.qld.gov.au/__data/assets/image/0021/1758/border-repeat.png?v=0.1.1) bottom repeat-x!important;
    z-index: 9
}
.left-col .content-wrapper {
    background: #fff;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -khtml-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}
.left-col .content-wrapper, .right-col .content-wrapper {
    border: 1px solid #e1e1e1
}
#initiatives-slider {
    margin-bottom: 1em;
    overflow: hidden;
    padding-top: 1em
}
#initiatives-slider .rsSlide a {
    display: block;
    position: relative
}
#initiatives-slider.visibleNearby .rsSlide img {
    opacity: 1;
    transform: scale(1);
    transition: none 0s ease 0s
}
.m-btn, .pagination a {
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out
}
#initiatives-slider .rsSlide img.rsImg {
    height: 100%!important;
    margin: 0!important;
    width: 100%!important
}
#franchises .txt, #initiatives-slider .rsSlide div .txt, #media .featured-story .txt {
    background: #333;
    background: 0 0\9;
    background: rgba(51,51,51,.92);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ea333333, endColorstr=#ea333333);
    zoom: 1;
    bottom: 0;
    font-weight: 700;
    height: 55px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}
#franchises .txt span, #initiatives-slider .rsSlide div .txt span, #media .featured-story .txt span {
    padding: 0 1em;
    color: #fff;
    position: relative;
    display:block;
    top: 50%;
    
    
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#initiatives-slider .rsSlide .meta {left: -9999em; position: absolute;}
#initiatives-slider .rsSlide div .txt span {font-size: 90%}
#feature-search-submit, #franchises ul li, #franchises ul li a, #search-query-primary {
    display: inline-block
}
#media .media-list, #media h3 {
    padding: 1em
}
#media .featured-story .txt span {
    text-align: left
}
#franchises h2, #franchises ul, .pagination, .pagination a, .search-wrapper, .txt-center {
    text-align: center
}
#initiatives-slider.rsDefault, #initiatives-slider.rsDefault .rsOverflow, #initiatives-slider.rsDefault .rsSlide, #initiatives-slider.rsDefault .rsThumbs, #initiatives-slider.rsDefault .rsVideoFrameHolder, #media {
    background: #fff
}
#media h3 {
    margin: 0
}
#media .featured-story {
    position: relative;
    z-index: 9
}
#media ul {
    margin-top: 0
}
ul.no-bullet {
    list-style: none;
    padding-left: 0
}
.icon-div {
    height: 105px;
    margin: 0 auto;
    overflow: hidden;
    width: 102px
}

#col-3 {
    border-top: 1px solid #e0e0e0
}
#col-3 .col .content-div {
    background: #fbfdfc;
    padding: 1em 2em
}
#col-3 .mid-col .content-div {
    background: #f2f2f2
}
#col-3 ul li, #media .media-list ul li {
    margin-bottom: .5em
}
.do-it-online {
    background: url(https://www.qld.gov.au/__data/assets/image/0017/1763/icon-online.png?v=0.1.1) no-repeat
}
.have-your-say {
    background: url(https://www.qld.gov.au/__data/assets/image/0017/1763/icon-online.png?v=0.1.1) -102px 0 no-repeat
}
form .hint {
    font-size: 75%
}
.pagination a {
    border: 1px solid #78ba00;
    font-size: 90%;
    margin: 0 2px;
    padding: .1em .5em;
    text-decoration: none;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
.pagination a:active {
    color: #333
}
.holder a.jp-next, .holder a.jp-previous, .holder2 a.jp-next, .holder2 a.jp-previous {
    border: none;
    color: #13578b;
    margin-left: .2em
}
.pagination a.jp-next::after, .pagination a.jp-previous::before {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    margin-left: .2em;
    text-decoration: inherit
}
.pagination a.jp-previous::before {
    content: ""!important;
    margin-right: .2em
}
.pagination a.jp-current, a.jp-current:hover {
    border: none;
    color: #333!important;
    font-weight: 700
}
.pagination a.jp-disabled, a.jp-disabled:hover {
    color: #666!important
}
.pagination span {
    margin: 0 5px
}
.smart-jobs select {
    height: 120px
}
#col-2 .col {
    float: left
}
#col-2 .col .content-div {
    padding: 1em 3em;
    text-align: center
}
.servicese-search {
    margin: 0 auto
}
.search-wrapper {
    padding-bottom: 1.5em
}
#franchises {
    background: url(https://www.qld.gov.au/__data/assets/image/0022/1759/services-bg.jpg?v=0.1.1) #fdfdfd;
    padding: 2em
}
#franchises h2 {
    color: #333;
    font-size: 200%;
    font-weight: 600;
    margin-top: -.5em
}
#franchises ul {
    list-style: none;
    padding-left: 0
}
#franchises ul li a {
    background-image: url(https://www.qld.gov.au/__data/assets/image/0014/1760/services-grid.jpg?v=0.1.8);
    background-repeat: no-repeat;
    height: 208px;
    margin: 9px;
    position: relative;
    vertical-align: top;
    width: 225px
}
li a.transport {
    background-position: 0 0
}
li a.education {
    background-position: -225px 0
}
li a.parents {
    background-position: -450px 0
}
li a.jobs {
    background-position: -675px 0
}
li a.community {
    background-position: -900px 0
}
li a.people {
    background-position: 0 -208px
}
li a.government {
    background-position: -225px -208px
}
li a.health {
    background-position: -450px -208px
}
li a.seniors {
    background-position: -675px -208px
}
li a.envir {
    background-position: -900px -208px
}
li a.emergency {
    background-position: 0 -416px
}
li a.aboriginal {
    background-position: -225px -416px
}
li a.homes {
    background-position: -450px -416px
}
li a.crime {
    background-position: -675px -416px
}
li a.youth {
    background-position: -900px -416px
}
li a.business {
    background-position: 0 -624px
}
li a.recreation {
    background-position: -225px -624px
}
li a.g2g {
    background-position: -450px -624px
}
.round-border {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px
}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}
* html .clearfix {
    height: 1%
}
.clearfix {
    display: block
}
.clear {
    clear: both
}
.section-border {
    border-top: 1px solid #e0e0e0
}
.m-btn {
    background: #f7f7f7;
    border: 1px solid #78ba00!important;
    -moz-border-radius: 2px!important;
    -webkit-border-radius: 2px!important;
    -khtml-border-radius: 2px!important;
    border-radius: 2px!important;
    color: #333!important;
    display: inline-block!important;
    font-weight: 400!important;
    padding: .4em .7em!important;
    text-decoration: none!important;
    margin-top: 1em
}
.m-btn:hover, .pagination a:hover {
    background: #78ba00!important;
    color: #333;
    outline: 0!important
}
.pagination a.jp-current:hover, .pagination a.jp-disabled:hover {
    background: 0 0!important;
    color: #bbb
}
.close-btn {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 1em;
    right: 1em;
    display: inline-block;
    background: #759bf3;
    color: #333;
    padding: 2px 5px;
    cursor: pointer;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out
}
.close-btn:hover {
    background: #5485f7
}
.warn .close-btn {
    background: #f8ae70
}
.warn .close-btn:hover {
    background: #f39648
}
#outage-alert .outage-info::before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f071";
    font-size: 160%;
    color: #d32f0f;
    margin-right: 10px;
    vertical-align: middle
}
#outage-alert .outage-info {
    display: inline-block;
    font-weight: 700;
    color: #462b09
}
#outage-alert .m-btn {
    background: #5c3a0e;
    border: none!important;
    color: #fff!important;
    padding: .15em .5em!important;
    margin: 0 0 0 .3em!important;
    vertical-align: middle
}
#outage-alert .m-btn:hover {
    background: #422a0c!important
}
#outage-alert {
    background: #fbb965;
    padding: 0 .7em
}
/*  --------------------------------   */
/*  Used by index-2016-12-02.html   */
/*  --------------------------------   */

.new20161202 .left-col {width: 100%}
.new20161202 .left-col .content-wrapper {margin-right: 0;}
.new20161202 #initiatives-slider {box-sizing: border-box; padding: 1em 0 1em 1em}
.new20161202 #initiatives-slider>div {display: inline-block; width: 25%}
.new20161202 #initiatives-slider img {width: 100%}
.new20161202 #initiatives-slider a {position: relative; display: block; margin-right: 1em}
.new20161202 #initiatives-slider div.txt {box-sizing: border-box; color: #fff; padding: 1em; background: #333; background: rgba(51,51,51,.92); zoom: 1; bottom: 0; font-weight: 700; min-height: 55px; left: 0; position: absolute; text-align: center; width: 100%;}
.new20161202 #initiatives-slider div.txt span {}

.new20161202 #col-3 {position: relative}
.new20161202 #col-3 .col {width: 25%}
.new20161202 #col-3 #media .content-div {background: #f2f2f2;}
.new20161202 #col-3 #media .content-div h3 {text-align: center}

.new20161202 #franchises ul li a {height: auto; text-decoration: none;}
.new20161202 #franchises ul li a .txt {position: static; height: 100px; background: rgba(51,51,51,.7); transition: background 150ms ease-in}
.new20161202 #franchises ul li a:hover .txt, .new20161202 #franchises ul li a:focus .txt {background: rgba(51,51,51,.9)}

.new20161202 #toggleContent {clear: both}
.new20161202 .toggle {visibility: hidden; height: 0; overflow:hidden; opacity: 0;}
.new20161202 .toggle.active {visibility: visible; height: auto; opacity: 1}
}


@media print {
h2, h3, h4 {
    clear: both!important;
    padding: 1em 0;
    margin: 0!important
}
.infoBlock h3 {
    margin-top: 0;
    padding: 1em 0 .5em;
    font-weight: 400
}
.rsContainer {
    transform: none!important
}
#col-2 .col, #col-3 .col {
    float: none!important;
    width: 100%!important
}
.col .content-div {
    height: auto!important
}
ul.no-bullet, ul.no-bullet li {
    padding-left: 0!important
}
h2.visuallyhidden {
    overflow: visible;
    height: auto;
    position: static;
    width: auto
}
#do-it-online li, #have-your-say li, .col, .infoBlock, .infoBlockLeftBlack, .left-col, .m-btn, .right-col, .rsOverflow, .rsSlide, .rsVisibleNearbyWrap {
    position: static!important;
    overflow: visible!important;
    max-width: 100%!important;
    display: block!important;
    float: none!important;
    height: auto!important;
    width: auto!important;
    margin: 0!important
}
.featured-story img {
    width: auto!important;
    text-align: left!important;
    margin: 0!important
}
.border-repeat, .featured-tag, .icon-div, .nav-bar, .pagination, .rsContainer img, .rsImg, .rsNav, .servicese-search, .smart-jobs {
    display: none!important
}
#qld-initiatives h2.visuallyhidden {
    text-align: left;
    margin-bottom: 1em!important;
    font-size: 120%!important
}