/*
  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: 22 February 2016 11:08:40
*/



/*********************************************************
	Responsive Styles


*******************************************************/

/* ---- Tablet styles ---- */

@media all and (max-width: 1024px) {
    /* ---- Header ---- */
    .logo-main-image {
        width: 118px;
        height: 56px;
    }
    .global_navigation {
        display:none;
    }
    .mobile-nav.is-visible {
        display: block;
    }

    /* ---- Mobile navigation ---- */
    .mobile-nav-wrapper {
        display: block;
    }
    .no-js .mobile-nav {
        display: block;
        position: relative;
        width: auto;
    }

    /* ---- Content navigation ---- */
    .global_content-container {
        margin-top: 2%;
    }
    /* Full width for all three columns */
    .l-two-col .global_content-col,
    .l-two-col .global_primary-col,
    .l-three-col .global_content-col,
    .l-three-col .global_primary-col,
    .l-three-col .global_secondary-col,
    .l-three-col .global_content-col.no-secondary-col,
    .l-three-col .global_primary-col.no-secondary-col {
        width: 100%;
    }
    /* Remove lefts */
    .l-two-col .global_content-col,
    .l-two-col .global_primary-col,
    .l-three-col .global_content-col,
    .l-three-col .global_primary-col,
    .l-three-col .global_primary-col.no-secondary-col {
        left: 0;
    }
    /* Two columns become 100% width */
    .boxes_two-col .box-container {
        width: 100%;
    }
    .boxes_two-col .box {
        margin: 0 1%;
    }
    /* Three columns become two columns */
    .boxes_three-col .box-container {
        width: 50%;
    }
    .boxes_three-col .box {
        margin: 0 2%;
    }

    /* ---- Twitter widget ---- */
    .latest-tweets-holder .latest-tweets {
        width: 320%;
    }

    /* ---- Footer ---- */
    /* Push Follow us footer column to the next line */
    .footer--grid-col.last {
        clear: left;
        width: 100%;
    }
    .global_footer .full-site-view {
        display: block;
    }

    /* ---- Tables ---- */
    .global_content-col--content table {
        table-layout: auto;
    }
    table.responsive,
    .global_content-col--content table {
        margin-bottom: 0;
    }
    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }
    .pinned table th, .pinned table td {
        white-space: nowrap;
    }
    .pinned td:last-child {
        border-bottom: 0;
    }
    .table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
        font-size: .8em;
    }
    .table-wrapper .scrollable table {
        margin-left: 35%;
    }
    .table-wrapper .scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }
    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }
    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none;
    }
    .full-view-site {
        display: block;
    }
}

@media all and (min-width: 640px) and (max-width: 1024px) {
    /* ---- Homepage ---- */
    .homepage-image-slider,
    .homepage-news {
         width: 100%;
    }
    .content_search-box {
        margin-top: .6em;
        margin-right: 3em;
    }
}

/* ---- Mobile styles ---- */

@media all and (max-width: 640px) {
    /* ---- Utilities ---- */
    .mobile-hidden {
        display: none;
    }

    /* ---- Global ---- */
    .box {
        margin-bottom: 1em;
    }
    .l-grid_block {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .global_main-container {
        width: 100%;
    }
    .global_navigation-wrapper {
        border-top: 3px solid #5897bc;
        margin-top: 15px;
    }
    /* Searchbox changes */
    .mobile-nav-button_search,
    .mobile-nav-button_search:after {
        display: inline-block;
    }
    .search-box_header {
        display:none;
        background-color: #fff;
        border: 1px solid #5897bc;
        position: absolute;
        width: 96%;
        top: 71px;
        z-index: 101;
        height: 100px;
        margin-top: 2px;
        left: 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .search-box_header.is-expanded {
        display:block;
    }
    .search-box_header .content_search-box--input {
        border: 1px solid #005581;
        width: 94%;
        margin: 3%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 5px;
    }
    .search-box_header input[type="submit"] {
        background: #005581;
        font-size: 1em;
        position: relative;
        width: auto;
        color: #fff;
        float: right;
        height: auto;
        display: block;
        padding: 0.2em 2em;
        margin-right: 3%;
    }
    .no-js .search-box_header input[type="submit"] {
        float: none;
        margin-bottom: 1em;
        display: inline-block;
    }
    .no-js .search-box_header {
        display: block;
        top: 1em;
        z-index: 0;
        height: auto;
        left: 0;
        width: 100%;
        clear: left;
        position: relative;
    }
    /* ---- Mobile navigation ---- */
    .mobile-nav {
        width: 95.7265%;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* Three columns become one column */
    .boxes_three-col .box-container {
        width: 100%;
    }
    .boxes_three-col .box {
        margin: 0 1%;
    }
    /* Give the page thumbnail its own line */
    .featured-image {
        width: 100%;
        margin-top: 0;
    }

    /* ---- Homepage ---- */
    .announcements-banner {
        width: 85%;
    }
    .homepage .latest-tweets-holder {
        margin-top: 0;
    }

    /* Pagination styles */
    .content-pagination .previous-page,
    .content-pagination .next-page {
        font-size: 0;
    }
    .content-pagination .previous-page,
    .content-pagination .go-back {
        float: left;
    }

    /* Show back to top button */
    .back-to-top {
        display: block;
    }
    /* ---- Twitter widget ---- */
    .latest-tweets-holder .latest-tweets-inner {
        width: 85%;
    }
    .latest-tweets-holder .latest-tweets {
        width: 685%;
    }
    .latest-tweets-holder .slider-arrow {
        width: 7.5%;
    }
    .latest-tweets-holder .arrow-right {
        right: 1%;
    }
    .latest-tweets-holder .arrow-left {
        left: 2%
    }
    .footer--grid-col {
        width: 47%;
        font-size: 1.2em;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    /* ---- Footer ---- */
    .footer-copyright small {
        float: none;
    }
    .global_footer .full-site-view {
        float: left;
    }
}