@charset "UTF-8";

body {
    overflow-x: hidden;
}
.MainContent {
    width: 1000px !important;
    height: auto;
    display: table;
    font-family: 'Montserrat', sans-serif !important;
}
.ACShdr {
    margin-top: 15px;
    width: 100%;
    height: auto;
    display: flex;
}

.acsTtl {
    color: #104172;
    font-size: 2.75em;
    line-height: .9em;
    float: left;
    width: auto;
    margin-right: 8px;
}

.acsYear {
    font-size: 1.1em;
    color: #808080;
    line-height: 1.25em;
    border-right: 1px solid #33b679;
    margin-right: 8px;
    padding-right: 8px;
    float: left;
    width: auto;
}

.districtTtl {
    color: #104172;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4em;
    bottom: .2em;
}

.sectionImg {
    width: 100%;
    margin-top: 15px;
}

.sectionTtl {
    width: 100%;
    background: #10811b;
    color: #fff;
    padding: 8px;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
}

.naTxt {
    color: #ff3546;
}

.raceNA {
    width: 100%;
    text-align: center;
}

.houseTypeNA {
    width: 23%;
    float: left;
}

.iconFormat {
    font-size: 4em;
    color: #33b679;
    margin-right: 8px;
    float: left;
}

.dataHdr {
    color: #104172;
    font-size: 1.1em;
    font-weight: bold;
}

.dataNumber {
    color: #33b679;
    font-size: 2em;
    font-weight: bold;
}

.dataStack {
    line-height: 1.6em;
}



/*Gauges*/
.GaugeMeter {
    position: Relative;
    text-align: Center;
    cursor: Default;
    display: inline-block;
}

    .GaugeMeter .acsMap i {
        margin-left: 0 !important;
    }

    .GaugeMeter SPAN, .GaugeMeter B {
        width: 54%;
        position: Absolute;
        text-align: Center;
        display: Inline-Block;
        color: RGBa(0,0,0,.8);
        height:auto;
        margin: 0 23%;
    }
        .GaugeMeter SPAN {
        font-size: 2em !important;
        font-family: 'Montserrat', sans-serif !important;
        color: #104172;
        font-weight: bold;
    }

        .GaugeMeter[data-style="Semi"] B {
            width: 80%;
            margin: 0 10%;
        }

    .GaugeMeter S, .GaugeMeter U {
        text-decoration: None;
       
    }

    .GaugeMeter B {
        color: #104172;
        font-size: .85em;
        font-weight: normal;
        margin-top: 9.8em;
        line-height: 1.2em !important;
    }

.houseType .GaugeMeter {
    width: 100% !important;
    background-size: 16% !important;
    height: 100px;
    margin-bottom: 40px;
}

    .houseType .GaugeMeter SPAN {
        line-height: 100px;
        display: block;
    }

    .houseType .GaugeMeter B {
        text-align: center;
        font-size: 1em;
        margin: 8em auto 0 -10px !important;
    }

/*end gauge*/

.btnGreen {
    background: #33b679;
    color: #fff;
    font-weight: bold;
}

.amcharts-chart-div svg g {
    font-family:'Montserrat', sans-serif !important;
}
.amcharts-chart-div a {
    display: none !important;
}

.MainContent a, .MainContent a:visited {
    color: #3333FF !important;
    text-decoration: underline;
}

.MainContent .acsMap, .MainContent .acsMap:visited {
    color: #104172 !important;
    text-decoration: underline;
}

.nav-tabs > li.active, .nav-tabs > li.active a {
    background-color: #104172 !important;
    background: #104172 !important;
    color: #fff !important;
    font-weight: bold !important;
    border: 1px solid transparent !important;
    font-size: 1.15em;
    text-decoration: none !important;
}

.nav-tabs > li a {
    background-color: transparent !important;
    background: transparent !important;
    font-size: 1.35em;
    text-decoration: none !important;
    border-radius: 0;
    color: #7ece90 !important;
}

.edgeHdr {
    font-size: 1.35em;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 18px;
}

.subHdr {
    color: #104172 !important;
    text-transform: capitalize;
    font-style: italic;
    font-size: 1.1em !important;
}

.edgeHdr img {
    float: left;
    margin-right: 10px;
}

.edgeM {
    font-family: 'Montserrat', sans-serif;
}

    .edgeM .navbar-nav {
        text-transform: uppercase;
        width: 20%;
    }

        .edgeM .navbar-nav a, edgeM .navbar-nav a:visited {
            color: #fff !important;
            text-decoration: none !important;
        }

        .edgeM .navbar-nav .dropdown-menu a, .edgeM .navbar-nav .dropdown-menu a:visited, .edgeM .navbar-nav .dropdown-menu a:active, .edgeM .navbar-nav .dropdown-menu a:link, .edgeM .navbar-nav .dropdown-menu a:focus {
            color: #373737 !important;
            background: #fff !important;
            text-transform: none;
            text-decoration: none !important;
            margin-left: -10px !important;
        }

    .edgeM .nav > li {
        text-align: center;
        width: 100%;
    }

        .edgeM .nav > li > a {
            text-decoration: none !important;
        }

    .edgeM .mega-dropdown-menu {
        padding: 10px 0px;
        width: 230% !important;
        box-shadow: none;
        -webkit-box-shadow: none;
        font-size: 1em;
        z-index: 410;
    }

    #noResults .dropdown-menu {
        z-index: 110;
    }

        #noResults .dropdown-menu > li > a {
            white-space: normal !important;
        }
        .edgeM .mega-dropdown-menu > li > ul {
            padding: 0;
            margin: 1px;
        }

            .edgeM .mega-dropdown-menu > li > ul > li {
                list-style: none;
            }

        .edgeM .mega-dropdown-menu .dropdown-header {
            color: #ff3546;
            padding: 5px 60px 5px 5px;
        }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #33b679 !important;
}

.edgeM .nav > li > a:hover, .edgeM .nav > li > a:focus {
    background-color: #33b679 !important;
}


.edgeM .mega-dropdown-menu > li ul > li > a:hover,
.edgeM .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
}

body {
    font-size: 100% !important;
}


.container {
    background: #104172;
}

.navbar-toggle {
    border-color: #fff !important;
}

.menuSubTtl {
    margin-left: 12px;
    color: #0070c0;
}

.icon-bar {
    background: #fff !important;
}

.navbar {
    margin-bottom: 0 !important;
    min-height: 40px !important;
}

.MainContent h1 {
    color: #104172;
    font-size: 1.85em;
}

.MainContent h2 {
    color: #104172;
    font-size: 1.5em;
}

.MainContent h3 {
    color: #373737;
    font-size: 1.4em;
}

.btn-default {
    background-color: #33b679 !important;
    font-weight: bold !important;
    color: #fff;
}

a.btn-default {
    background-color: #33b679 !important;
    font-weight: bold !important;
    text-decoration: none;
    color: #fff !important;
}

    a.btn-default:hover {
        background-color: #104172 !important;
    }

.navbar-toggle {
    float: left !important;
    margin-left: 10px !important;
}



.panel-group .panel-heading:before {
    font-family: 'FontAwesome';
    content: "\f139";
    font-size: 1.25em;
    color: #0497bb !important;
}

.panel-group .panel-heading.collapsed:before {
    content: "\f13a";
}

.panel-heading {
    text-decoration: none;
    color: #0497bb !important;
    font-weight: bold;
    cursor: pointer;
}

.panel-default {
    border: none !important;
}


.subHdr {
    color: #40b65b !important;
    text-transform: capitalize;
    font-style: italic;
    font-size: 1.1em !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff !important;
}

.shareBtn {
    background: none;
    border: none !important;
    color: #33b679;
    font-size: 1em;
    text-transform: uppercase;
}

#myPage {
    width: 65%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px;
    margin-top: 4px;
    text-align: center;
}


#myPage input {
    color: #33b679;
    width: 380px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px; 
}


    @font-face {
        font-family: 'locales';
        src: url('../fonts/locales.eot?72711948');
        src: url('../fonts/locales.eot?72711948#iefix') format('embedded-opentype'), url('../fonts/locales.woff?72711948') format('woff'), url('../fonts/locales.ttf?72711948') format('truetype'), url('../fonts/locales.svg?72711948#locales') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    .demo-icon {
    font-family: "locales";
    font-style: normal;
    font-weight: normal;
    font-size: 4em;
    color: #33b679;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-city_icon:before {
    content: '\e800';
}
/* '' */
.icon-rural_icon:before {
    content: '\e801';
}
/* '' */
.icon-suburb_icon:before {
    content: '\e802';
}
/* '' */
.icon-town_icon:before {
    content: '\e803';
}

.sectionImg {
    width: 100%;
}

.raceHeight {
    height: 170px;
}

.printPush {
    display: none;
}

@media (min-width: 1200px) {
    .container {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .container {
        width: 100% !important;
    }
}

@media (max-width: 992px) {
    .MainContent {
        width: 100% !important;
        margin-right: 2px !important;
        margin-left: 4px !important;
    }

    .ACShdr {
        display: table !important;
    }

    .GaugeMeter {
        width: auto;
        height: 150px;
        display: inline-grid;
    }

    .houseType .GaugeMeter {
       /* background: none !important;*/
        margin-left: 2%;
    }

    .houseType .GaugeMeter b {
        margin-left: 0 !important;
        margin-top: 100px;
        text-align: center;
    }

        .houseType .GaugeMeter SPAN {
            margin: 0 1%;
        }
    

    .sectionImg {
        background: #10811b !important;
        height: auto !important;
        margin-top: 10px !important;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6 {
        float: left;
    }

    

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33%;
    }

    .col-md-5 {
        width: 41%;
    }

    .col-md-6 {
        width: 50%;
    }

    }

@media (max-width: 875px) {
    .raceHeight {
        height: 310px !important;
    }
}

@media (max-width: 768px) {
    .MainContent {
        width: 98% !important;
        margin-right: 2px !important;
        margin-left: 4px !important;
        background-position: left;
    }


    .edgeM .nav > li {
        text-align: left !important;
        width: 100% !important;
    }

    .edgeM .navbar-nav {
        width: 100% !important;
    }

    .edgeM .mega-dropdown-menu {
        margin: -10px -16px !important;
        width: 105% !important;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5 {
        float: left;
    }

    
    .col-md-3, .col-sm-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33%;
    }

    .col-md-4, .col-md-12  {
        float: none !important;
        clear: both;
        width: 100% !important;
        margin-top: 10px;
    }

   
    .col-md-5 {
        width: 41%;
    }

    .col-md-6 {
        width: 100%;
    }
    .ACShdr {
        display: table !important;
    }

    .raceHeight {
        height: 360px !important;
    }

    .sectionImg {
        background: #10811b !important;
        height: auto !important;
        margin-top: 10px !important;
    }


    .houseType {
        margin-left: 30px !important;
        margin-bottom: 10px;
    }

        .houseType .GaugeMeter SPAN {
            margin: 0 auto !important;
            margin-left: 20px !important;
        }

        .houseType .GaugeMeter B {
            text-align: center;
            margin-left: 4%;
            font-size: 1em;
            margin-top: 8.8em;
        }

}


@media (max-width: 468px) {
    .MainContent {
        width: 98% !important;
        margin-right: 2px !important;
        margin-left: 4px !important;
        padding: 0 !important;
        text-align: center;   
    }

    .edgeM .nav > li {
        text-align: left !important;
        width: 100% !important;
    }

    .edgeM .navbar-nav {
        width: 100% !important;
    }

    .edgeM .mega-dropdown-menu {
        margin: -10px -16px !important;
        width: 105% !important;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-sm-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-9, .col-md-10, .col-md-11 {
        width: 99% !important;
        margin: 15px 0 !important;
        padding-left: 4% !important;
        height: auto !important;
        display: table !important;
    }
    

    .ACShdr {
        display: table !important;
    }

    .raceHeight {
        height: 460px !important;
    }

    .sectionImg {
        background: #10811b !important;
        height: auto !important;
        margin-top: 10px !important;
    }
    .sectionTtl {
        font-size: 1.25em !important;
        width: 98% !important;
    }

    .houseType {
        margin-left: 30px !important;
    }

    .houseType .GaugeMeter SPAN {
        margin: 0 auto !important;
        margin-left: 20px !important;
    }

    .houseType .GaugeMeter B {
        text-align: center;
        margin-left: 4%;
        font-size: 1em;
        margin-top: 8.8em;
    }

}


@media print {

    .MainContent {
        width: 540px;
    }

    .btnGreen, .edgeM, header, footer {
        display: none;
    }

    #noResults {
        display: none !important;
    }

    .raceHeight {
        height: 340px !important;
        width: 500px !important;
        text-align: center;
        margin: 0 auto;
    }

    #englishOrNotChart {
        text-align: center;
        margin: 0 auto;
        width: 400px !important;
        height: 270px !important;
        margin-top: -20px !important;
    }

    .col-md-4 {
        width: 30%;
        float: left;
        text-align: left;
    }

    .dataNumber, .iconFormat:before {
        -webkit-print-color-adjust: exact;
        color: #33b679 !important;
    }

    .dataHdr {
            color: #104172 !important;
        }

    .col-md-5 {
        width: 41%;
        float: left;
        text-align: left;
    }

    .col-md-3 {
        width: 29%;
        float: left;
        text-align: left;
    }

    div:nth-child(2), div:nth-child(3), div:nth-child(4) {
        padding: 0;
    }

    .col-md-2 .dataHdr {
        float: left;
        width: 20%;
    }

    .ACShdr div.col-md-4 {
        float: left;
        width: 50%;
    }

    .ACShdr {
        border-bottom: 1px solid #808080;
        padding-bottom: 4px;
    }

    .sectionTtl {
        padding: 0;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .printPush {
        page-break-after: always !important;
        display: block;
    }

    .col-md-6 {
        float: left;
        width: 100% !important;
        
    }


        .col-md-6 div.col-md-5, .col-md-6 div.col-md-7 {
            float: left;padding-left: 40px;
        }

        .col-md-6 div.col-md-2 img {
            float: left;
            width: auto;
            margin-left: 40px;
            margin-right: 10px;
            margin-bottom: 60px;
        }

    .edgeHdr a:link:after, .edgeHdr a:visited:after, .acsFtr a:link:after, .acsFtr a:visited:after {
        content: none !important;
    }

    

    .houseType div.GaugeMeter {
        margin-left: 20px !important;
    }

        .houseType div.GaugeMeter span {
            margin-left: -5px !important;
        }

       .houseType div.GaugeMeter b {
           margin-left: 0 !important;
       }
    }