@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

/*.body-content a {*/


/*    color: #0d78c2;*/


/*}*/

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.header-transparent.single-council-data .header {
    position: relative;
}

.hide-breadcrumbs .element-breadcrumbs,
.parent-pageid-965 .element-breadcrumbs {
    display: none;
}

.download-banner {
    padding-top: 17px;
}

.select2-container--default .select2-selection--single {
    border: 0;
    border-radius: 0px;
}

.council-choose.fr {
    max-width: 350px;
    float: right;
    width: 100%;
    padding-top: 4px;
}

.red-bg {
    background-color: #d6243c;
}

.red {
    color: #db4454;
}

.yellow {
    color: #d89918;
}

.blue-bg {
    background: #0085c9;
}

.main-top {
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    padding-top: 12px;
    padding-bottom: 12px;
}

.main-top .current-year {
    position: absolute;
}

.main-top .toggle {
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;
    background: #e4455b;
    width: 92px;
    height: 40px;
    padding-right: 10px;
}

.main-top .toggle.on::before {
    content: "\f106";
}

.main-top .toggle::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f107";
    display: inline-block;
    position: absolute;
    right: 10px;
    font-size: 24px;
    top: 7px;
    line-height: 1em;
}

.custom-child-nav.banner-menu .child-page-menu li.active {
    background: #d6243c;
}

.custom-child-nav.banner-menu .child-page-menu a {
    padding: 16px 13px;
    text-transform: uppercase;
}

.banner-menu .child-page-menu a {
    font-size: 14px !important;
}

ul.council-select {
    margin: 0;
    list-style: none;
}

ul.council-select li {
    display: inline-block;
}

ul.council-select li a {
    display: inline-block;
    padding: 13px 0px;
    color: #FFF;
}

ul.council-select li a:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f111';
    padding-left: 5px;
    font-size: 17px;
    margin-right: 7px;
}

ul.council-select li.current a:before {
    content: '\f058';
}

.text-white,
.white {
    color: #FFF;
}

.center {
    text-align: center;
}

tbody,
tfoot,
thead {
    border: none;
    background-color: transparent;
}

.large-text i,
.large-text sup {
    font-size: 30px;
    position: relative;
    top: -26px;
}

.button.btn-white-transparent {
    background-color: rgba(255, 255, 255, 0.32941176470588235);
}

.flex-item-center {
    display: block;
    vertical-align: top;
    position: relative;
    min-height: 63px;
    padding: 11px 12px 7px 37px;
    margin-bottom: 10px;
    font-size: 20px;
}

.flex-item-center img {
    margin-right: 20px;
    position: absolute;
    top: 0px;
    left: 0;
}

.charts-container {
    margin-bottom: 30px;
}

.olg-plain-table td {
    text-align: center;
    background: none;
    border: 2px solid #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
}

.olg-plain-table tr:nth-child(1n) {
    background: none;
}

@media (min-width: 641px){
    .olg-plain-table td{
        font-size: 24px;
    }
}


@media (min-width: 1024px){
    .olg-plain-table td{
        font-size: 28px;
    }
}

/* Grid Table - Start */
.grey-grid-table-style table thead,
.green-grid-table-style table thead{
    background-color: #e7e6e6;
    font-size: 24px;
}

.grey-grid-table-style thead th {
    border-bottom: 1px solid #e11d3f;
}

.green-grid-table-style thead th {
    border-bottom: 1px solid #ffc000;
}

.green-grid-table-style tfoot th {
    border-top: 1px solid #ffc000;
    border-bottom: 1px solid #ffc000;
}

.green-grid-table-style tfoot td {
    font-weight: normal;
}

.grey-grid-table-style tbody tr,
.green-grid-table-style tbody tr{
    background: none;
}

.grey-grid-table-style td:not(:last-child), .grey-grid-table-style th:not(:last-child) {
    border-right: 1px solid #858687;
}

.green-grid-table-style td:not(:last-child), .green-grid-table-style th:not(:last-child) {
    border-right: 1px solid #71ad47;
}

.grey-grid-table-style tbody tr:not(:last-child) {
    border-bottom: 1px solid #858687;
}

.green-grid-table-style tbody tr:not(:last-child) {
    border-bottom: 1px solid #71ad47;
}

.grey-grid-table-style td{
	color: #d0cece;
}

.grey-grid-table-style tbody tr.has-values:not(:last-child) td {
    color: #185b82;
}

.grey-grid-table-style tbody tr.has-values:last-child td {
    color: #000000;
	font-weight: 600;
}

@media (min-width: 1024px){
	.grey-grid-table-style table thead,
	.green-grid-table-style table thead{
        font-size: 26px;
    }
	
	.grey-grid-table-style td,
	.green-grid-table-style td,
	.green-grid-table-style tfoot th {
	    font-size: 22px;
	}
}
/* Grid Table - End */

@media (min-width: 1024px){
    #key-housing-indicator-table td:not(:first-child),
    #key-housing-indicator-table th:not(:first-child){
        width: 20%;
        text-align: center;
    }   
}

/*********************************************
*
*   TABLE HEADER STYLE
*
**********************************************/

.data-table thead td {
    color: #333;
}

.data-table thead td h2 {
    font-weight: bold;
}

.entry-content thead {
    color: #333;
}

table thead td {
    color: #333;
}

table thead td h2 {
    font-weight: bold;
}

table thead {
    color: #333;
}


/*********************************************
*
*   SEPARATOR STYLE
*
**********************************************/

hr {
    margin: 3.25rem auto;
    border-bottom: 1px dashed #9b9a9a;
    display: block;
    width: 100%;
}

.bottom-divider{
    border-bottom: 1px dashed #9b9a9a;
}


/*********************************************
*
*   HELPER CLASSES
*
**********************************************/

.sw-chart-center {
    margin: auto;
}

.hr {
    border-bottom: dashed thin;
    margin: auto;
    margin-bottom: auto;
    max-width: 1098px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.chart-font {
    font-family: 'Roboto Condensed', sans-serif;
}

.rowify {
    display: flex;
    flex-direction: row;
}

.green-grid-table-style thead tr,
.green-grid-table-style tfoot tr+th{
    background-color: #f5f4f1;
}

.green-grid-table-style tbody tr:nth-child(2n+1),
.green-grid-table-style tfoot tr:nth-child(2n+1) {
    background-color: #fafaf8;
}

.table-row-strip tbody tr:nth-child(2n) {
    background-color: #f5f4f1;
}

.home-svg-icon {
    max-width: 134px;
    margin-bottom: 1.5rem;
}

.header-bold h1,
.header-bold h2,
.header-bold h3,
.header-bold h4 {
    font-weight: bold;
}

.chart-style {
    font-family: 'Roboto Condensed', sans-serif;
}

.chart-style .percent i {
    font-size: 38px;
    vertical-align: super;
}

.chart-style .percent sup {
    top: 0;
}

.chart-style .num {
    font-size: 4em;
    display: inline-block;
    font-weight: bold;
}

.chart-style h3 {
    font-weight: bold;
}

.chart-style h3 {
    font-weight: bold;
}

@media (min-width: 1024px) {
    .large-text {
        font-size: 60px;
    }
}


/*********************************************
*
*  NSW AT A GLANCE PAGES Council number 1
*
**********************************************/

.council-number .color1 {
    color: #0085c9;
    line-height: 26px;
    margin-bottom: 20px;
}

.council-number .color2 {
    color: #4ac3ed;
    line-height: 26px;
    margin-bottom: 20px;
}

.council-number .color3 {
    color: #2dbb9b;
    line-height: 26px;
}

.highcharts-data-labels span {
    font-family: 'Roboto Condensed', sans-serif !important;
}

.highcharts-pie-series .highcharts-text-outline{
    stroke: none;
}

.council-number .calendar i {
    font-size: 44px;
}

.council-number {
    font-family: 'Roboto Condensed', sans-serif;
}

.page-at-a-glance .title {
    margin-bottom: 25px;
}

.page-at-a-glance .num {
    font-size: 4em;
    display: inline-block;
    font-weight: bold;
}

.page-at-a-glance .green {
    color: #2dbb9b;
}

.page-at-a-glance h3 {
    font-weight: bold;
}

.council-number2 .grid-container .sw-chart>div:nth-child(3) .fa-users {
    color: #f6bb41;
}

h2.title {
    font-weight: bold;
}

.council-number3 .top i {
    display: inline-block;
    color: #ffffff;
    font-size: 72px;
    margin-right: 5px;
}

.council-number3 .top-right {
    font-size: 20px;
    display: inline-block;
    max-width: 144px;
}

.council-number3 .num {
    font-size: 47px;
    font-weight: bold;
}

.grid-container {
    position: relative;
}

.bottom-date {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
}

.income-per-resident {
    margin-bottom: 65px;
}

.chart-age .chart-list>div {
    margin-bottom: 8px;
}

.chart-age .chart-list img {
    display: inline-block;
    vertical-align: top;
    width: 21px;
}

.chart-age .chart-list p {
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    padding-left: 20px;
}

.blue {
    color: #4ac3ed;
}

.demographics h3.small-heading {
    font-size: 14px;
}


/*********************************************
*
*  NSW AT A GLANCE PAGES Council number 2
*
**********************************************/

.council-number2 {
    font-family: 'Roboto Condensed', sans-serif;
}

.council-number2 .top-right-bottom {
    font-size: .4444em;
    font-weight: 400;
}

.council-number2 .num {
    font-size: 3.34em;
    font-weight: 400;
}


/*********************************************
*
*  NSW AT A GLANCE PAGES Council number 3
*
**********************************************/

.council-number3 {
    font-family: 'Roboto Condensed', sans-serif;
}


/*********************************************
*
*  NSW AT A GLANCE PAGES Council number 4
*
**********************************************/

.council-number4 {
    font-family: 'Roboto Condensed', sans-serif;
}

.page-at-a-glance .council-number4 .num {
    font-size: 46px;
}

.chart-income-expenses .cell.medium-4 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}


/*********************************************
*
*  NSW AT A GLANCE PAGES Council demographics
*
**********************************************/

.demographics {
    font-family: 'Roboto Condensed', sans-serif;
}

.demographics .percent i {
    font-size: 38px;
    vertical-align: super;
}

.demographics .percent sup {
    top: 0;
}

.percent {
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.chart-demo-population.chart-age .chart-list p {
    font-size: 20px;
}

.offset-right-1 {
    margin-right: 10%;
}

.chart-age .chart-list {
    text-align: left;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}


/*********************************************
*
*  NSW AT A GLANCE PAGES Population
*
**********************************************/

.population-hero {
    font-family: 'Roboto Condensed', sans-serif;
}


/*********************************************
*
*  NSW FINANCES PAGES 
*
**********************************************/

#operating-performance-ratio-chart {
    -moz-transform: scale(.9);
    -webkit-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}


/*********************************************
*
*  AT A GLANCE PAGE
*
**********************************************/

.title-w-icon {
    width: 100%;
    margin-bottom: 30px;
}

.title-w-icon i.fa-map-marker-alt {
    color: #0d78c2;
    font-size: 32px;
}

.council-contact a {
    color: #0d78c2;
}

.demographics .num {
    font-size: 4em;
    display: inline-block;
    font-weight: bold;
}

.demographics h3 {
    font-weight: bold;
}

.chart-list i {
    margin-top: 10px;
    font-size: 30px;
}

.chart-age h3 {
    text-align: center;
}


/*********************************************
*
*  Media Queries
*
**********************************************/

@media(max-width: 480px) {
    table {
        font-size: 10px;
    }
    .percent {
        text-align: center;
    }
}

/*********************************************
*
*  Chart Wrapper Helpers
*
**********************************************/

.medium-chart {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}