/*
  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: 26 February 2021 06:47:04
*/


/* Globals css */
body { background: #f2f6f9; font-family: 'Helvetica Regular', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-size: 1em; }
.mainContentPage ul.checkbox li:before {
    content: '\2610 ';
    margin-left: -1.5em;
}
.fa-bars:before {
    color: #003d7d;
}
.updated {
    float: right;
    font-size: 0.8em;
    font-family: Segoe UI;
}
/* adds new icon/notice after links */
.new{
    }
.new::after {
    background-color: #5574AA;
    content: 'new'!important;
    font-size: 0.8em;
    font-style: italic;
    margin-left: 0.3em;
    vertical-align: super;
    padding-left: 0.3em;
    text-decoration: none!important;
    color: #fff;
    padding-right: 0.3em;
}
.new:hover{
    text-decoration: none;
}
/* -- Make all images responsive. This css is the code from the pure-img class -- */
img {max-width: 100%; height: auto; display: block; } 
/* - except those that are icons in a list - */
li > img {display: inline-block;}
/* - except those that are squiz icons - */
img.sq-icon {display: inline-block;}
/* - except on the home page hero tiles icons - */
.tiles img {display: inline-block;}

/* font awesome icons class without the <i> tag */
.faicon::before {
    display: inline-block;
    /*margin-right: .5em;*/
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
/* -- make h2 on this page headers smaller font -- */
h2.otp {
    font-size: 1.2em;
}

.fixedBarWrapper{background: #ffffff;}
.homepage .mainContentBody{display:none;}
.contentPageMenu{background: #f2f6f9;position: relative;}
.contentPageMenu:after{content:'';background: #f2f6f9;position: absolute;width:999em;height: 100%;left: -999em;bottom: 0;}

.contentPageMenu > div{padding: 2em 0em 2em 1em;}
.mainContentPage{
    opacity: 1; /* 20170815 - was "0" but with javascript off was making content invisible. */
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}
.mainContentPage.opacityTansition{
    opacity: 1;
}
.mainContentPage > div{padding: 1em 1em 2em 1.5em;}
.mainContentPage ul li{list-style-type: none;line-height: 1.2em ;margin-bottom: 0.5em;}
.mainContentPage ol li{line-height: 1.5;margin-bottom: 0.5em;}
.mainContentPage ul li:before{
    /* Unicode bullet symbol */
    content: '\2022 ';
    /* Bullet color */
    color: #003d7d;
    padding-right: 0.5em;
    margin-left: -0.9em;
}
.mainContentPage ul li ul li:before{
    /* Unicode bullet symbol */
    content: "\2013";
    /* Bullet color */
    color: #003d7d;
    padding-right: 0.5em;
}
/* show no :before bullet styling on li elements in a ul.noBullets list */
ul.noBullets li:before {
    display: none;
}
li.noBullets:before {
    display: none;
}
.mainContentPage ol li ol li{list-style-type: lower-roman;}

.mainContentPage form ul li input[type=radio],.mainContentPage form ul li input[type=checkbox] {
    display:none;
}

.mainContentPage form ul{list-style:none;padding:0;margin-left: 1em;}
.mainContentPage form ul li{
    list-style-type: none;
    display: inline-block;
    margin: 0 0.5em;
    vertical-align: top;
}
.mainContentPage form ul li:before{content:" ";padding-right:0;}
.mainContentPage form ul li input[type=radio] + label, .mainContentPage form ul li input[type=checkbox] + label{
    padding-left: 1.5em;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    line-height:16px;
    font-size: 0.8em;
    color: #003d7d;
}
.mainContentPage form ul li input[type=radio]:checked + label, .mainContentPage form ul li input[type=checkbox]:checked + label {
    background-position: 0px -17px;
}
.mainContentPage form ul li label{
    background:url("https://translate.sa.gov.au/__data/assets/image/0005/42278/radio_normal.png?v=0.1.7") 0px 0px;
}


a {color: #003d7d; text-decoration: none;}
.mainContentPage a:hover{text-decoration:underline;}
a.logo > h1, a.logo > .logo-header { position: absolute; left: -9999em; }
.mainContentPage a{
    text-decoration: underline;
}
.mainContentPage a:hover,.mainContentPage a.include_download_bar, .mainContentPage a.download_bar{
    text-decoration: none;
}
p { line-height: 1.6em; }
.searchResultsPage span i{font-size:1.4em; color:#003d7d;margin:0 0.1em 0 0;}
ul.owl-carousel { list-style: none; }
h1.topHeading{margin: 1em 0;}
/* pagination */
.pagination {
    margin-top: 2em;
    /* display: inline; */
    /* float: left; */
    width: 75%;
    text-align-last: justify;
    /* font-size: 2.2em; */
}
.pagination a {
    text-decoration: none;
    /* display: inline-block; */
    font-size: 80%;
    /*  font-weight: bold; */
    font-size: 18px;
    color: #003d7d;
    /* border-radius: 2px; */
    display: inline;
    width: auto;
    height: 27px;
    line-height: 30px;
    text-align: center;
    background-color: fff;
    padding: 11px 16px 11px 15px;
    /* margin: 5px 5px 5px 0px; */
}
.pagination a:hover{text-decoration:underline;}
.pagination a.pageLink{margin: 0 0.3em;padding: 0.25em 0.7em;font-size:1em;line-height:1.5;}
.pagination b{display:inline-block;margin: 0 0.3em;padding: 0.25em 0.7em;background:#003d7d;color:#ffffff;line-height:1.5;}
.pagination a.pageLink:hover{background:#003d7d;color:#ffffff;text-decoration:none;font-weight:bold;}
.pagination a > i{margin:0 0.5em;}

.pag_arrow_left:before {
    content: "";
    display: block;
    background: url("https://translate.sa.gov.au/__data/assets/image/0003/45327/left_arrow.png?v=0.0.2") no-repeat;
    width: 11px;
    height: 15px;
    float: left;
    margin: 7px -10px 0 0;
}

.pag_arrow_right:after {
    content: "";
    display: block;
     background: url("https://translate.sa.gov.au/__data/assets/image/0004/45328/right_arrow.png?v=0.0.2") no-repeat;
    width: 11px;
    height: 15px;
    float: right;
    margin: 7px 0 0 -10px;
}

.pag_bold{
font-weight: bold;
}


/* pagination */
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; /* IE < 8 */ }
input[type="text"], input[type="password"],input[type="email"],input[type="number"],input[type="tel"]{
    border:1px solid #b3c7dd; /*#e5ebf2;*/
    min-width: 200px;padding: 0.5em;
    text-indent:0.3em;
}

textarea{
    border:1px solid #b3c7dd;
}

fieldset {
    border: 1px solid #b3c7dd;
    width: 50%;
}

::-webkit-input-placeholder {color:#003d7d;}
:-moz-placeholder {color:#003d7d;}
::-moz-placeholder {color:#003d7d;}
:-ms-input-placeholder {color:#003d7d;}
/* forms */
.sq-form-required-field, p.sq-form-error,.sq-form-errors-message{color:#e00;}
.sq-form-question, .sq-form-section{margin-top: 1em;}
.sq-form-question-title, .sq-form-section-title, fieldset label{display:block;font-weight: bold;margin: 0.5em 0 0.2em;}
.sq-form-question-note{display:block;font-size: 0.8em;margin-bottom: 0.3em;}
p.sq-form-error{font-size: 0.8em;margin-top: 0.3em;}
.sq-form-question-answer > select{border:1px solid #e5ebf2;min-width: 266px;}
form input[type="submit"], form button, form input[type="reset"]{margin:1em 1em 0 0;color:#ffffff;background-color:#003d7d;padding:0.5em 4em;border-radius:4px;border:2px solid #003d7d;line-height: 1.5;}
form input[type="submit"]:hover, form button:hover, form input[type="reset"]:hover{
    color:#003d7d;background-color:#ffffff;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
div.sq-form-captcha {margin-top: 2em;}

/* forms */

/* Download document */
.mainContentPage span.include_download_bar .mainContentPage span.download_bar{
    display: block;
}
.mainContentPage a.include_download_bar, .mainContentPage a.download_bar{
    color: #ffffff;
    display: block;
    font-weight: 100;
    margin: 10px 0;
    padding: 0.5em 0 0.5em 9.5em;
    position: relative;
    text-indent: 0em;
    background: #003d7d url("https://translate.sa.gov.au/__data/assets/image/0013/43042/download_icon.png?v=0.1.1") 15px 10px no-repeat;
}
.mainContentPage a.include_download_bar:hover, .mainContentPage a.download_bar:hover {
    text-decoration: none;
}
.mainContentPage a.include_download_bar:after, .mainContentPage a.download_bar:after  {
    top: 8px;
    content: "Download:";
    font-weight: 600;
    left: 60px;
    position: absolute;
    text-indent: 0;
}
.mainContentPage a.include_download_bar > span, .mainContentPage a.download_bar > span {
    color: #a8c4e3;
    margin-left: 5px;
}

.include_download_bar > a > span {}

/* end Download document */

/* External Link styles */
a.external_link{
    background: url("https://translate.sa.gov.au/__data/assets/image/0014/43043/external_link_icon.png?v=0.1.1") right 0.17em no-repeat;
    padding-right: 15px;
    text-decoration: underline;
}
a.external_link:hover{
    text-decoration: none;
}


/* end External Link styles */

/* tables */
table { width: 100%; border-spacing: 0; border-collapse: collapse; background: #ffffff; }

table tr th { background: #033d7d; color: #ffffff; text-align: left; padding: 1em; font-weight: normal; }

table tr td { padding: 1em; border: none; vertical-align: top!important; }

table tbody tr:nth-child(odd) { background: #f2f6f9; }

table tbody td { padding: 1em; border-right: 1px solid #edf1f6; color: #585d61; }

table tbody td:last-child { border: none; }
.breadcrumbs{color: #585d61;font-size:80%;}
.breadcrumbs > span{display:inline-block;margin-left:4px;}
.breadcrumbs > span:first-child{display:none;}
.breadcrumbs > a{display:inline-block;color: #585d61;text-decoration:none;}
.breadcrumbs > a:last-child{font-style: italic}
.breadcrumbs a:nth-child(2){font-style: normal;}
.breadcrumbs > a:hover{text-decoration:underline;}
/* carousel */
#wrapper{
    position: relative;
}
#wrapper > div.item{
    width: 100%;
}
#wrapper  div.item  a{
    text-decoration: none;
    display: block;
    color: #fff;
}
#wrapper  div.item  a h2::first-letter{
    text-transform: capitalize; 
}
#wrapper  div.item  a > div{
    display: inline-block;
}
#wrapper div.info{
    width: 40%;
    float: left;
}
div.info > div{
    padding: 1em 3em 0 2em;
}
.info h2{font-size: 2.5em;
         margin: 0.5em 0;}

#wrapper div.imageWrapper{
    width: 60%; /*-- causing image on widest screen to drop below fold*/ 
    float: left;
}
.info p {
    padding: 0 2.2em 0 0;
    margin: 1.5em 0;
}
.info button{
    display: inline-block;
    padding: 1em;
    font-weight: bold;
    background: #ffffff;
    color: #003d7d;
    border-radius: 0.2em;
    border:none;
}
.slick-arrow, #playBtn, #pauseBtn{cursor:pointer;}
#wrapper div.imageWrapper img, .imageWrapper img {
    width: 100%;
}
.slick-list{
    /*background: #5b2c81;*/
}
.carousel{
    width: 100%;
    position:relative;
    margin-bottom:50px;
}
    .navigation {  
        position: relative;  
        background-color: #DBDCDD;  
        padding-left: 40%; 
        left: 0; 
        margin-left: -40px;
    } 
        .navigation div { 
        left: 0px; 
        position: relative; 
        float: left; 
        margin-top: 9px; 
    }
    /*
.navigation{
    position: absolute;
    bottom: -1px;
    left: 40%;
    margin-left: -36px;
    z-index: 9998;
    
}
.navigation > div{
    float: right;
    margin-top: 9px;
}*/

.slick-dots{
    display: inline-block !important;
    padding: 0 4px 0 0;
    float: left;
    margin: 10px 0 0 15px;
}
.slick-dots li{
    display: inline-block;
    vertical-align: top;
}
.slick-dots li button{
    border-radius: 50%;
    font-size: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0px 4px;
    border: none;
    /*border: 2px solid #ffffff;*/
    border: 2px solid #003F7A;
    cursor: pointer;
    background: rgba(250,250,250,0.01);
    padding: 0;
}
.slick-dots li.slick-active button{
    /* background: #ffffff;*/
    /* new */
    background: #003F7A; 
}
.navigation i{
    /*color:#ffffff;*/
    /*new*/
    color:#003F7A;
    cursor: pointer;
}
.navigation img{
    /*background: #f2f6f9;*/
    /*new*/
    background: none;
    cursor: pointer;
    vertical-align: bottom;
    width: 36px;
    display: inline-block !important;
    float:left;
}
.navigation img.next{border-radius: 0 0.2em 0 0;}
.navigation img.prev{border-radius: 0.2em 0 0 0;opacity: 1;}
/* contact top container */
.headerContact { background: #003472; color: #ffffff; padding: 0.8em 0; font-size: 85%; }

.headerContact span.phoneIcon { display: inline-block; width: 12px; height: 11px; background: url("https://translate.sa.gov.au/__data/assets/image/0008/41498/phone_contact_top.png?v=0.1.1") center center no-repeat; }

/* end contact top container */
/* logo container */
.logoArea { background: #003d7d url("https://translate.sa.gov.au/__data/assets/image/0011/41501/header_bg_earth.png?v=0.1.1") center right no-repeat; }

.logoArea .logo { padding: 1.5em; display: inline-block;}

/* end logo container */
/* tiles */
.tilesWrapper .container > div { padding: 0em; background: none; margin: 3em 0; }

.tilesWrapper .tilesTop { padding: 0 5em 2em; text-align: center; }

.tilesWrapper .tilesTop h2 { font-size: 1.8em; color: black;}

.tilesWrapper .tilesTop p { color: #52575b; }

.tilesWrapper .tilesTop p a { font-weight: bold; border-bottom: 2px solid transparent; -webkit-transition: border-color 0.7s ease; transition: border-color 0.7s ease; }

.tilesWrapper .tilesTop p a:hover { border-color: #a3b0c5; }

.tilesWrapper .tile { margin: 2.5em 0; }

.tilesWrapper .tile a { display: block; color: #585d61; }
.tileContent span{line-height:1.4;font-size:18px;line-height:25px;}
.tilesWrapper .tile a > div { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; }

.tilesWrapper .tile a img { -webkit-transition-duration: 1s; transition-duration: 1s; }

/*.tilesWrapper .tile a:hover > div, .tilesWrapper .tile a:focus > div { -webkit-transform: scale(1.1); transform: scale(1.1); }

.tilesWrapper .tile a:hover .tileImage img, .tilesWrapper .tile a:focus .tileImage img { -webkit-transform: rotate(360deg);-ms-transform: rotate(90deg); transform: rotate(360deg); }*/

.tilesWrapper .tile a .tileImage { text-align: center; }

.tilesWrapper .tile a h3 { margin: 0 0 0.3em; font-size: 24px; }

/* tiles  */
/* twitter  */
.twitterWrapper { margin-bottom: 3em; }

.twitterWrapper .controlsWrapper { position: relative; }
.owl-carousel .owl-item img {
    -webkit-backface-visibility: hidden;
}
.twitterWrapper .controlsWrapper .twittsControllers { position: absolute; bottom: 0; list-style: none; padding: 0; margin: 0; left: 20%; }

.twitterWrapper .controlsWrapper .twittsControllers > li { display: inline-block !important; }

.twitterWrapper .controlsWrapper .twittsControllers > li > button { border: none; background: transparent; }

.twitterWrapper .controlsWrapper .twittsControllers > li > button > i { color: #003d7d; }

.twitterWrapper .twitter { background: #ffffff; color: #585d61; position: relative; }

.twitterWrapper .twitter .twittContentWrapper { padding: 1em 0 1em; }

.twitterWrapper .twitter .twittContentWrapper > div { padding: 0em; }

.twitterWrapper .twitter .twittContentWrapper p { margin-top: 0; }

.twitterWrapper .twitter .twittContentWrapper p > img { display: none; }

.twitterWrapper .twitter .twitt img { vertical-align: bottom; }

.twitterWrapper .twitter .twitt button { padding: 1em; color: #003d7d; margin-top: 42px; background: transparent; border: none; border-radius: 5px; font-weight: bold; border: 2px solid #003d7d; margin-left:1em;}

.twitterWrapper .owl-controls { 
    position: absolute;
    display: inline-block;
    padding: 0 3.5em;
    bottom: -1.3em;
    left: 0;
}

.twitterWrapper .owl-controls i { padding: 1.3em; background: #f2f6f9; cursor: pointer; border-radius: 0.4em; font-size: 80%; }

.twitterWrapper .owl-controls .owl-prev { position: absolute; left: 0; color: #003d7d; top: -14px; }

.twitterWrapper .owl-controls .owl-next { position: absolute; right: 0; color: #003d7d; top: -14px; }

.twitterWrapper .owl-controls .owl-dot { display: inline-block; }

.twitterWrapper .owl-controls .owl-dot span { border-radius: 50%; display: block; width: 8px; height: 8px; margin: 0px 4px; border: 1px solid #003d7d; }

.twitterWrapper .owl-controls .owl-dot span:hover { background: #003d7d; }

.twitterWrapper .owl-controls .owl-dot.active span { background: #003d7d; }
.callToActionTwitter{
    position: absolute;
    top: 0;
    right: 2em;
}
.callToActionTwitter > a > span{
    text-indent: -9999em;
    display: inline-block;
}
.callToActionTwitter > a{
    display: inline-block;
     height: 16px;
    width: 20px;

}
.callToActionTwitter a.reply{
    background: url("https://translate.sa.gov.au/__data/assets/image/0011/43103/twitter_call_to_acction_icons.png?v=0.1.3") no-repeat;
}
.callToActionTwitter a.reply:hover{
    background: url("https://translate.sa.gov.au/__data/assets/image/0011/43103/twitter_call_to_acction_icons.png?v=0.1.3") 0 -24px no-repeat;
}
.callToActionTwitter a.retweet{
    background: url("https://translate.sa.gov.au/__data/assets/image/0011/43103/twitter_call_to_acction_icons.png?v=0.1.3") -26px 0px no-repeat;
}
.callToActionTwitter a.retweet:hover{
    background: url("https://translate.sa.gov.au/__data/assets/image/0011/43103/twitter_call_to_acction_icons.png?v=0.1.3") -26px -22px no-repeat;
}
.callToActionTwitter a.fav{
    background: url("https://translate.sa.gov.au/__data/assets/image/0011/43103/twitter_call_to_acction_icons.png?v=0.1.3") -51px 0px no-repeat;
}
.callToActionTwitter a.fav:hover{
    background: url("https://translate.sa.gov.au/__data/assets/image/0011/43103/twitter_call_to_acction_icons.png?v=0.1.3") -51px -22px no-repeat;
}
/* end twitter  */
/* latest headings  */
.latestHeadingsWrapper { background: #003d7d url("https://translate.sa.gov.au/__data/assets/image/0003/41493/latest_headings_bg.png?v=0.1.1") center right no-repeat; background-size: 55% 100%; }

.latestHeadingsWrapper .container > div { padding: 6em 0; }

.latestHeadingsWrapper .container > div h3 { font-size: 25px;line-height: 30px; margin-bottom: 1.5em; margin-top: 0.5em }
.latestHeadingsWrapper .container > div a:hover{text-decoration:underline;}

.latestHeadingsWrapper .container > div .headings { margin-top: 3em; }

.latestHeadingsWrapper .container > div .headings .heading { background: #ffffff; width: 32%; margin: 0.75em 0;min-height:200px;position:relative; }
.latestHeadingsWrapper .container > div .headings .heading:hover{background: #f2f6f9;}
.latestHeadingsWrapper .container > div .headings .heading > div { padding: 1.5em 3.5em; }

.latestHeadingsWrapper .container > div .headings > div.heading:nth-child(2), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(5), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(8) { margin-right: 2%; margin-left: 2%; }

.latestHeadingsWrapper .container > div .headingsDate { color: #464b50; font-size: 13px;position:absolute;bottom:1.5em; }

.latestHeadingsWrapper .container > div .headHeadings h2 { color: #ffffff; font-size: 1.8em; float: left; padding: 0; margin: 0; font-weight: normal; }

.latestHeadingsWrapper .container > div .headHeadings > a { color: #ffffff; border-bottom: 2px solid #a7b5ca; float: right; margin-top: 0.6em; -webkit-transition: border-color 0.7s ease; transition: border-color 0.7s ease; }

.latestHeadingsWrapper .container > div .headHeadings > a:hover, .latestHeadingsWrapper .container > div .headHeadings > a:focus { border-color: transparent; }

/* end latest headings  */
/* footer t*/
.footerWrapper { background: #ffffff; }

.footerWrapper a { color: #424242; border-bottom: 2px solid transparent; -webkit-transition: border-color 0.7s ease; transition: border-color 0.7s ease; }

.footerWrapper a:hover, .footerWrapper a:focus { border-color: #424242; }

.footerWrapper .footerTopLinks h3 { color: #003d7d; border-bottom: 2px solid #949494; padding: 2em 0 1.1em 0; width: 90%; }

.footerWrapper .footerTopLinks .footerList { list-style: none; padding: 0; letter-spacing: 0em; display: block; }

.footerWrapper .footerTopLinks .footerList a { line-height: 3em; }

.footerWrapper .footerMiddle { padding-top: 2em; }

.footerWrapper .footerMiddle nav ul li { display: inline-block; }

.footerWrapper .footerMiddle nav ul li a { font-size: 14px; position: relative; display: inline-block; margin: 0 7px; border-width: 1px; }

.footerWrapper .footerMiddle nav ul li a:after { content: ''; width: 1px; background: #424242; position: absolute; height: 80%; right: -7px; top: 1px; }

.footerWrapper .footerMiddle nav ul li:first-child a { margin-left: 0; }

.footerWrapper .footerMiddle nav ul li:last-child a:after { content: ''; border: 0px solid #424242; position: absolute; height: 0em; right: 0px; top: 0px; }

.footerWrapper .footerImages { text-align: right; }

.footerWrapper .footerImages > span { display: inline-block; vertical-align: top; }

.footerWrapper .footerImages > span a { border: none; }

.footerWrapper .footerImages span:last-child { padding-top: 0.4em; padding-left: 1em; }

.footerBottom { background: #f2f6f9; color: #424242; }
.linksMiddle, .sliderWrapper #bannerSlider{padding:0;}
.mainNav  ul { list-style: none; padding: 0;}

.footerBottom p { padding: 1em 0; }
.currentSubName{margin-top:0;position:relative;padding-bottom: 0.5em;font-weight: normal;font-size: 1.17em;display:block;}
.currentSubName:after{content:"";position:absolute;bottom:0;height:2px;width: 20%;left: 0;background-color: #003d7d;}

/* Accordion style */
/* 308 x 64 pixels */
.accordionRow{
    
}
h2.accordionTop{
    margin: 0;
    padding: 1em 0;
    background: #f2f6f9 url("https://translate.sa.gov.au/__data/assets/image/0016/43414/accordion_arrow_closed.png?v=0.1.3") 98.5% center no-repeat;
    text-indent: 1em;
    font-weight: normal;
    font-size: 1em;
    color: #003d7d;
    cursor: pointer;
    margin-top: 3px;
}
h2.accordionTop.active{
    background: #003d7d url("https://translate.sa.gov.au/__data/assets/image/0017/43415/accordion_arrow_open.png?v=0.1.3") 98.5% center no-repeat;
    color: #ffffff;
}
.accordionDetails{
    opacity:0;
    height: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s linear .15s;
    -moz-transition: opacity .3s linear .15s;
    -o-transition: opacity .3s linear .15s;
    -ms-transition: opacity .3s linear .15s;
    transition: opacity .3s linear .15s;
    line-height: 1.5em;
}
.accordionDetails.active{
    opacity:1;
    height: auto;
    padding: 1em;
}
.accordionDetails > h1.topHeading{
    font-size: 1.5em;
    margin-top: 0;
}

/* Don't show nested content footers in Accordions or Tabs */
.accordionDetails .hideInAccordions,
.accordionDetails .hideInTabs,
.activeDivTabs .hideInAccordions,
.activeDivTabs .hideInTabs {
    display: none;
}

/* Don't show first H2 of content in Accordions on news section *
.accordionDetails.active h2:nth-child(1) {
    display:none
}*/

/* End Accordion style */
/* Tabs system style */
/* .sTabs is Static Tabs - added to apply style to tabs that doesn't disable url - doesn't use javascript - ref Youth Justice pages */
.sTabs {border-bottom: 6px solid #e7ebf2;}
.sTabs, .tabs{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sTabs > li, .tabs > li{
    display: inline-block;
    margin-right: 2px;
}
.mainContentPage ul.sTabs > li:before, .mainContentPage ul.tabs > li:before{
    content: '';
    padding-right: 0em;

}
.sTabs > li > a, .tabs > li > a{
    background: #f3f6f9;
    padding: 1em;
    color: #003d7d;
    text-decoration: none;
    display: block;
}
.sTabs > li > a.active, .sTabs > li > a:hover, .tabs > li > a.active, .tabs > li > a:hover{
    background: #003d7d;
    color: #ffffff;
    text-decoration: none;
}
.activeDivTabs{
    border-top: 6px solid #e7ebf2;
    border-bottom: 6px solid #e7ebf2;
    /* background: #ffffff; */ /* was e7ebf2; */
    padding: 1em 3%;
    width: 94%;
}

/* End Tabs system style */

/* page index as per request  https://jira.squiz.net/browse/SDRD-45 */
.page-index, .section-index {
      background-color: rgba(236,237,237,0.50);
      margin: 1em 3em 0 1em;
      padding: .5em 0 .5em 6em;
  }
  .page-index:before {
      content: 'On this page:';
      margin-left: -6em;
      font-size: 90%;
      font-weight: 600;
      /* padding-bottom: .2em; */
  }
  .section-index:before {
      content: 'In this section:';
      margin-left: -6em;
      font-size: 90%;
      font-weight: 600;
      /* padding-bottom: .2em; */
  }  
  .highlight-block {
    background-color: rgba(213, 226, 239, 0.5);
    margin-right: 3em;
    padding: 1em;
  }
  
  .mainContentPage .page-index > li:nth-child(1) {
      padding-bottom: 0px;
      margin-top: 1em;
  } 

    .mainContentPage .section-index li {
      line-height: 1.2em;
  }

/* end footer */

/* if right content exist in the main page */
.mainContentPage > div.rightContentExist{
    
}
.mainContentPage > div.rightContentExist > div.leftContentWrapper{
    float: left;
    width: 74%;
}
.mainContentPage > div.rightContentExist #right_margin_content{
    float: right;
    width: 25%;
    background: #f2f6f9;
    margin-top: 3em;
}
.mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper{
    padding: 0em 0.5em 1em 1.5em;
}
.rightContentWrapper > h2{
    margin-top: 0.5em;
}
.rightContentWrapper ul{
    padding-left: 0.5em;
}
.mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper a.include_download_bar,
.mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper a.download_bar{
    padding: 2.5em 1em 0.5em;
    background-position: 1em 10px;
}
.mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper  a.include_download_bar:after,
.mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper  a.download_bar:after{
    left: 3.2em;
}
.mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper  a.include_download_bar > span,
.mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper  a.download_bar > span {
    margin-left: 0;
    display: block;
}

/* DCSI added */

/* zebra styling of lists - alternate background shading */

.mainContentPage ul.zebra li:nth-child(odd) {background-color: #f2f6f9; padding: 1em; margin-left: -1em; margin-bottom: 0em;}
.mainContentPage ul.zebra li:nth-child(even) {padding: 1em; margin-left: -1em; margin-bottom: 0em;}
.mainContentPage ul.zebra li:before {margin-left: 0em;} 

.mainContentPage #right_margin {
    float: right;
    width: 25%;
    background: #f2f6f9;
    margin-top: 1.5em;
    }
    
.mainContentPage #right_margin > div.rightContentWrapper {
    padding: 0em 0.5em 1em 0.5em;
}

.mainContentPage p.status-bar{
    padding: 0.5em; 
    color: white; 
    background-color: rgb(0,61,125);
}

.mainContentPage p.status-bar a {
    color: white;
    margin-left: 0.5em;
}

.footerWrapper .container > div h3{
    cursor:pointer;
}

.mainContentPage blockquote { 
    background: #f2f2f2; 
    color: #333; 
    margin: 1.5em 0;
    padding: 25px 28px; 
    position: relative; 
    border: 1px solid #CCC; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    font-size: 1.1em; 
    font-family: Georgia,Times; 
    font-style: italic; 
    width: 65%;
    } 
blockquote::before {
    content: "\201C"; 
    font-size: 40px; 
    left: 8px; 
    line-height: 0; 
    position: absolute; 
    top: 30px; 
    } 
blockquote::after { 
    bottom: 4px; 
    content: "\201D"; 
    font-size: 40px; 
    line-height: 0; 
    position: absolute; 
    right: 13px; 
    }
.mainContentPage .blockquote { 
    background: #f2f2f2; 
    color: #333; 
    margin: 1.5em 0;
    padding: 25px 28px; 
    position: relative; 
    border: 1px solid #CCC; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    font-size: 1.1em; 
    font-family: Georgia,Times; 
    font-style: italic; 
    width: 65%;
    } 
.blockquote::before {
    content: "\201C"; 
    font-size: 40px; 
    left: 8px; 
    line-height: 0; 
    position: absolute; 
    top: 30px; 
    } 
.blockquote::after { 
    bottom: 4px; 
    content: "\201D"; 
    font-size: 40px; 
    line-height: 0; 
    position: absolute; 
    right: 13px; 
    }

.hide, .honeypot { display: none;}
/*******************************************************************/
/* Added post initial development */

.boxes { margin: .5%; display: inline-block; float: left; min-height: 18em; } 
.boxes .img, {float:left;} 
.boxes .icon {margin-right: 10px;} 
.boxes .img img, .boxes > img {width: 100%;} 
.two {width: 45%; padding: .5em;}
.three {width: 30%; padding: .3em;}
.four {width: 20%; padding: .3em;}
.bg-1 {background-color: #f2f6f9;}
.border-1 {border: solid 2px #f2f6f9;}
.border-2 {border: solid 4px #f2f6f9;}
.border-3 {border: solid 2px #5C83AC;}
.border-4 {border: solid 3px #5C83AC;}
.full-width {width: 100%;}
img.full-width {height: 100%;}
.margin-left-1 {margin-left: 1em;}
.margin-left-2 {margin-left: 2em;}
.margin-left-3 {margin-left: 3em;}
.margin-left-4 {margin-left: 4em;}

.fl {float: left;}
.fr {float: right; margin-left:1em;}

.statusBlue {background-color: #A7CADB;
    padding: .2em;
    font-weight: 600;
}
.statusGreen {background-color: #DAF18F;
    padding: .2em;
    font-weight: 600;
}
.statusLime, .statusLimeGreen, .statusLimegreen {background-color: #4ECF32;
    padding: .2em;
    font-weight: 600;
}
.statusOrange {background-color: #FF9924;
    padding: .2em;
    font-weight: 600;
}    
.statusPink {background-color: #F45B83;
    padding: .2em;
    font-weight: 600;
}
.statusBrown {background-color: #C1AE9F;
    padding: .2em;
    font-weight: 600;
}

/* don't show the print footer */
#printFooter {display: none;}

/* print footer layout */
.footerDetailsPrint, .footerImagesPrint {
    margin: 1em auto;
    width: 80%;
}
.pagedetailsdata {margin-left: 1em;   font-size: 90%;
}
.pagedetailslabel {
    float: left;
    font-weight: 600;
    width: 8em;
    font-size: 90%;
}
.footerImagesPrint span.ccLogo {float: left;}
.footerImagesPrint span.saGovLogo img {margin-top: -.6em;}
.footerImagesPrint .attrText {
    font-size: 80%;
    width: 45%;
    float: left;
    margin-left: 1em;
}

    .inpageBanner {
        overflow: hidden;
    }
    .page-banner-image {
        margin-top: 1em; 
        width: 100%;
    }
    
.printOnly {display: none;}

/* Generic resizing pecents */
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%}
.w100 {width:100%;}
/* Images add height to maintain aspect ratio */
img.w20 {height:20%;}
img.w25 {height:25%;}
img.w30 {height:30%;}
img.w40 {height:40%;}
img.w50 {height:50%;}
img.w60 {height:60%}
img.w70 {height:70%;}
img.w80 {height:80%;}
img.w90 {height:90%}
img.w100 {height:100%;}

.newsThumb {
    display: inline-block;
    max-width: 100px;
    margin-right: 1em;
}
.newsThumb img {
    width: 100%;
}
.newsItem {
    display: inline-block;
    max-width: 70%;
    vertical-align: top;
}
.newsItem h2 {
    margin-top: 0px;
}
.newsArticle {
    border-bottom: 1px solid lightgrey;
    margin-top: 1em;
    margin-bottom: 1em!important;
}
.newsItem h2 a {
    text-decoration: none;
}
.newsItem h2 a:hover, .newsItem h2 a:focus {
    text-decoration: underline;
}
     
    /* Decision Tree styling */
    
#questions .sq_question_wrapper { 
    background-color: rgba(213, 226, 239, 0.5);
    margin-top: 1em;
    margin-right: 3em;
    padding: 1em;
} 

#questions .sq_question_wrapper::first-child { 
    margin-top: unset; 
} 

#questions .sq_question_wrapper select {
    height: 2.5em;
    margin-top: 1em;
}

#questions .sq_result_bodycopy { 
    background-color: rgba(213, 226, 239, 0.5);
    margin-top: 1em;
    margin-right: 3em;
    padding: 1em;
}

input#qReset.sq-form-field { 
    margin: 1em 1em 0 0; 
    color: #ffffff; 
    background-color: #003d7d; 
    padding: 0.7em 4em; 
    border-radius: 4px; 
    border: 2px solid #003d7d; 
    line-height: 1.5; 
} 

input#qReset.sq-form-field:hover { 
    color: rgb(0, 61, 125); 
    background-color: #fff; 
    text-decoration: none; 
} 
/* Desktop -----------------1220-----1025---------------------------------------------*/
@media all and (min-width: 1220px) { 
    /* static tabs ala youth justice */
    .sTabs > li > a, .tabs > li > a{
        padding: 1em 0.5em;
    }
    .contentPageMenu i.fa.fa-bars{
        display: none;
    }
    .currentSubNameMobile{
        display: none;
    }
    .twitter_image_mobile{display:none !important;}
    .owl-carousel .owl-item{
        padding-bottom: 1em;
    }
    .callToActionTwitter {
        position: absolute;
        top: inherit;
        bottom: 0;
        right: 2em;
    }
    .twitterWrapper .owl-controls {
        position: absolute;
        display: inline-block;
        padding: 0 3.5em;
        bottom: -0.3em;
        left: 0;
    }
    .twitterWrapper .twitter .twittContentWrapper p {
        max-width: 90%;
    }
    .owl-carousel.owl-loaded{display:inline-block;}
    .container { width: 1220px; /*1220px;1025px;*/ margin: 0 auto; }
    .mainContentBody {background: #ffffff}
    .subNavContentPage{list-style:none;padding:0;}
    .subNavContentPage > li{cursor:pointer;position:relative;}
    .subNavContentPage > li > a{position:relative;width: 90%;display: inline-block;padding: 1em 0;border-bottom: 1px solid #DDE1E4;vertical-align: middle;/* text-indent: 1em; */}
    .subNavContentPage > li > a:hover:before,
    .subNavContentPage > li.active > a:before,
    .subNavContentPage > li.active:before,
    .subNavContentPage > li:hover:before{
        content:'';
        position:absolute;
        height:100%;
        width:999em;
        background:#ffffff;
        left:-999em;
        bottom:0

    }

    .subNavContentPage > li.active > a,
    .subNavContentPage > li > a:hover,
    .subNavContentPage > li:hover > a{

    }

    .subNavContentPage > li.active,
    .subNavContentPage > li:hover,
    .subNavContentPage > li.active > a,
    .subNavContentPage > li > a:hover{
        background:#ffffff;
    }
    /* ==========       3 menu level on left side       ==================*/
    .subNavContentPage > li.active.hasUlElementUnder > i{
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        padding-top: 0;
        margin-top: 1.9em;
    }
    .subNavContentPage  ul.thirdMenuLvl{
        list-style: none;
        padding: 0;
        margin: 0;
    }
    ul.thirdMenuLvl > li{
        cursor: pointer;
        position: relative;
    }
    ul.thirdMenuLvl > li > a{
        position: relative;
        display: block;
        padding: 1em 0;
        border-bottom: 1px solid #e5ebf2;
        vertical-align: middle;
        text-indent: 1.5em;
        color: #585d61;
    }
    ul.thirdMenuLvl > li.active > a{
        background: #ffffff;
        font-weight: bold;
    }
    ul.thirdMenuLvl{
        display: none;
    }
    ul.subNavContentPage > li.active > ul.thirdMenuLvl{
    display: block;
    }
    /*ul.thirdMenuLvl > li:first-child > a{
        border-top: 1px solid #e5ebf2;
    }*/
    

    /* ==========       end 3 menu level on left side    ==================*/
    .subNavContentPage > li i{font-size: 70%;display: inline-block;vertical-align: top;color: #003d7d;padding-top: 1.9em;}
    #backToTop { position: absolute; bottom: 16px; right: 0em; color: #424242;cursor:pointer;}
    #backToTop i{color:#d0d2d3;}
    #backToTop:after { content:"";position: absolute;width: 85%;background: #424242;height:1px;bottom:3px;left:0;}


    /* navigation top container */
    .mainNav > ul { list-style: none; margin: 0; padding: 0; display: block !important;padding:0;list-style:none; }
    /* menu update */
    /* .mainNav > ul > li { display: inline-block; padding: 10px 15px; position: relative; } */
    /* fix */
    .mainNav > ul > li {
        float: left;
        padding: 0;
        position: relative;}

    .mainNav > ul > li:last-child { padding: 25px 0 0 30px; }

    /* menu update */
    /* .mainNav > ul > li > a { display: block; padding: 15px 45px; border: 1px solid transparent; text-decoration: none; font-weight: bold; } */
    /* fix */
    .mainNav > ul > li > a {
        display: block;
        padding: 23px 43px;/* -- desktop wrapping 1220*/
        /*padding: 23px 30px;--- desktop wrapping 1024*/
        border: 1px solid transparent;
        text-decoration: none;
        font-weight: bold;}

    .mainNav > ul > li:first-child > a:before { content: ''; border: 1px solid #e5ebf2; position: absolute; height: 13px; left: 0;top:27px; }
    .mainNav > ul > li > a:after { content: ''; border: 1px solid #e5ebf2; position: absolute; height: 13px; right: 0;top:27px; }
    .mainNav > ul > li > ul {
        position: absolute;
        background: #f2f6f9;
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        top: 100%;
        padding: 0px;
        left: 0px;min-width: 100%;z-index: 9999;}
    .mainNav > ul > li:hover > a, .mainNav > ul > li.active > a { border: 1px solid transparent; color:#ffffff;}
    .mainNav > ul > li:hover > a + ul { display: block; }
    .mainNav > ul > li:hover,.mainNav > ul > li.active{background:#003d7d}

    .mainNav > ul > li:first-child:hover > a:before,
    .mainNav > ul > li.active:first-child > a:before{ content: ''; border: 1px solid transparent; position: absolute; height: 13px; left: 0;top:27px; }
    .mainNav > ul > li:hover > a:after,
    .mainNav > ul > li.active > a:after { content: ''; border: 1px solid transparent; position: absolute; height: 13px; right: 0;top:27px; }

    /*     .mainNav > ul > li:hover > ul:before { content: ''; position: absolute; top: -13px; width: 27px; height: 27px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background: rgba(242, 246, 249, 1); left: 5em; } */
    .mainNav > ul > li > ul > li { white-space: nowrap; text-align: right; padding: 0 30px 0 20px; }
    .mainNav > ul > li > ul > li > a { display: inline-block; padding: 1em 0; border-bottom: 1px solid #e3eaf2; text-align: left; width: 100%; }

    .mainNav > ul > li > ul > li > a:hover{
        border-bottom:1px solid transparent;
    }
    .mainNav > ul > li > ul > li > a:hover,
    .mainNav > ul > li > ul > li:hover,
    .mainNav > ul > li > ul > li:hover > i {
        background:#fff;
    }
    .mainNav > ul > li#desktopCloseSearch:hover{
        background:transparent;
    }
    .mainNav > ul > li > ul > li > i, .mainNav > ul #desktopCloseSearch > i { color: #003d7d; cursor: pointer; }
    .mainNav > ul > li > ul > li:last-child > a { border-bottom: none; }
    .mainNav > ul #desktopCloseSearch > i:first-child { display: none; }
    /* end navigation top container */
    /* search box */
    .searchWrapper { background: #f2f6f9; }
    .searchTopNav { color: #003d7d; display: none; padding: 15px 0; font-size: 1.4em; }
    .searchTopNav input#searchImp { border: none; width: 90%; padding: 5px 0; }
    /* end search box */
    /*  slider */
    .bannerSlider .sliderWrapper {  position: relative; }
    .bannerSlider .sliderWrapper > ul { margin: 0; padding: 0; }
    .bannerSlider .sliderWrapper > ul li{ background: #5b2c81;}
    .bannerSlider .sliderWrapper a { color: #ffffff; }
    .bannerSlider .sliderWrapper a > div > div { padding: 1em 3em 0 2em; }
    .bannerSlider .sliderWrapper a > div > div > h2 { font-size: 3em; margin: 0.5em 0; }
    .bannerSlider .sliderWrapper a > div > div > p { padding: 0 2.2em 0 0; margin: 1.5em 0; }
    .bannerSlider .sliderWrapper a > div > div > span { display: inline-block; padding: 1em; font-weight: bold; background: #ffffff; color: #003d7d; border-radius: 0.2em; }
    .bannerSlider .sliderWrapper .bannerSliderControlls { position: absolute; bottom: 0; left: 40%; display: inline; padding: 0 0.5em 0 3.5em; }
    .bannerSlider .sliderWrapper .bannerSliderControlls i { padding: 1em 1em 0.7em 1em; background: #f2f6f9; cursor: pointer; font-size: 1em; }
    .bannerSlider .sliderWrapper .bannerSliderControlls i.fa.fa-chevron-right { border-radius: 0 0.4em 0 0; }
    .bannerSlider .sliderWrapper .bannerSliderControlls i.fa.fa-chevron-left { border-radius: 0.4em 0 0 0; opacity: 0.7; }
    .bannerSlider .sliderWrapper .bannerSliderControlls img{
        background: #f2f6f9;
        cursor: pointer;
        vertical-align: bottom;
        width:36px;
    }
    .bannerSlider .sliderWrapper .bannerSliderControlls img.prev{border-radius: 0.2em 0 0 0; opacity:1;}
    .bannerSlider .sliderWrapper .bannerSliderControlls img.next{border-radius: 0 0.2em 0 0;}
    .bannerSlider .sliderWrapper .bannerSliderControlls .owl-prev { position: absolute; left: -2.25em; bottom: -1px; }
    .bannerSlider .sliderWrapper .bannerSliderControlls .owl-next { position: absolute; left: 0px; bottom: -1px; }
    .bannerSlider .sliderWrapper .bannerSliderControlls .owl-dot { display: inline-block; }
    .bannerSlider .sliderWrapper .bannerSliderControlls .owl-dot span { border-radius: 50%; display: block; width: 8px; height: 8px; margin: 0px 4px; border: 2px solid #ffffff; cursor: pointer; }
    .bannerSlider .sliderWrapper .bannerSliderControlls .owl-dot span:hover { background: #ffffff; }
    .bannerSlider .sliderWrapper .bannerSliderControlls .owl-dot.active span { background: #ffffff; }
    .bannerSlider .sliderWrapper .bannerSliderControlls .owl-dots { margin-bottom: 0.5em; }
    .bannerSlider .sliderWrapper .bannerSliderPlayPauseControlls { position: absolute; left: 45%; color: #ffffff; bottom: 0; z-index: 10; }
    .bannerSlider .sliderWrapper .bannerSliderPlayPauseControlls > div { float: left; margin-top: -1.9em; }
    .bannerSlider .sliderWrapper .bannerSliderPlayPauseControlls > div > i { cursor: pointer; font-size: 80%; }
    /*  end slider */
    /* display none */
    #tabletViewSearchBtn, .currentSubName > i, .footerTopLinks i, .footerMiddle i, .footerImagesSmall, .mobile, .mainNav > ul > li > a > i { display: none; } }

/* end Desktop -------------------------------------------------------------------*/
/* Tablet ----------------------------------------1219---------------------------*/
@media all and (min-width: 767px) and (max-width: 1219px) {

    .pagination a {
        padding: 11px 10px 11px 15px;
    }
 
    .currentSubNameMobile{
        display: none;
    }
    .slick-dots{
        padding: 0 0px 0 0;
        float: none;
        margin: 6px 0px 6px 50px;
    }
    .navigation img
    .twitterWrapper .twitter .twittContentWrapper{
        background: #ffffff none repeat scroll 0 0;
        display: inline-block;
        float: left;
        width: 80%;
    }
    .twitterWrapper .twitter .twittContentWrapper{padding: 0; min-height: 168px;}
    .twitterImage{float: left;}
    .twitterImage{display:inline-block;}
    .twitter_image_mobile{display:none !important;}
    .container { width: 100%; margin: 0 auto; }
    .mainNav{ width: 100%; }
    .mainContentBody .mainContentPage{width: 100% !important;background: #ffffff;}
    .mainNav > ul { margin: 0; background: #ffffff; display: block !important; border-bottom: 2px solid #f2f6f9;}
    .homepage .mainNav > ul { margin: 0; background: #ffffff; display: block !important; border-bottom: none}
    .owl-item > div{
        min-height: 168px;
    }
    .twitterWrapper .owl-controls {
        position: absolute;
        display: inline-block;
        padding: 0 3.5em;
        bottom: 1.5em;
        left: 0;
    }
    .callToActionTwitter {
        position: absolute;
        bottom: 1.5em;
        right: 1em;
        top: inherit;
    }
    .owl-item > div p:first-child {
        margin-top: 1em !important;
        margin-bottom: 0.5em;
    }
    /* menu update */
    /* .mainNav > ul > li { float: left; width: calc(100% /6); } */
    /* fix */
    .mainNav > ul > li {
        float: left;
        width: calc(100% /7);
        height: 55px;
        white-space: wrap;
    }


    .mainNav > ul > li:last-child { border: none; }

    /* menu update */
    /*.mainNav > ul > li > a { display: block; padding: 1em 0em; font-weight: bold; text-align: center; border-right: 2px solid #f2f6f9; } */
    /* fix */
    .mainNav > ul > li > a {
        display: block;
        padding: 20px 0em;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #f2f6f9;
        font-size: 100%;
    }



    .mainNav > ul > li > a.active,.mainNav > ul > li > a.active.hierarchy, .mainNav > ul > li > a:hover { background: #003d7d; color: #ffffff; border-right: 2px solid #003d7d; }
    .mainNav > ul > li > ul { display: none !important; }
    .tilesWrapper { background: #f2f6f9; }
    .tilesWrapper .container > div { padding: 1em 2em; margin: 0; background: #f2f6f9; }
    .tilesWrapper .container > div .tilesTop { padding: 0; }
    #tabletViewSearchBtn { border: none; background: transparent; float: right; margin: 1em 0.5em 0 0; font-size: 2em; }
    #tabletViewSearchBtn > span { display: none; }
    #tabletViewSearchBtn > i { color: #ffffff; }
    .tilesTop { padding: 0; }
    .tile { margin: 1.5em 0; }
    .logoArea { background-size: 50% 100%; }
    .logoArea .logo { padding: 1.5em; display:inline-block; }
    .sliderWrapper #bannerSlider { margin: 0; }
    .sliderWrapper #bannerSlider .owl-stage-outer { background: #5b2c81; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a { color: #ffffff; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child { padding: 2em 4em 2em 2em; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child h2 { font-size: 1.8em; margin-top: 0; margin-bottom: 0.3em; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child > p { display: none; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child > span { background: #ffffff none repeat scroll 0 0; border-radius: 0.2em; color: #003d7d; display: inline-block; padding: 1em; font-size: 70%; }
    .twitterWrapper .twitter { background: #f2f6f9; }
    .twitterWrapper .twitter .twitt { padding: 1em 2em; }
    .twitterWrapper .twitter .twittContentWrapper { width: 75%; background: #ffffff; }
    .twitterWrapper .twitter .twittContentWrapper > div { padding: 0em 0.6em 0 1.4em; min-height: 168px}
    .twitterWrapper .twitter .twittContentWrapper > div > div:first-child { width: 100%; letter-spacing: 0; }
    .twitterWrapper .twitter .twittContentWrapper > div > div:last-child { display: none; }
    .latestHeadingsWrapper .container > div { padding: 2em; }
    .latestHeadingsWrapper .container > div .headHeadings > h2 { font-size: 1.4em; }
    .latestHeadingsWrapper .container > div .headHeadings > a { margin-top: 0; }
    .latestHeadingsWrapper .container > div .headings { margin-top: 1em; }
    .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(2), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(5), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(8) { margin: 2% 0; }
    .latestHeadingsWrapper .container > div .headings .heading { width: 48%; margin: 2% 0; float: left;min-height:200px; }
    .latestHeadingsWrapper .container > div .headings .heading > div { padding: 1em 2em; }
    .latestHeadingsWrapper .container > div .headings .heading > div > h3 { margin-top: 0.5em;margin-bottom: 1em;}

    .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(1), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(3), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(5) { margin-right: 4%; }
    .footerWrapper .container > div { padding: 0 2em; }
    .footerWrapper .container > div h3 { width: 100%; padding: 0em 0 1em; border-bottom: 1px solid #949494; margin-bottom: 0; }
    .footerWrapper .container > div h3 > i { float: right; font-size: 0.8em; margin-top: 0.3em; }
    .footerWrapper .container > div h3.elementOpen > i{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); transform: rotate(90deg);}
    .footerWrapper .container > div .footerList { padding: 0; margin: 0; }
    .footerWrapper .container > div .footerList li > a { line-height: 1; padding: 1em 0; display: block; border-bottom: 1px solid #909090; color: #909090; }
    .footerWrapper .container > div .footerList li > a > i { display: none; }
    .footerWrapper .container .footerMiddle .footerNavi > ul { margin: 0; padding: 0; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li { display: block; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li > a { font-size: 1em; border-bottom: 1px solid #909090; color: #000000; margin: 0; padding: 1em 0; display: block; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li > a:after { content: ''; width: 0; background: transparent; position: absolute; height: 0; right: 0; top: 0; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li > a > i { display: none; }
    .footerBottom { background: #ffffff; }
    .footerBottom > div { padding: 1em 2em; }
    .footerBottom > div > p { float: left; width: 60%; color: #909090; font-size: 0.9em; padding: 1em 0; }
    .footerBottom > div .footerImagesSmall { float: right; }
    .footerBottom > div .footerImagesSmall > span { display: inline-block; }
    .footerBottom > div .footerImagesSmall > span > a { display: block; }
    .footerBottom > div .footerImagesSmall > span > a > img { vertical-align: middle; }
    .footerBottom > div .footerImagesSmall .ccLogo { margin-left: 2em; }
    .bannerSliderControlls { text-align: center; margin-top: -2em; margin-left: 5em; position: relative; z-index: 12; }
    .bannerSliderControlls .owl-dots .owl-dot { display: inline-block; }
    .bannerSliderControlls .owl-dots .owl-dot > span { width: 8px; height: 8px; display: block; margin-right: 5px; border-radius: 50%; border: 2px solid #ffffff; }
    .bannerSliderControlls .owl-dots .owl-dot.active > span { background: #ffffff; }
    .searchWrapper{padding:1em 0;text-align: center;}
    label[for="searchImp"]{position:absolute; left:-9999em;}
    #searchBtn{font-size: 1.5em;vertical-align: middle;}
    #searchImp{width:80%;}
    .contentPageMenu{display: none;width:100%}
    .contentPageMenu > div{padding: 1em 1em 0em 1.5em;}
    .currentSubName{
        margin-bottom: 0.5em;
        padding-bottom: 0;
        font-size: 1.3em;
        color: #003d7d;
    }
    .currentSubName > a{
        display: block;
        font-weight: bold;
        width: 98%;
        padding-bottom: 0em;
        margin: -1em 0 0 1.5em;
    }
    .currentSubName > i{
        float: right;
        font-size: 0.8em;
        margin-top: -1.5em;
    }
    .currentSubName.arrowDown > i{
        -webkit-transform: rotate(90deg); transform: rotate(90deg);-ms-transform: rotate(90deg);
    }
    .subNavContentPage > li.hideArrowInElement > i{
        display: none;
    }
    .currentSubName:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
    }

    .contentPageMenu > div >ul.subNavContentPage{display: none;margin: 0;padding: 0;list-style: none;}
    .contentPageMenu > div >ul.subNavContentPage > li,.contentPageMenu > div > .thirdMenulvlActive > ul > li{border-bottom: 1px solid #585d61;}
    .contentPageMenu > div >ul.subNavContentPage > li:first-child, .contentPageMenu > div > .thirdMenulvlActive > ul > li:first-child{border-top: 1px solid #585d61;}
    .contentPageMenu > div >ul.subNavContentPage > li > a{display:block;padding: 0.7em 0 ;width: 95%;text-indent: 3em;}
    .contentPageMenu > div >ul.subNavContentPage > li > a:hover,
    .contentPageMenu > div >ul.subNavContentPage > li.active > a{background: #ffffff;}
    .info h2{
        font-size: 1.7em;
        margin: 0 0 0.5em 0;

    }
    .contentPageMenu > div > .thirdMenulvlActive > ul{
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 80%;
        text-indent: 3em;
    }
    .contentPageMenu > div > .thirdMenulvlActive > ul > li > a{
        display:block;padding: 0.7em 0 ;width: 95%;
    }
    .thirdMenuLvl > li.active{
        background: #ffffff;
    }
    .info button{
        font-size: 80%;
    }
    .carousel{
        margin-bottom: 10px;
    }
    .contentPageMenu > div >ul.subNavContentPage > li > i{
        float: right;
        color: #003d7d;
        font-size: 0.8em;
        margin-top: -2em;
        margin-right: 0.5em;
    }
    /* display none */
    .headerContact, #desktopCloseSearch,.bannerSliderPlayPauseControlls,.footerImages, .mobile, .mainNav > ul > li > a > i, .specialHidden,.info p,.slick-arrow, #playBtn, #pauseBtn ,.navigation img{
            display: none !important;
    }
    
    /* added post dev */
    /* .sr-only is screen reader only section */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}    
    
@media all and (max-width: 880px) {
    .sTabs > li, .tabs > li {
        display: block;
        margin-right: 0;
        margin-top: -1.5em;
    }
    .sTabs > li:nth-child(1) {
        margin-top: .5em;
    }
    div.mainContentPage > div > ul.sTabs {padding-left: 0em;}
}
}
@media all and (max-width: 800px) {
    .twitterWrapper .twitter .twitt img{
        width: 115%;
    }
    .owl-item > div, .twitterWrapper .twitter .twittContentWrapper > div, .twitterWrapper .twitter .twittContentWrapper{
        min-height: 193px;
    }
}

    
/* end Tablet -------------------------------------------------------------------*/
/* start Mobile -------------------------------------------------------------------*/
@media all and (max-width: 766px) {

    .section-index:before {
        margin-left: -1em;
    }
    .sTabs > li, .tabs > li {
        display: block;
        margin-right: 0;
        margin-top: -1.5em;
    }
    .sTabs > li:nth-child(1) {
        margin-top: .5em;
    }
    div.mainContentPage > div > ul.sTabs {padding-left: 0em;}

    textarea{
        width: 100%;
    }
    h2.accordionTop{
        background: #f2f6f9 url("https://translate.sa.gov.au/__data/assets/image/0016/43414/accordion_arrow_closed.png?v=0.1.3") 97% center no-repeat;
        text-indent: initial;
        padding: 1em;
        padding-right: 1.5em;
    }
    h2.accordionTop.active{
        background: #003d7d url("https://translate.sa.gov.au/__data/assets/image/0017/43415/accordion_arrow_open.png?v=0.1.3") 97% center no-repeat;
    }
    .owl-carousel .owl-item{width:100%;}
    .owl-carousel .owl-item img{width:120px;float:left;margin-right:1em;}
    .owl-carousel .owl-item{letter-spacing: 0;}
    .owl-carousel .owl-item > div strong{
        letter-spacing: 0;
        display: inline-block;
        vertical-align: bottom;
        margin-top: 30px;
        font-size: 1.2em;
    }
    .specialHidden { display: none; }
    .container { width: 100%; margin: 0 auto; }
    .mainContentPage p{word-wrap: break-word;}
    .mainContentBody .mainContentPage{width: 100% !important;background: #ffffff;}
    .mainContentPage > div{padding:1em 0 2em;width: 94%;margin: 0 auto;}
    .mainContentPage form ul li{display: block;margin: 1em 0;}
    input[type="text"], input[type="password"],input[type="email"]{width: 100%;padding: 0.5em 0;}

    div.fancy-select div.trigger, div.fancy-select ul.options{min-width: 90%;max-width: 90%;width: 90%;}
    div.fancy-select ul.options.open{width: 100%;min-width: 99.7%;}
    fieldset {
        border: none;
        margin: 0;
        width: 100%;
        padding: 0;
        display: inline-block;
    }
    fieldset > div{
        width: 100%;
    }


    form input[type="submit"], form button, form input[type="reset"]{display: block;margin: 0.5em 0;width: 100%;padding: 0.5em 0;}
    .logoArea { background-size: 50% 100%; }
    .logoArea a.logo { display: block; text-align: center; }
    .mainNav { background: #ffffff; }
    .mainNav > a { border-bottom: 1px solid #909090;margin: 0; display: block; text-align: center; padding: 1em 0; color: #003d7d;cursor: pointer; font-weight: bold;}
    .mainNav > a > i { float: right; margin-right: 1em; -webkit-transform: rotate(90deg); transform: rotate(90deg);-ms-transform: rotate(90deg); font-weight: normal; font-size: 80%; margin-top: 0.3em; }
    .mainNav > ul { margin: 0; padding: 0;}
    .mainNav > ul > li > a { display: block; padding: 1em 0; border-bottom: 1px solid #909090; text-indent: 1em; }
    .mainNav > ul > li > a > i { float: right; margin-right: 1.5em; font-size: 0.7em; margin-top: 0.3em; }
    .mainNav > ul > li > a.mobileMenuOpen > i { 
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        margin-top: -3px;
        margin-right: 1em;
    }
    .mainNav > ul > li > ul > li > a { 
        display: block;
        padding: 0.6em 0 0.6em 3em;
        font-size: 80%;
        border-bottom: 1px solid #909090;
    }
    .mainNav > ul > li > ul > li > i { display: none; }
    .searchWrapper { padding: 1em 0; border-bottom: 1px solid #909090; text-align: center; }
    .searchWrapper label[for="searchImp"] { position: absolute; left: -9999em; }
    .searchWrapper .searchInp { border: 1px solid #909090; border-radius: 0.2em; width: 80%; }
    .searchWrapper .fa-search { font-size: 1.5em; vertical-align: middle;}
    .tile { margin: 1em 0; }
    .twitterWrapper { margin-bottom: 0; padding-bottom: 2em; background: #ffffff; }
    .twitterWrapper .twitter .twitt { padding: 1.3em; }
    .twitterWrapper .twitter .twitt .twittContentWrapper p { letter-spacing: 0; float:right;width:100%;}
    .twitterWrapper .twitter .twitt .twittContentWrapper p > img { display: inline-block; width: 80px; vertical-align: middle; margin-right: 0.5em; }
    .twitterWrapper .twitter .twitt .twittContentWrapper > div > div:last-child { display: none; }
    .twitterWrapper .twitter .twitt .twitterImage { display: none; }
    .twitterWrapper .owl-controls { position: absolute; display: inline-block; padding: 0 3em; bottom: -2.3em; left: 0em; }

    .callToActionTwitter{
        bottom: -1em;
        left: 0;
        top: inherit;
        right: inherit;
    }


    .tilesWrapper .container > div { margin: 0; padding: 1em; background: #f2f6f9; }
    .tilesWrapper .container > div .tilesTop { margin-top:0em;padding: 0; }
    .tilesWrapper .container > div .tilesTop > h2 { font-size: 1.7em; margin-top: 0;}
    .tilesWrapper .container > div .tilesTop p { margin-bottom: 0; }
    .tilesWrapper .container > div .tilesTop p.tilesMiddleText { display: none; }
    .latestHeadingsWrapper .container > div { padding: 3em 2.5em 2em; }
    .latestHeadingsWrapper .container > div .headHeadings h2 { float: none; margin-bottom: 0.5em; }
    .latestHeadingsWrapper .container > div .headHeadings a { float: none; display: inline-block; margin-bottom: 0.5em; }
    .latestHeadingsWrapper .container > div .headings { margin: 0; }
    .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(2), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(5), .latestHeadingsWrapper .container > div .headings > div.heading:nth-child(8) { margin-right: 0; margin-left: 0; }
    .latestHeadingsWrapper .container > div .headings .heading { width: 100%; margin: .5em 0 0 0; min-height: 20px;}
    .latestHeadingsWrapper .container > div .headings .heading > div { padding: 2em; }
    .latestHeadingsWrapper .container > div .headings .heading > div h3 { font-size: 1.5em; line-height: 1.5; }
    .latestHeadingsWrapper .container > div .headings .heading > div span { font-size: 100%; }
    .sliderWrapper #bannerSlider { margin: 0; }
    .sliderWrapper #bannerSlider .bannerSliderControlls { text-align: left; margin-top: -3.5em; margin-left: 3em; position: relative; z-index: 12; }
    .sliderWrapper #bannerSlider .bannerSliderControlls .owl-dots .owl-dot { display: inline-block; }
    .sliderWrapper #bannerSlider .bannerSliderControlls .owl-dots .owl-dot > span { width: 8px; height: 8px; display: block; margin-right: 5px; border-radius: 50%; border: 2px solid #ffffff; }
    .sliderWrapper #bannerSlider .bannerSliderControlls .owl-dots .owl-dot.active > span { background: #ffffff; }
    .sliderWrapper #bannerSlider .owl-stage-outer { background: #5b2c81; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a { color: #ffffff; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div:nth-child(1) { width: 100%; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div:nth-child(2) { display: none; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child { padding: 3em; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child h2 { font-size: 3em; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child > p { display: none; }
    .sliderWrapper #bannerSlider .owl-stage-outer li > div > a > div div:first-child > span { background: #ffffff none repeat scroll 0 0; border-radius: 0.2em;
                                                                                              color: #003d7d;
                                                                                              display: inline-block;
                                                                                              padding: 1em;
                                                                                              font-family: 'Helvetica Regular', Helvetica, Arial, sans-serif;
                                                                                              font-size: 1em;
                                                                                              font-weight: bold;
    }

    /* Download document */
    .mainContentPage span.include_download_bar{
        display: block;
    }
    .mainContentPage a.include_download_bar{
        margin: 10px auto;
        padding: 1em;
        text-indent: 0;
        background: #003d7d;
        margin-top: 4em;
        width: 90%;

    }
    .mainContentPage a.include_download_bar:hover {
        text-decoration: none;
    }
    .mainContentPage a.include_download_bar:after {
        top: -36px;
        content: "Download";
        left: 0;
        height: 40px;
        position: absolute;
        text-indent: 0;
        width: 100%;
        text-indent: 3em;
        padding-top: 0.5em;
        background: #003d7d url("https://translate.sa.gov.au/__data/assets/image/0013/43042/download_icon.png?v=0.1.1") 1em 10px no-repeat;
    }
    .mainContentPage a.include_download_bar > span{
        position: absolute;
        top: -27px;
        z-index: 1;
        right: 1em;
    }
    .footerWrapper { padding-top: 1em; }
    .footerWrapper .container > div { padding: 0 2em; }
    .footerWrapper .container > div h3 { width: 100%; padding: 0em 0 1em; border-bottom: 1px solid #949494; margin-bottom: 0; }
    .footerWrapper .container > div h3 > i { float: right; font-size: 0.8em; margin-top: 0.3em; }
    .footerWrapper .container > div h3.elementOpen > i{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); transform: rotate(90deg);}
    .footerWrapper .container > div .footerList { padding: 0; margin: 0; }
    .footerWrapper .container > div .footerList li > a { line-height: 1; padding: 1em 0; display: block; border-bottom: 1px solid #909090; color: #767676; /*909090*/}
    .footerWrapper .container > div .footerList li > a > i { display: none; }
    .footerWrapper .container .footerMiddle .footerImages { text-align: center; margin-top: 1em; }
    .footerWrapper .container .footerMiddle .footerImages .saGovLogo { float: left; }
    .footerWrapper .container .footerMiddle .footerImages .ccLogo { float: right; }
    .footerWrapper .container .footerMiddle .footerNavi > ul { margin: 0; padding: 0; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li { display: block; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li > a { font-size: 1em; border-bottom: 1px solid #909090; color: #000000; margin: 0; padding: 1em 0; display: block; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li > a:after { content: ''; width: 0; background: transparent; position: absolute; height: 0; right: 0; top: 0; }
    .footerWrapper .container .footerMiddle .footerNavi > ul > li > a > i { display: none; }
    #bannerSlider { margin: 0; }
    .breadcrumbs{line-height: 1.5;}
    .footerWrapper .container > div.footerTopLinks{border-top: 1em solid #003d7d;}
    .homepage .footerWrapper .container > div.footerTopLinks{border-top: none;}
    .tilesWrapper .tile {width:100%; margin:1.3em 0;}

    .twitterWrapper .twitter .twittContentWrapper{width:100%;letter-spacing: 0;}
    .twitterWrapper .twitter .twittContentWrapper > div{padding:0;}
    .owl-stage-outer{padding-bottom:1.5em;}
    .carousel{
        margin-bottom: 10px;
    }
    .info h2{
        margin: 0em 0em 0.5em;
    }
    .info button{
        font-size: 80%;
    }
    /* navigation */
    .navigation {
        /*left: 2em;*/
        margin-left: 0px;
        bottom: 6px;
        /* new */
        position: relative; 
        background-color: #DBDCDD; 
        padding-left: 40%;
        left: 0;
    } 
    /* new */
    .navigation div { 
        left: 0px; 
        position: relative; 
        float: left; 
        margin-top: 9px; 
    }
    
    .navigation .slick-dots{
        margin: 10px 0 0 0px;
    }
    
    .navigation .slick-dots li button{
        margin: 0 4px 0 0;
        width: 10px;
        height: 10px;
        /* new */
        border: 2px solid #003F7A; 
    }
    
    /* end navigation */

    #wrapper div.info{
        width: 100%;
        float: none;
        padding-bottom: 2.5em;
    }
    
    /* mobile top menu */
    .contentPageMenu{
        display: none;
        width: 95%;
        margin: 0 auto;
    }
    .contentPageMenu > div{
        padding: 0;
    }
    .currentSubName {
        margin: 0 0 0 1.5em;
        position: relative;
        padding-bottom: 0em;
        font-size: 1em;
        font-weight: bold;
        padding: 1em 0 0.5em;
    }
    .currentSubName > a{
        display: inline-block;
        width: 85%;
    }
    .currentSubName > i{
        font-size: 0.7em;
        color: #003d7d;
        vertical-align: top;
        margin-top: 0.2em;
    }
    .contentPageMenu i.fa.fa-bars{
        font-size: 1em;
        float: left;
        position: absolute;
        padding: 1em 0 0.5em;
        color: #003d7d;
    }
    .currentSubName:after{
        content: "";
        height: 0px;
        width: 0;
        background-color: transparent;
    }
    .subNavContentPage{
        list-style: none;
        padding: 0;
        margin: 0;
        display: none;
    }
    .subNavContentPage > li > i{
        font-size: 0.7em;
        color: #003d7d;
        vertical-align: top;
        margin-top: 0.5em;
    }
    .subNavContentPage > li{
        padding: 0.5em 0;
        border-bottom: 1px solid #909090;
    }
    .subNavContentPage > li > a{
        display: inline-block;
        /* text-indent: 1em; */
        width: 90%;
        font-size: 80%;
        padding-left: 1em;
    }
    .arrowDown > i{
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg); 
        transform: rotate(90deg);
    }
    .arrowDown > ul{
        margin: 0.5em 0px 0px;
        padding: 0;
        font-weight: normal;
        font-size: 80%;
        text-indent: 1em;
    }
    .arrowDown > ul > li{

    }
    .arrowDown > ul > li.active{
        background: #ffffff;
    }
    .arrowDown > ul > li > a{
        padding: 0.5em 0;
        display: block;
        border-bottom: 1px solid #909090;

    }

    .mainContentPage ul{
        padding-left: 1.5em;
    } 
    .mainContentPage ul > li{
        line-height: 1.5;
        margin-bottom: 0.5em;
    }  
    /* end mobile top menu */ 
    /* Page index class */
    .page-index{
        margin: 1em 0em 0 0em;
        padding: .5em 0 .5em 0em;
        position: relative;
        width: 98%;
        margin-left: -3%;
    }
    .page-index:before {
        position: absolute;
        left: 7em;
        top: 1em;
    }
    .page-index > ul{
        margin-top: 2.7em;
        padding-left: 1.5em;
        margin-left: 4em;
    }
     .mainContentPage ul.page-index > li:nth-child(1) {
        margin-top: 2em;
    }
    .logoArea {
        background: #003d7d;
    }
    /* content right */
    .mainContentPage > div.rightContentExist > div.leftContentWrapper{
        float: none;
        width: 100%;
    }
    .mainContentPage > div.rightContentExist #right_margin_content{
        float: none;
        width: 106%;
        margin-top: 1em;
        margin-left: -3%;
    }
    .mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper {
        padding: 1em 3%;
    }
    .mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper a.include_download_bar{
        padding: 1em;
        background-position: 15px 10px;
    }
    .mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper  a.include_download_bar:after{
        left: 0;
    }
    .mainContentPage > div.rightContentExist #right_margin_content > div.rightContentWrapper  a.include_download_bar > span{
        margin-left: inherit;
        display: inherit;
    }


    /*display none*/
    #playBtn, #pauseBtn, 
    .slick-arrow,.headerContact,
    #tabletViewSearchBtn, 
    .bannerSliderPlayPauseControlls,.footerBottom, #desktopCloseSearch, .info p,
    #wrapper div.imageWrapper, .mainNav > ul > li > a.hideArrowInElement > i, 
    img.prev.slick-arrow,
    img.next.slick-arrow,li.hideArrowInElement > i{ 
        display: none !important; 
    } 

    /* Added post initial development */
    .boxes {
        width: 96%;
        float: none; 
        height: initial;  
    } 
    .inpageBanner {
        overflow: hidden;
    }
    .w30, .w40, .w50, .w60, .w70, .w80, .w90 {width:100%;}
}

@media all and (max-width: 350px) { 
    .owl-carousel .owl-item > div strong {
        font-size: 1em;
    }
    .latestHeadingsWrapper .container > div .headings .heading {
        width: 100%;
        margin: 1em 0 0.5em;
        min-height: 150px;
    }
    .latestHeadingsWrapper .container > div .headings .heading > div{
        padding: 1.5em;
    }
    .latestHeadingsWrapper .container > div .headings .heading > div h3{
        font-size: 1em;
        margin-bottom: 1em;
        margin-top: 0;
    }
    .latestHeadingsWrapper .container > div .headings .heading > div span{
        font-size: 70%;
    }
    a.logo img{
        width: 95%;
        height: auto;
    }
    p.tac {
        text-align: center;
    }
    a.button {
        padding-left: 2em!important; 
        padding-right: 2em!important;
        margin-right: 0em!important;
    }
}
@media all and (max-width: 300px) { 
    .mainContentPage ul {
        padding-left: 1.5em;
    }
    .mainContentPage ul > li {
        line-height: 1.5;
        margin-bottom: 0.5em;
    }
}
/* end Mobile -------------------------------------------------------------------*/

/* huge screen size */
@media all and (min-width: 1650px) { 
    .logoArea .logo { display: inline-block; padding: 37px 0 43px; }
    .sTabs > li > a, .tabs > li > a{
        padding: 1em 1em;
    }
    .currentSubNameMobile{
        display: none;
    }
    .container{
        width: 98%;
    }
    .mainNav > ul > li > a {
        display: block;
        padding: 10px 0;
        border: 1px solid transparent;
        text-decoration: none;
        font-weight: bold;
        display: block;
        font-size: 1.4em;
    }
    .mainNav > ul > li {
        float: left;
        width: calc(98% /8);
        /* height: 55px; */
        white-space: nowrap;
        padding: 0;
        text-align: center;
        padding: 10px 0;
    }
    .mainNav > ul > li:last-child {
        padding: 10px 0;
        padding-top: 25px;
    }
    .item{
        max-height: 500px !important;
    }
    /* DCSI added post install */
    form p {
        width: 60%;
    }
    .info h2 {
        font-size: 3em;
         margin: 0.5em 0;
    }
    /* when needed make image fit height and slide right on widest screens - according to specfic asset id */
    /* #wrapper div.imageWrapper img, .imageWrapper img {
    #wrapper .imageWrapper.fit  */
    #wrapper div.imageWrapper img, .imageWrapper img {
        width: fit-content;
        /* width: 100%; */
        float: right
    }
}
/* end huge screen size */

/* DCSI added post install */

.code {
    font-family: monospace;
    font-size: large;
}
/* Don't display the h1 or h3 or h2.topheading of pages nested under accordions */
.accordionDetails > h1.topHeading, .accordionDetails > h2.topHeading, .accordionDetails > h3.topHeading, .newsItem > h1.topHeading, .newsItem > h2.topHeading {
    display: none;
}
#desktopCloseSearch > i.fa.fa-search > span {display: none;}
.visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}
.imgBorder, .imgborder, .imageBorder, .imageborder, .addBorder, .addborder, .border {
    border: 1px solid lightgrey;
}