/*
  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: 12 January 2025 18:15:16
*/


/**
 * Hawkesbury City Library
 * Hawkesbury Regional Gallery
 * Hawkesbury Regional Museum
 *
 * screen-lmg.css
 * author: Harinder Singh - Hawkesbury City Council
 * modified: 23/May/2023

  _        _   _                                            _____           _   _                               __  __
 | |      (_) | |                                          / ____|         | | | |                             |  \/  |
 | |       _  | |__    _ __    __ _   _ __   _   _        | |  __    __ _  | | | |   ___   _ __   _   _        | \  / |  _   _   ___    ___   _   _   _ __ ___
 | |      | | | '_ \  | '__|  / _` | | '__| | | | |       | | |_ |  / _` | | | | |  / _ \ | '__| | | | |       | |\/| | | | | | / __|  / _ \ | | | | | '_ ` _ \
 | |____  | | | |_) | | |    | (_| | | |    | |_| |       | |__| | | (_| | | | | | |  __/ | |    | |_| |       | |  | | | |_| | \__ \ |  __/ | |_| | | | | | | |
 |______| |_| |_.__/  |_|     \__,_| |_|     \__, |        \_____|  \__,_| |_| |_|  \___| |_|     \__, |       |_|  |_|  \__,_| |___/  \___|  \__,_| |_| |_| |_|
                                              __/ |                                                __/ |
                                             |___/                                                |___/

 */

/*
 * Table of Contents
 *
 *  2. Globals
 *      2.1 General
 *      2.2 Column Layouts
 *          2.2.1 Single Column
 *          2.2.2 Two Column
 *          2.2.3 Three Column
 *
 *  3. Content
 *      3.1 Headings
 *      3.2 Paragraphs and links
 *      3.3 Images
 *      3.4 Lists
 *      3.5 Tables
 *      3.6 Form and Inputs
 *      3.7 Buttons
 *      3.8 Accordion
 *      3.9 Standard Tabs
 *          3.9.1 Google Search result tabs
 *      3.10 Document List
 *          3.10.1 Related Document List
 *      3.11 Blockquotes
 *      3.12 News / Events Listing
 *          3.12.1 Media Release Landing Page
 *      3.13 Standard Pagination
 *          3.13.1 Google search pagination
 *      3.14 Callout Box
 *      3.15 Misc
 *          3.15.1 Date Picker
 *          3.15.2 Time Picker
 *      3.16 Alert Box
 *      3.17 Lightbox
 *      3.18 Video
 *
 *  4. Header
 *      4.1 Header Main
 *      4.2 Site Search
 *
 *  5. Navigation
 *      5.1 Main Navigation
 *      5.2 Side Navigation
 *
 *  6. Main Content
 *      6.1 Banner
 *          6.1.1 Home Banner
 *          6.1.2 Alternative Banner
 *          6.1.3 Feature Carousel
 *      6.2 Home Elements
 *          6.2.1  Quick Links
 *          6.2.2  Whats on
 *          6.2.3  Home Columns
 *              6.2.3.1  News Listing
 *              6.2.3.2  Popular Items
 *              6.2.3.3  Links Box
 *      6.3 Pre Main Container
 *          6.3.1 Breadcrumbs
 *          6.3.2 Addthis
 *      6.4 Sidebar
 *      6.5 Highlight boxes
 *
 *  7. Footer
 *      7.1 Pre-Footer
 *      7.2 Footer Navigation
 *
 *  8. Search
 *      8.1 Search Filters
 *      8.2 Search Results
 *
 *  9.  Themes
 *      9.1 Table Sorter
 */


/*
--------------------
2. Globals
--------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    
    vertical-align: baseline;
    
    border: 0;
}

.clear {
    clear: both;
}

.visuallyhidden {
    position: absolute !important;
    
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    
    border: 0 !important;
}

.hidden, .hide, .pc-hidden, .print-only, .mobile-only {
    display: none;
}

.unhidden {
    display: block;
}

.top-margin {
    margin-top: 18px;
}

img {
    max-width: 100%;
}

.img-wrapper {
    position: relative;
    
    overflow: hidden;
}

.img-wrapper img {
    width: 100%;
}

.main-content img {
    height: auto;
    padding: 5px;
}

.left,
.left-image {
    float: left;
}

.right,
.right-image {
    float: right;
}

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

.align-left {
    text-align: left;
}

::selection {
    background: rgba(153, 204, 51, .4);
    text-shadow: none;
}

::-moz-selection {
    background: rgba(153, 204, 51, .4);
    text-shadow: none;
}

.gallery ::selection {
    background: rgba(208, 0, 10, .16);
    text-shadow: none;
}

.gallery ::-moz-selection {
    background: rgba(208, 0, 10, .16);
    text-shadow: none;
}

.museum ::selection {
    background: rgba(245, 143, 15, .4);
    text-shadow: none;
}

.museum ::-moz-selection {
    background: rgba(245, 143, 15, .4);
    text-shadow: none;
}

ul,
ol,
.primary-links,
.quick-links-list,
.quick-links-sub-list,
.quick-links-sub-list,
.pagination,
.jplist-pagination,
.toc__list,
.listing__list,
.feature-list__list,
.skip-links__list {
    margin: 0;
    padding: 0;
    
    list-style: none;
    
    text-indent: 0;
}

.skip-links__list li:before {
    content: none;
}

html,
body {
    height: 100%;
}

body {
    font-size: 1em;
    line-height: 1.4;
    
    margin: 0;
    padding: 0;
}

@-ms-viewport {
    width: device-width;
}

.map-icon {
    font-size: 1.2em;
    
    color: #ff6347;
}

/* --- 2.1 Gernal --- */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    
    color: #363636;
    background-color: #f6f3ef;
}

.main {
    position: relative;
    z-index: 10;
    
    display: inline-block;
    clear: both;
    
    width: 100%;
    margin: 1em auto 0;
    
    background-color: #f6f3ef;
}

.main.inside,
.main.landing {
    margin: 0 auto;
    
    background-color: #ffffff;
}

.pre-main-container,
.main-container {
    clear: both;
    
    width: 100%;
    max-width: 66em;
    margin: 0 auto;
}

.full-width .pre-main-container,
.full-width .main-container {
    max-width: 100%;
}

.template__exhibition .container {
    width: 100%;
}

.template__exhibition .container .inner-wrapper {
    width: 100%;
    margin: 0 auto;
    
    background: #ffffff;
}

.inside .main-content section {
    clear: both;
}

.section-container {
    clear: both;
}

.lhs-column {
    float: left;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 26.2%;
    margin: 0 2.5em 0 0;
    
    -webkit-box-shadow: 2px 2px 3px #eaebec;
    -moz-box-shadow: 2px 2px 3px #eaebec;
    box-shadow: 2px 2px 3px #eaebec;
}

.ie7 .lhs-column {
    width: 25%;
}

.rhs-column {
    float: right;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 22.5%;
    margin-left: 1.5em;
}

.rhs-column > * {
    margin-bottom: 20px;
    padding: .5em;
    
    background: #f2f0f0;
}

.inside .main-content {
    position: relative;
    
    width: 66em;
    margin: 0 auto;
}

.wrapper {
    display: flex;
    flex-direction: column;
}

/* --- 2.2 Column Layouts --- */
/* --- 2.2.1 Single Column--- */

.main.single .lhs-column,
.main.single .rhs-column,
.main.inside.two_column .lhs-column,
.main.landing .lhs-column,
.main.landing .rhs-column {
    display: none;
}

.main.inside.single .main-content,
.main.landing .main-content {
    width: 100%;
}

/* --- 2.2.2 Two Column --- */
.main.landing.level2 .lhs-column {
    display: inline-block;
}

.main.inside .rhs-column,
.main.landing.level2 .rhs-column {
    display: none;
}

.main.inside .main-content,
.main.landing.level2 .main-content {
    float: left;
    
    width: 70%;
}

/* --- 2.2.3 Three Column --- */

.main.inside.with-rhs .main-content,
.main.inside.three_column .main-content,
.main.landing.with-rhs .main-content,
.main.landing.three_column .main-content {
    width: 45%;
}

.main.inside.three_column .rhs-column,
.main.inside.with-rhs .rhs-column,
.main.inside.two_column .rhs-column,
.main.landing.three_column .rhs-column,
.main.landing.with-rhs .rhs-column,
.main.landing.two_column .rhs-column {
    display: block;
}

/* Container */
.section-width__60 {
    max-width: 60%;
    margin: 0 auto;
}

.section-width__70 {
    max-width: 70%;
    margin: 0 auto;
}

.section-width__80 {
    max-width: 80%;
    margin: 0 auto;
}

.section-width__90 {
    max-width: 90%;
    margin: 0 auto;
}

/*
--------------------
3. Content
--------------------
*/

/* --- 3.1 Headings --- */

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.2;
    
    margin-top: 25px;
    margin-bottom: 0;
    
    color: #000000;
}

h1 {
    font-size: 1.6em;
}

h1 + *,
.h1 + * {
    margin-top: 1em;
}

h1:first-child {
    margin-top: 0;
}

h1 ~ form {
    margin-top: 1.6em;
}

h2, .h2 {
    font-size: 1.45em;
}

h2 + *,
.h2 + * {
    margin-top: 14px;
}

h3 {
    font-size: 1.25em;
}

h3 + * {
    margin-top: 11px;
}

h4,
.h4 {
    font-size: 1.05em;
}

h4 + *,
.h4 + * {
    margin-top: 8px;
}

h5,
.h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
    font-style: italic;
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    clear: both;
}

h1 > b,
h2 > b,
h3 > b,
h4 > b,
h5 > b,
h6 > b,
h1 > strong,
h2 > strong,
h3 > strong,
h4 > strong,
h5 > strong,
h6 > strong {
    font-weight: normal;
}

.headline {
    position: relative;
    
    margin: 0 0 15px -15px;
    padding: 5px 15px;
    
    border-width: 0 0 5px 0;
    border-style: solid;
    border-color: rgb(153, 204, 51);
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.headline:after {
    position: absolute;
    z-index: -1;
    right: 13px;
    bottom: 11px;
    
    width: 70%;
    height: 10px;
    
    content: '';
    transform: rotate(2deg);
    
    background: rgba(0, 0, 0, .7);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .7);
}

/* --- 3.2 Paragraphs and links --- */

p,
li,
li a {
    font-size: .85rem;
    font-weight: 400;
}

b,
strong {
    font-weight: bold;
}

.main-content p,
.rhs-column .rhs-aside p {
    margin: 1em 0;
}

.main-content hr {
    display: inline-block;
    clear: both;
    
    width: 100%;
    margin: 20px 0 10px;
    
    border: 1px solid #eeeeee;
}

a,
a:visited {
    font-weight: normal;
    
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    transition: color .25s;
    
    color: #4374ac;
}

strong a {
    font-weight: bold;
}

.pdf-link {
    display: block;
    
    min-height: 26px;
    padding-left: 35px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat 0 0;
}

.external-single-link {
    display: block;
    
    min-height: 27px;
    padding-left: 35px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat 0 -532px;
}

.form-link {
    display: block;
    
    min-height: 27px;
    padding-left: 35px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat 0 -318px;
}

.main-content .gs-result .gs-title,
.main-content .gs-result .gs-title * {
    text-transform: capitalize;
    
    color: #4374ac;
}

.main-content .gs-result a.gs-visibleUrl,
.main-content .gs-result .gs-visibleUrl {
    color: #4374ac;
}

a.external {
    padding-right: 20px;
}

a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
    text-decoration: none;
    
    color: #005479;
}

a:focus,
a:visited:focus {
    outline: 1px dashed #ebf5d6;
    outline: 1px dashed rgba(153, 204, 51, .9);
    background-color: #f5f7f0;
    background-color: rgba(153, 204, 51, .1);
}

.gallery a:focus,
.gallery a:visited:focus {
    outline: 1px dashed rgb(208, 0, 10);
    background-color: rgb(249, 234, 234);
}

.museum a:focus,
.museum a:visited:focus {
    outline: 1px dashed rgb(245, 143, 15);
    background-color: rgb(251, 240, 225);
}

.main span.external-link {
    line-height: 1.2em;
    
    position: absolute;
    
    display: inline-block !important;
    
    width: 19px;
    height: 16px;
    margin-right: -1px;
    
    text-align: left;
    text-indent: -999em;
    
    background: transparent url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') 3px -2610px no-repeat;
}

a.back-to-top,
a.back-to-top:hover {
    font-size: .9rem;
    font-weight: 700;
    
    display: inline-block;
    float: right;
    clear: both;
    
    margin-top: 2em;
    padding: 12px;
    padding-right: 0;
    
    text-decoration: none;
    
    color: #000000;
}

a.back-to-top i.fa.fa-angle-up {
    font-size: 1.9em;
    
    margin-left: 5px;
    padding: 5px 10px;
    
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    
    color: #000000;
    border-radius: 6px;
    background: #f3f3f3;
}

a.back-to-top:hover i.fa.fa-angle-up {
    color: #ffffff;
    background: rgb(153, 204, 51);
}

.gallery a.back-to-top:hover i.fa.fa-angle-up {
    background: #d0000a;
}

.museum a.back-to-top:hover i.fa.fa-angle-up {
    background: #f58f0f;
}

/* --- 3.3 Images --- */

img.left {
    padding: 0 18px 10px 0;
}

img.right {
    padding: 0 0 10px 18px;
}

/* --- 3.4 Lists --- */

ul,
.main-content form .intro ul {
    margin: 16px 0 16px 1.2em;
    
    text-indent: -1.2em;
}

.main-content form .intro ul {
    overflow: visible;
}

.ie7 .main-content ul,
.ie7 .main-content form .intro ul {
    list-style-type: disc;
    
    text-indent: 0;
}

ul li,
.main-content form .intro ul li {
    display: block;
    
    margin: .1em 0;
}

.main-content form .intro ul li {
    float: none;
}

ul li:before {
    line-height: 1.3;
    
    display: block;
    float: left;
    clear: left;
    
    margin-right: 19px;
    
    content: '\25A0';
    
    color: #b3b936;
}

.gallery ul li:before {
    color: #d0000a;
}

.museum ul li:before {
    color: #f58f0f;
}

ul li ul {
    margin: .8em 0;
}

ul li ul ul {
    margin-left: 1.2em;
}

.ie7 .main-content ul li ul {
    margin: .8em .8em;
}

ul li li {
    margin-left: 1em;
    
    text-indent: -1em;
}

ul li li:before {
    font-size: 1em;
    line-height: 1.35;
    
    margin-right: 19px;
    
    content: '\25A1';
}

ul li li li:before {
    content: '\25B6';
}

.main-content ul {
    clear: both;
}

ol {
    margin: 16px 0 16px 1.2em;
    
    counter-reset: foo;
    text-indent: -1.2em;
}

ol li ol ol {
    margin-left: 1.2em;
}

.ie7 .main-content ol {
    margin-left: 1.5em;
    
    list-style-type: decimal;
    
    text-indent: 0;
}

.ie7 .main-content ol ol {
    list-style-type: lower-alpha;
    
    text-indent: 0;
}

ol li {
    margin: .3em 0;
}

ol li:before {
    font-weight: bold;
    
    margin-right: 11px;
    
    content: counter(foo);
    counter-increment: foo;
}

ol li li:before {
    font-weight: 400;
    
    content: counter(foo, lower-alpha);
}

.sq-asset-builder-tab-content ol li:before,
#sq-asset-builder-header li:before {
    content: none;
}

dt {
    font-weight: bold;
    
    margin-bottom: .5em;
}

dd {
    margin-bottom: 1em;
    margin-left: 1em;
    padding-left: 12px;
    
    border-left: 5px solid #eff6fd;
}

@-ms-viewport {
    width: device-width;
}

/* --- 3.5 Tables --- */

.data {
    width: 100%;
    margin-bottom: 30px;
    
    border-spacing: 0;
    border-collapse: separate;
    
    border: 2px solid #dcd9d9;
    border-right: 1px solid #c6c6c6;
}

.data th,
.data td {
    font-size: 12px;
    line-height: 1.385em;
    
    text-align: left;
    
    border-right: 1px solid #c6c6c6;
}

.data td li {
    font-size: 12px;
}

.data th {
    font-weight: normal;
    
    padding: 14px 8px 13px 13px;
    
    color: #000000;
    border-bottom: 3px solid rgb(153, 204, 51);
    background: #f3f3f3;
}

.gallery .data th {
    border-bottom-color: #d0000a;
}

.museum .data th {
    border-bottom-color: #f58f0f;
}

th.sub-heading,
.sub-heading th {
    padding: 9px 8px 10px 13px;
    
    color: #000000;
    border-bottom: none;
    background: #f1f1f1;
}

td {
    font-size: 12px;
    
    padding: 9px 8px 10px 13px;
    
    vertical-align: top;
}

td li {
    font-size: 12px;
}

.main-content tr:nth-child(odd) td {
    background: #ffffff;
}

.main-content .data tr:nth-child(even) td {
    background: rgba(153, 204, 51,
    .05);
}

.main-content .data tbody tr:hover td,
.main-content .data tbody tr:hover {
    background: rgba(30, 118, 157, .1);
}

.tablesorter .filtered {
    display: none;
}

.community-details-table td {
    border-right: none;
}

.gsc-control-cse table {
    margin-bottom: 5px;
    
    border: none;
}

.gsc-control-cse table th,
.gsc-control-cse table td {
    border: none;
}

.main-content .gsc-control-cse tbody tr:hover td,
.main-content .gsc-control-cse tbody tr:hover {
    background: #e7f8c3;
}

.main-content .gsc-search-box tbody tr:hover,
.main-content .gsc-search-box tbody tr:hover td,
.main-content .gsc-above-wrapper-area tbody tr:hover,
.main-content .gsc-above-wrapper-area tbody tr:hover td {
    background-color: transparent;
}

.main-content table.gsc-branding {
    display: none;
}

.main-content table.gsc-search-box td.gsc-input {
    width: 100%;
    padding: 0;
}

.main-content table.gsc-search-box td.gsc-search-button {
    float: right;
    
    width: 100%;
    height: 43px;
    padding: 0;
}

.main-content table.gsc-search-box td.gsc-search-button input {
    height: 43px;
}

/* 3.5.1 Simple table styles*/
table.simple a:link,
table.simple a:visited {
    font-weight: bold;
    
    text-decoration: none;
    
    color: #4374ac;
}

table.simple a:active,
table.simple a:hover {
    text-decoration: underline;
}

table.simple {
    font-size: 12px;
    
    width: 100%;
    margin: 20px 5px;
    
    border-collapse: initial;
    
    color: #666666;
    border: #cccccc 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #eaebec;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
    text-shadow: 1px 1px 0 #ffffff;
}

table.simple th {
    padding: 21px 10px 22px 10px;
    
    text-align: left;
    
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

table.simple th:first-child {
    padding-left: 20px;
    
    text-align: left;
}

table.simple tr:first-child th:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

table.simple tr:first-child th:last-child {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

table.simple tr {
    padding-left: 20px;
    
    text-align: center;
}

table.simple tr td:first-child {
    padding-left: 20px;
    
    text-align: left;
    
    border-left: 0;
}

table.simple tr td {
    padding: 18px 10px;
    
    text-align: left;
    
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

table.simple tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

table.simple tr:last-child td {
    border-bottom: 0;
}

table.simple tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

table.simple tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

table.simple tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

/* --- 3.6 Form and Inputs --- */

form {
    overflow: hidden;
}

fieldset {
    margin: 0;
    padding: 0;
    
    border: 0;
}

label,
legend {
    font-weight: bold;
    line-height: 1.385em;
    
    position: relative;
    
    display: block;
    
    margin: 0;
    padding: 0 0 17px 0;
    
    color: #4f4f4f;
}

legend.sq-form-section-title {
    font-size: 1.3em;
    font-weight: bold;
}

legend.sq-form-question-title abbr.sq-form-required-field,
label abbr.sq-form-required-field {
    font-size: 1.7em;
    font-weight: normal;
    
    color: #bb5252;
    border-bottom: none;
}

legend {
    padding: 0 0 8px 0;
}

.validation-error {
    display: block;
    overflow: hidden;
}

.validation-error em {
    font-size: 12px;
    font-weight: normal;
    
    color: #ffffff;
    background: #bb5252;
}

input,
select {
    outline: 0;
}

input[type='checkbox'],
input[type='radio'] {
    /* Hide the input, but have it still be clickable */
    /* display:none;*/ /* Display none was preventing validation on radios */
    /*visibility:hidden;*/
    width: 0;
}

ul.list-wrapper {
    text-indent: 0;
}

input[type='radio'] + label,
.radio-wrapper + label,
.checkbox-wrapper + label {
    font-weight: normal;
    
    display: inline-block;
    
    margin: -1px 20px 16px 0;
    padding: 0;
    
    vertical-align: top;
    
    color: #000000;
}

input[type='checkbox'] + label {
    font-weight: normal;
    
    position: relative;
    
    display: block;
    
    margin: -1px 44px 16px 0;
    padding: 0 0 0 25px;
    
    vertical-align: top;
    
    color: #000000;
}

ul li input[type='checkbox'] + label {
    padding: 0 0 0 44px;
}

input[type='checkbox'] + label:before {
    position: absolute;
    top: 0;
    left: 0;
    
    width: 5px;
    height: 18px;
    margin: 0 6px 0 -6px;
    padding: 0 9px;
    
    content: ' ';
    
    background: #dfdfdf;
}

input[type='radio'] + label:before {
    font-size: 0;
    line-height: 0;
    
    top: 0;
    
    float: left;
    
    width: 18px;
    height: 17px;
    margin-right: 10px;
    
    content: ' ';
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat scroll left -1415px;
}

input[type='checkbox'] + label,
input[type='radio'] + label,
.radio-wrapper + label,
.checkbox-wrapper + label {
    position: relative;
    
    cursor: pointer;
}

input[type='checkbox']:checked + label:before {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat scroll left -1720px;
}

.gallery input[type='checkbox']:checked + label:before {
    background-position: left -1825px;
}

.museum input[type='checkbox']:checked + label:before {
    background-position: left -1875px;
}

input[type='radio']:checked + label:before {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat scroll left -1530px;
}

.gallery input[type='radio']:checked + label:before {
    background-position: left -1600px;
}

.museum input[type='radio']:checked + label:before {
    background-position: left -1680px;
}

.radio-wrapper,
.checkbox-wrapper {
    position: relative;
    
    display: inline-block;
    
    width: 17px;
    height: 17px;
}

.radio-wrapper input[type='radio'],
.checkbox-wrapper input[type='checkbox'] {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    
    width: 17px;
    height: 17px;
    
    cursor: pointer;
    
    opacity: 0;
    
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.oldIE .radio-wrapper input[type='radio'],
.oldIE .checkbox-wrapper input[type='checkbox'] {
    opacity: 0;
    
    filter: none;
}

.radio-wrapper span,
.checkbox-wrapper span {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    
    display: block;
    
    width: 17px;
    height: 17px;
}

.radio-wrapper span {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat left -1455px;
}

.radio-wrapper input[type='radio']:checked + span,
.radio-wrapper input[type='radio']:checked + label + span {
    background-position: left -1528px;
}

.gallery .radio-wrapper input[type='radio']:checked + span,
.gallery .radio-wrapper input[type='radio']:checked + label + span {
    background-position: left -1598px;
}

.museum .radio-wrapper input[type='radio']:checked + span,
.museum .radio-wrapper input[type='radio']:checked + label + span {
    background-position: left -1677px;
}

.checkbox-wrapper span {
    border-radius: 3px;
    background: #dfdfdf;
}

.checkbox-wrapper input[type='checkbox']:checked + span,
.checkbox-wrapper input[type='checkbox']:checked + label + span {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') #dfdfdf no-repeat 2px -1758px;
}

.gallery .checkbox-wrapper input[type='checkbox']:checked + span,
.gallery .checkbox-wrapper input[type='checkbox']:checked + label + span {
    background-position: 2px -1818px;
}

.museum .checkbox-wrapper input[type='checkbox']:checked + span,
.museum .checkbox-wrapper input[type='checkbox']:checked + label + span {
    background-position: 2px -1878px;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='url'],
input[type='week'] {
    font-size: 1em;
    
    width: 90%;
    height: 39px;
    margin: 0 0 14px 0;
    padding: 0 10px;
    
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    
    color: #000000;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background-color: #ffffff;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='month']:focus,
input[type='url']:focus,
input[type='week']:focus,
textarea:focus {
    border: 1px solid #00b6de;
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

.ie8 input[type='text'],
.ie8 input[type='email'],
.ie8 input[type='password'],
.ie8 input[type='number'],
.ie8 input[type='color'],
.ie8 input[type='date'],
.ie8 input[type='datetime'],
.ie8 input[type='datetime-local'],
.ie8 input[type='month'],
.ie8 input[type='url'],
.ie8 input[type='week'] {
    width: 84%;
    padding: 15px 5px 0;
}

input[type=search] {
    width: 99%;
}

select {
    margin: 0 0 42px 0;
}

#s-sort-options {
    width: 240px;
}

.select-wrapper {
    display: block;
    overflow: hidden;
    
    width: 240px;
    height: 39px;
    margin: 0 0 42px 0;
    padding: 0 40px 0 0;
    
    -webkit-transition: border-color .30s ease-in-out;
    -moz-transition: border-color .30s ease-in-out;
    -ms-transition: border-color .30s ease-in-out;
    -o-transition: border-color .30s ease-in-out;
    
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') #ffffff no-repeat right -1984px;
}

.select-wrapper:hover {
    opacity: 1;
    border: 1px solid #00b6de;
    background-position: right -2145px;
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.gallery .select-wrapper:hover {
    background-position: right -2306px;
}

.museum .select-wrapper:hover {
    background-position: right -2475px;
}

.select-wrapper select {
    font-size: 1em;
    line-height: 1.3;
    
    height: 39px;
    margin: 0;
    padding: 9px;
    
    border: 0;
    border-radius: 0;
    background: transparent;
    
    -webkit-appearance: none;
}

textarea {
    font-size: 1em;
    line-height: 1em;
    
    width: 90%;
    height: 132px;
    margin: 0 0 18px 0;
    padding: 10px;
    
    resize: vertical;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    
    color: #000000;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

.main-content form ul {
    overflow: hidden;
    
    margin: 0;
}

.main-content form ul li {
    float: left;
    
    margin-right: 10px;
    
    list-style: none;
}

.main-content form .radio-items ul li,
.main-content form .checkbox-items ul li,
.main-content form .sq-form-question-tickbox-list ul li {
    float: none;
}

.main-content form em {
    font-style: normal;
    line-height: 1.5em;
    
    display: block;
    
    margin: 0 0 18px;
}

.main-content form em.error {
    font-style: italic;
    
    display: inline;
    
    margin: 0;
}

.main-content form label + em {
    margin-top: -20px;
}

.input-wrapper {
    position: relative;
    
    display: inline-block;
}

.sq-form-question.sq-form-question-datetime {
    position: relative;
}

.sq-form-question.sq-form-question-datetime label {
    float: left;
    
    margin: -49px 0 0 10px;
    padding: 24px 0 0 0;
}

.sq-form-question.sq-form-question-datetime .select-wrapper {
    float: left;
    
    margin-left: 10px;
}

.sq-form-question.sq-form-question-datetime legend {
    display: block;
    float: left;
    
    width: 100%;
    height: 35px;
}

.sq-form-question.sq-form-question-datetime .sq-form-question-answer > div:nth-child(8) + label {
    clear: both;
}

.main-content form .sq-form-question-option-list ul li:before,
.main-content form .sq-form-question-tickbox-list ul li:before {
    content: none;
}

/* --- 3.7 Buttons --- */

input[type='submit'],
input[type='button'],
input[type='reset'],
button,
.button,
a.button {
    font-size: .95em;
    font-weight: normal;
    line-height: 41px;
    
    display: inline-block;
    
    height: 41px;
    margin: 0;
    padding: 0 15px 0 15px;
    
    cursor: pointer;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    text-align: left;
    text-decoration: none !important;
    
    color: #000000;
    border: 0;
    background: #dfdfdf;
}

input[type='submit'].type-2,
input[type='button'].type-2,
input[type='reset'].type-2,
button.type-2,
.button.type-2 {
    font-size: 1.231em;
    line-height: 52px;
    
    display: block;
    
    height: 53px;
    padding: 0;
    
    text-align: center;
    text-transform: uppercase;
    
    color: #000000;
    background: #96c03d;
}

input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
button:hover,
.button:hover,
a.button:hover {
    color: #ffffff;
    background-color: rgb(153, 204, 51);
}

.gallery input[type='submit']:hover,
.gallery input[type='reset']:hover,
.gallery input[type='button']:hover,
.gallery button:hover,
.gallery .button:hover,
.gallery a.button:hover {
    background-color: #d0000a;
}

.museum input[type='submit']:hover,
.museum input[type='reset']:hover,
.museum input[type='button']:hover,
.museum button:hover,
.museum .button:hover,
.museum a.button:hover {
    background-color: rgb(245, 143, 15);
}

/* --- Custom Form Styles --- */

#page_asset_builder_832 .select-wrapper {
    padding: 0 40px 0 19px;
}

#page_asset_builder_832 table,
#page_asset_builder_832 td,
#page_asset_builder_832 th {
    width: auto;
    margin: 0;
    padding: 0;
    
    border: none;
}

#page_asset_builder_832 tbody tr:hover td,
#page_asset_builder_832 tbody tr:hover {
    background: none;
}

#page_asset_builder_832 .startEndDate input,
.event-frequency input {
    width: auto;
    margin: 0;
    padding: 0;
    
    border: 2px solid #c6c6c6;
}

.event-frequency {
    margin-top: 1.5em;
}

#page_asset_builder_832 ol,
#page_asset_builder_832 ul {
    text-indent: 0;
}

#page_asset_builder_832 .startEndDate table + table {
    display: none;
}

#page_asset_builder_832 select {
    height: 41px;
    margin: 0;
    
    border: 2px solid #c6c6c6;
}

.wysiwyg-to-text textarea[name^='calendar_event_single_0_'],
.wysiwyg-to-text textarea[name^='calendar_event_recurring_0_'] {
    width: 90% !important;
}

.main-content form ul li.sq-asset-builder-tab,
.main-content form ul li.sq-asset-builder-tab-active {
    margin-right: 0;
}

.sq-asset-builder-tab a,
.sq-asset-builder-tab-active a {
    font-size: 1.1em;
    line-height: 41px;
    
    display: inline-block;
    
    height: 41px;
    margin: 0;
    padding: 0 15px;
    
    cursor: pointer;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    text-align: left;
    text-decoration: none !important;
    
    color: #0b2740;
    border: 0;
    background: #dfdfdf;
}

.sq-asset-builder-tab-active a {
    color: #ffffff;
    background-color: rgb(153, 204, 51);
}

.sq-asset-builder-tab-active a:focus {
    outline: none;
}

/* --- 3.8 Accordion --- */

.accordion {
    margin: 0 0 40px 0;
}

.accordion.type-3 {
    margin: 0 0 10px 0;
}

.accordion.content-container {
    margin: 0;
}

.accordion .panel-title {
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
    line-height: 1em;
    
    position: relative;
    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 14px 52px 14px 16px;
    
    cursor: pointer;
    -webkit-transition: background-color 400ms ease, border-color 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease;
    
    color: #4f4f4f;
    border-bottom: 2px solid #ffffff;
    background: #f3f3f3;
}

.accordion .panel-title em {
    position: absolute;
    top: 13px;
    right: 21px;
    
    display: block;
    
    width: 20px;
    height: 20px;
    
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat -173px -3063px;
}

.accordion .panel-title.active em {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.accordion .panel-title:hover {
    background-color: #d3d3d3;
}

.accordion .panel-title.active {
    font-weight: bold;
    
    color: #000000;
    border-bottom: 3px solid #96c03d;
    background-color: #bcbec1;
    background-position: right -1416px;
}

.gallery .accordion .panel-title.active {
    border-bottom: 3px solid #d0000a;
}

.museum .accordion .panel-title.active {
    border-bottom: 3px solid #f58f0f;
}

.accordion .panel {
    overflow: hidden;
    
    box-sizing: border-box;
    padding: 17px 16px 9px 16px;
    
    border-top: 1px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    background: #f3f3f3;
}

.accordion .accordion .panel h4,
.accordion .accordion .panel h5,
.accordion .accordion .panel h6,
.accordion .accordion .panel .raw .h4 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.385em;
    
    margin: 0;
    padding: 0;
    
    letter-spacing: .08em;
    
    color: #4f4f4f;
}

.accordion .panel p:first-child {
    margin-top: 0;
}

.accordion.mini {
    margin-top: 1em;
}

.accordion.mini .panel-title {
    position: relative;
    
    padding: 7px 52px 10px 8px;
    
    color: #ffffff;
    border-top: 1px solid #5b616d;
    border-bottom: none;
    background: none;
    background-color: #1d1e1f;
}

.accordion.mini .panel-title.active {
    font-weight: normal;
    
    color: #ffffff;
    border-top: 2px solid #96c03d;
    border-bottom: none;
    background-color: #1d1e1f;
}

.gallery .accordion.mini .panel-title.active {
    border-top-color: #d0000a;
}

.museum .accordion.mini .panel-title.active {
    border-top-color: #f58f0f;
}

.accordion.mini .panel-title:hover {
    background-color: #464b54;
}

.gallery .accordion.mini .panel-title:hover {
    background-color: #d0000a;
}

.museum .accordion.mini .panel-title:hover {
    background-color: #f58f0f;
}

.accordion.mini .panel-title em {
    position: absolute;
    top: 7px;
    right: 21px;
    
    display: block;
    
    width: 20px;
    height: 20px;
    
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat -157px -4332px;
}

.accordion.mini .panel-title.active em {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.accordion.mini .panel {
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 7px 19px -13px rgb(115, 111, 111);
    -moz-box-shadow: inset 0 7px 19px -13px rgb(115, 111, 111);
    box-shadow: inset 0 7px 19px -13px rgb(115, 111, 111);
}

/* Events filters accordion*/

.events__filters.accordion.mini .panel-title {
    color: #000000;
    background-color: #ffffff;
}

.events__checklist:last-of-type .events__accordion-h {
    border-bottom: 1px solid #5b616d;
}

.events__filters.accordion.mini .panel-title em {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    
    background-position: -175px -3064px;
}

.events__filters.accordion.mini .panel-title.active,
.events__filters.accordion.mini .panel-title:hover {
    background-color: #e8e8e8;
}

.events__filters.accordion.mini .panel-title.active em {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(45deg);
}

.events__filters.accordion.mini .panel {
    background-color: rgba(207, 210, 200, .13);
    box-shadow: none;
}

/*--- Accordion Type 3 ---*/

.accordion.type-3 .panel-title {
    font-size: 2em;
    font-weight: 600;
    
    margin-top: 10px;
    padding: 17px 52px 17px 16px;
    
    text-transform: uppercase;
    
    color: #000000;
    border-bottom: none;
    background: #f5ead2;
}

.accordion.type-3 .panel-title span {
    position: absolute;
    top: 12px;
    right: 39px;
    
    width: 50px;
    height: 47px;
    
    transition: transform .25s ease-out;
}

.accordion.type-3 .panel-title span:before,
.accordion.type-3 .panel-title span:after {
    position: absolute;
    
    content: '';
    transition: transform .25s ease-out;
    
    background-color: #000000;
}

.accordion.type-3 .panel-title span:before {
    top: 13%;
    left: 50%;
    
    width: 1px;
    height: 65%;;
}

.accordion.type-3 .panel-title span:after {
    top: 50%;
    left: 20%;
    
    width: 65%;
    height: 1px;
    margin-top: -3px;
}

.accordion.type-3 .panel-title:hover {
    color: #f1f1f1;
    background-color: #bc161d;
}

.accordion.type-3 .panel-title:hover span:before,
.accordion.type-3 .panel-title:hover span:after,
.accordion.type-3 .panel-title.active span:before,
.accordion.type-3 .panel-title.active span:after {
    background: #f1f1f1;
}

.accordion.type-3 .panel-title.active span:before {
    transform: rotate(90deg);
}

.accordion.type-3 .panel-title.active span:after {
    height: 0;
    
    transform: rotate(180deg);
}

.accordion.type-3 .panel-title.active {
    color: #f1f1f1;
    border: none;
    background-color: #bc161d;
    box-shadow: none;
}

.accordion.type-3 .panel {
    background: #ffffff;
}

/* Accordion Close BG Color*/
.accordion .panel-title.heading-close-bg__apricot {
    background-color: #f5ead2;
}

.accordion .panel-title.heading-close-bg__white {
    background-color: #f7f7f2;
}

.accordion .panel-title.heading-close-bg__pink {
    background-color: #ee2a7b;
}

.accordion .panel-title.heading-close-bg__teal {
    background-color: #359a9c;
}

.accordion .panel-title.heading-close-bg__black {
    background-color: #000000;
}

.accordion .panel-title.heading-close-bg__red {
    background-color: #d0000a;
}

.accordion .panel-title.heading-close-bg__green {
    background-color: #6b8b20;
}

.accordion .panel-title.heading-close-bg__grey {
    background-color: #eeeeee;
}

.accordion .panel-title.heading-close-bg__orange {
    background-color: #f58f0f;
}

.accordion .panel-title.heading-close-bg__dark-blue {
    background-color: #00263e;
}

/* Accordion Open BG Color*/
.accordion .panel-title.heading-open-bg__apricot:hover,
.accordion .panel-title.heading-open-bg__apricot.active {
    background-color: #f5ead2;
}

.accordion .panel-title.heading-open-bg__white:hover,
.accordion .panel-title.heading-open-bg__white.active {
    background-color: #f7f7f2;
}

.accordion .panel-title.heading-open-bg__pink:hover,
.accordion .panel-title.heading-open-bg__pink.active {
    background-color: #ee2a7b;
}

.accordion .panel-title.heading-open-bg__teal:hover,
.accordion .panel-title.heading-open-bg__teal.active {
    background-color: #359a9c;
}

.accordion .panel-title.heading-open-bg__black:hover,
.accordion .panel-title.heading-open-bg__black.active {
    background-color: #000000;
}

.accordion .panel-title.heading-open-bg__red:hover,
.accordion .panel-title.heading-open-bg__red.active {
    background-color: #d0000a;
}

.accordion .panel-title.heading-open-bg__green:hover,
.accordion .panel-title.heading-open-bg__green.active {
    background-color: #6b8b20;
}

.accordion .panel-title.heading-open-bg__grey:hover,
.accordion .panel-title.heading-open-bg__grey.active {
    background-color: #eeeeee;
}

.accordion .panel-title.heading-open-bg__orange:hover,
.accordion .panel-title.heading-open-bg__orange.active {
    background-color: #f58f0f;
}

.accordion .panel-title.heading-open-bg__dark-blue:hover,
.accordion .panel-title.heading-open-bg__dark-blue.active {
    background-color: #00263e;
}


/* --- 3.9 Standard Tabs --- */

.main-content .ui-tabs {
    margin: 0 0 30px 0;
    
    border: none;
    border-radius: 0;
}

.ui-tabs li.ui-corner-top:before {
    content: none;
}

.main-content .ui-widget-header {
    border: none;
    background-color: transparent;
    background-image: none;
}

.main-content .ui-tabs-nav {
    display: inline-block;
    
    margin: 0;
    padding: 0;
    
    list-style: none;
    
    text-indent: 0;
}

.main-content .ui-tabs-nav li {
    display: table-cell;
    float: left;
    
    margin: 0;
    padding: 0;
    
    border: none;
    background: none;
}

.main-content .ui-state-default .ui-tabs-anchor {
    font-size: 1.085em;
    line-height: 36px;
    
    display: block;
    overflow: hidden;
    
    height: 34px;
    margin: 3px 0 0 0;
    padding: 0 13px 0 13px;
    
    text-decoration: none;
    letter-spacing: -.01em;
    
    color: #0b2740;
    background: #e9e8e6;
}

.main-content .ui-tabs-nav a:focus,
.main-content .ui-tabs-nav a:visited:focus {
    outline: none;
    background-color: #ffffff;
}

.main-content .ask-une-tabs .ui-state-default .ui-tabs-anchor {
    font-size: 1.2em;
}

.main-content .ui-tabs-nav li + li .ui-tabs-anchor {
    margin-left: 2px;
}

.main-content .ui-state-default .ui-tabs-anchor:hover {
    text-decoration: none;
    
    color: #ffffff;
    background-color: #96c03d;
}

.gallery .main-content .ui-state-default .ui-tabs-anchor:hover {
    text-decoration: none;
    
    background-color: #d0000a;
}

.museum .main-content .ui-state-default .ui-tabs-anchor:hover {
    text-decoration: none;
    
    background-color: #f58f0f;
}

.main-content .ui-state-active .ui-tabs-anchor {
    margin-top: 0;
    
    color: #000000;
    border-top: 3px solid #96c03d;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    background-color: #ffffff;
}

.gallery .main-content .ui-state-active .ui-tabs-anchor {
    border-top: 3px solid #d0000a;
}

.museum .main-content .ui-state-active .ui-tabs-anchor {
    border-top: 3px solid #f58f0f;
}

.main-content .ui-state-active .ui-tabs-anchor:hover {
    background-color: #ffffff;
}

.main-content .ui-tabs-panel {
    overflow: hidden;
    
    margin-top: -6px;
    padding: 16px 16px 15px 16px;
    
    border: 1px solid #e9e9e9;
}

.main-content .ui-tabs-panel .cols-3 {
    overflow: hidden;
}

.main-content .ui-tabs-panel .cols-3 .col {
    float: left;
    
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.333333%;
    padding: 7px 20px 0 0;
}

.main-content .ui-tabs-panel .col + .col {
    padding-left: 20px;
    
    border-left: 1px solid #4a9499;
}

.main-content .ui-tabs-panel .col .inner {
    overflow: hidden;
    
    height: 125px;
}

/* --- 3.9.1 Google Search result tabs --- */

.gsc-tabHeader.gsc-inline-block {
    padding: 10px 15px;
}

.gsc-tabHeader.gsc-inline-block.gsc-tabhActive {
    border-top-color: #96c03d;
}

.gsc-tabHeader.gsc-tabhInactive:hover {
    color: #000000;
    background-color: #96c03d;
}

/* --- 3.10 Document List --- */

.document-list .document {
    display: table;
    
    width: 100%;
    margin: 0;
    padding: 0 0 8px 0;
}

.document-list .document + .document {
    padding-top: 25px;
    
    border-top: 1px solid #c6c6c6;
}

.accordion .document-list .document + .document {
    padding-top: 14px;
}

.document-list .summary,
.document-list .icon-wrapper {
    display: table-cell;
    
    vertical-align: top;
}

.document-list .icon-wrapper {
    width: 57px;
}

.document-list .icon {
    width: 34px;
    height: 44px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat 0 -640px;
}

.document-list .document.pdf .icon {
    background-position: 0 -640px;
}

.document-list .document.doc .icon {
    background-position: 0 -763px;
}

.document-list .document.xls .icon {
    background-position: 0 -887px;
}

.document-list .document.form .icon {
    background-position: 0 -1010px;
}

.document-list .document .title {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    
    margin: -2px 0 8px 0;
    padding: 0;
}

/* --- 3.10.1 Related Document List --- */

.related-document-list .document {
    display: table;
    
    width: 100%;
    margin: 0;
    padding: 0 0 8px 0;
}

.related-document-list .document + .document {
    padding-top: 17px;
}

.accordion .related-document-list .document + .document {
    padding-top: 8px;
}

.related-document-list .summary,
.related-document-list .icon-wrapper {
    display: table-cell;
    
    vertical-align: top;
}

.related-document-list .icon-wrapper {
    width: 35px;
}

.ie7 .related-document-list .icon-wrapper {
    float: left;
}

.ie7 .rhs-column .related-document-list .summary {
    float: right;
}

.related-document-list .icon {
    height: auto;
    min-height: 27px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat;
}

.related-document-list .document.pdf .icon {
    background-position: 0 0;
}

.related-document-list .document.doc .icon {
    background-position: 0 -105px;
}

.related-document-list .document.xls .icon {
    background-position: 0 -211px;
}

.related-document-list .document.form .icon {
    background-position: 0 -318px;
}

.related-document-list .document.link .icon {
    background-position: 0 -425px;
}

.related-document-list .document.extlink .icon {
    background-position: 0 -532px;
}

.related-document-list .document .title {
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
    
    margin: -2px 0 8px 0;
    padding: 0;
}

/* --- 3.11 Alert Box--- */

.message-wrapper {
    position: relative;
    
    display: block;
    
    margin: 0;
    /*z-index: 1000;*/
    
    background-color: #ffffff;
}

.message-wrapper > a,
.message-wrapper > span{
    display: inline-block;
    
    box-sizing: border-box;
    width: 100%;
    min-height: 3em;
    margin: 5px 0 10px;
    padding: .9em 1em .9em 3em;
    
    text-decoration: none;
    
    border: 3px solid #aaaaaa;
    border-radius: 6px;
    background-color: #eeeeee;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
}

.message-wrapper h3 {
    font-family: 'NimbusSanRegular', 'NimbusSan-Reg', 'Open Sans', Arial, sans-serif;
    font-size: 1.7em;
    line-height: 1em;
    
    margin: 0;
    
    color: #393939;
}

.message-wrapper p {
    font-size: 1em;
    line-height: 1.1em;
    
    margin: .25em 0 0;
    
    letter-spacing: 0;
    
    color: #2c2c2c;
}

.message-wrapper.caution a,
.message-wrapper.caution  span {
    padding: 25px 0;
    border-color: #f0e19f;
    background: #fbd705 url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0020/73910/sprite.png?v=0.1.1') no-repeat 12px -5248px;
}

.message-wrapper.caution a:hover {
    background-color: #f4cc29;
}

.message-wrapper.warning a,
.message-wrapper.warning span{
    padding: 25px 0;
    border-color: #b50808;
    background: #fc3815 url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0020/73910/sprite.png?v=0.1.1') no-repeat 12px -5389px;
}

.message-wrapper.warning * {
    color: #ffffff;
}

.message-wrapper.warning a:hover {
    background-color: #f45f29;
}

.message-wrapper.message a,
.message-wrapper.message span{
    padding: 25px 0;    
    border-color: #0a8b79;
    background: #4cd5c3;
}

/* --- 3.12 News / Events Listing --- */

.listing {
    clear: both;
    
    text-indent: 0;
}

.listing .listing-item:before {
    content: none;
}

.listing .listing-item {
    display: block;
    
    width: 100%;
}

.listing .listing-link {
    display: table;
    
    width: 100%;
    margin: -10px 0 0 0;
    padding: 15px 0 21px 0;
    
    -webkit-transition: background 200ms ease;
    transition: background 200ms ease;
    
    background-color: #ffffff;
}

.listing .listing-link,
.listing .listing-link:hover {
    text-decoration: none;
}

.listing .listing-link:active,
.listing .listing-link:focus,
.listing .listing-link:hover {
    background-color: #f6f9fa;
}

.listing-link span.external-link {
    left: -9999em;
    
    display: none;
}

.listing .listing-item + .listing-item {
    margin: 0;
    padding-top: 10px;
    
    border-top: 1px solid #c6c6c6;
}

.listing .listing-h {
    font-size: 1.1em;
    
    width: 61%;
    margin: 0 11px 0 275px;
}

.listing .listing-img {
    float: left;
    
    width: 100%;
    max-width: 250px;
    padding: 0 10px;
}

.listing .listing-details {
    width: 61%;
    margin-left: 275px;
    
    color: #000000;
}

.listing .listing-details .listing-event-date {
    font-weight: 700;
}

.listing .listing-details .listing-event-time,
.listing .listing-details .listing-event-location {
    font-style: italic;
    
    margin: 0;
}

.listing-wrapper .listing-link img {
    max-width: 200px;
}

.listing .additional-resources {
    width: 400px;
    margin-left: 275px;
    
    color: #000000;
}

/* Events Filters */
.events__filters {
    float: left;
    
    width: 25%;
    margin-right: 5%;
}

.events__filters input[type='text'],
.events__filters input[type='date'] {
    box-sizing: border-box;
    width: 100%;
    
    border: 1px solid #000000;
}

.events-result {
    float: left;
    
    width: 70%;
}

/*    .inside.single .events-result {
    width: 100%;
}*/

.events__check-item label {
    font-size: .9em;
    
    width: 79%;
    padding-left: 10px;
}

/* Event Page*/

.event-details {
    display: inline-block;
    
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
}

.event-details > img {
    display: block;
    float: left;
    
    box-sizing: border-box;
    width: 72%;
    margin-left: -11em;
    padding: 5px 36px 5px 11em;
}

.event-details dl {
    display: inline-block;
    float: left;
    
    box-sizing: border-box;
    width: 52%;
    padding-left: 0;
}

.event-details dl dt {
    font-size: .95em;
    
    float: left;
    clear: both;
    
    width: 60px;
}

.event-details dl dd {
    font-size: .95em;
    line-height: 18px;
    
    float: left;
    
    width: 300px;
    margin: 0 0 9px;
    
    border: none;
}

.event-details dl .email {
    font-size: .9em;
    
    display: block;
    
    word-break: break-all;
    -ms-word-break: break-all;
    
    -moz-word-break: break-all;
}

.event-details__description {
    clear: both;
}

.event-details__datetime p {
    font-weight: bold;
}

.event-details__time {
    font-size: .9em;
    font-style: italic;
    
    display: block;
    clear: both;
}

/* --- 3.12.1  News page Listing --- */

.news-listing {
    background-color: transparent;
}

.news-listing > h2 {
    font-size: 1.2em;
    font-weight: 700;
    
    padding: 5px 1.05em 10px;
    
    letter-spacing: 0;
    
    color: #0b2740;
    border-bottom: 3px solid rgb(153, 204, 51);
    background-color: transparent;
}

.news-listing ul {
    overflow: visible;
    
    margin: 0;
    padding: 0;
    
    text-indent: 0;
    
    background-color: transparent;
}

.news-listing li {
    margin: 0;
}

.news-listing ul li:before {
    content: '';
}

.news-listing ul a {
    position: relative;
    
    display: block;
    
    min-height: 83px;
    padding: 5px 5px 5px 15px;
    
    text-decoration: none;
    
    border-bottom: 1px dotted #b3c8dc;
}

.news-listing.events h3 {
    margin-top: 8px;
}

.news-listing.events h3 a {
    min-height: 100%;
    
    border-bottom: none;
}

.news-listing li:last-child a,
.news-listing li.last a {
    border-bottom: none;
}

.news-listing a:first-child:hover,
.news-listing a:first-child:focus {
    text-decoration: none;
    
    background-color: #f6f9fa;
}

.news-listing .title {
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.2em;
    
    margin: 0;
    
    letter-spacing: -.5px;
    
    color: #4374ac;
}

.news-listing .event-type-Council .title span:before {
    padding-left: 10px;
    
    content: '\25C6';
}

.news-listing .event-type-Community .title span:before {
    padding-left: 10px;
    
    content: '\25B2';
    
    color: #b3b936;
}

.news-listing a em {
    font-size: .907em;
    
    color: #615f5f;
}

.news-listing p {
    margin: 0;
    
    color: #000000;
}

.news-listing .more {
    font-size: .875em;
    line-height: 1em;
    
    float: right;
    
    margin-top: 0;
    
    color: #4374ac;
}

/* News listing with thumbnails*/

.inside .news-listing img {
    border-bottom: none;
}

.inside .news-listing a {
    display: block;
    overflow: hidden;
    
    width: 98%;
    padding: 10px 5px;
}

.news-listing img {
    position: relative;
    
    display: block;
    float: left;
    
    max-width: 29%;
    margin-left: -283px;
    padding-left: 285px;
}

.news-listing a div {
    position: relative;
    
    float: left;
    
    width: 66%;
    margin-left: 3%;
}

/* --- 3.13 Standard Pagination --- */

.main-content .pagination-wrapper {
    overflow: hidden;
    
    margin: 25px 0;
    padding: 4px 0 0 0;
    
    text-align: right;
}

.main-content .pagination {
    display: inline-block;
}

.main-content .pagination > a,
.main-content .pagination ul,
.main-content .pagination li {
    float: left;
    
    margin: 0;
    padding: 0;
    
    background: none;
}

.main-content .pagination ul {
    clear: none;
    overflow: visible;
    
    list-style: none;
    
    text-indent: 0;
}

.main-content .pagination ul li:before {
    line-height: 0;
    
    display: block;
    float: none;
    clear: none;
    
    margin-right: 0;
    
    content: '\00a0';
    
    color: transparent;
}

.main-content .pagination .prev,
.main-content .pagination .next {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat;
}

.main-content .pagination .prev {
    background-position: -152px -4746px;
}

.gallery .main-content .pagination .prev {
    background-position: -152px -5386px;
}

.museum .main-content .pagination .prev {
    background-position: -152px -6028px;
}

.main-content .pagination .next {
    background-position: -152px -4635px;
}

.gallery .main-content .pagination .next {
    background-position: -152px -5274px;
}

.museum .main-content .pagination .next {
    background-position: -152px -5918px;
}

.main-content .pagination li.active,
.main-content .pagination a {
    font-size: 1.154em;
    line-height: 38px;
    
    display: block;
    
    width: 32px;
    height: 41px;
    margin: -2px 0 0 0;
    padding: 0;
    
    text-align: center;
    text-decoration: none;
    
    color: #000000;
}

.main-content .pagination li a:hover,
.main-content .pagination li a.active,
.main-content .pagination li.active {
    margin: -4px 0 0 0;
    
    text-decoration: none;
    
    border-top: 2px solid #96c03d;
    background-color: #e8e8e8;
}

.gallery .main-content .pagination li a:hover,
.gallery .main-content .pagination li a.active,
.gallery .main-content .pagination li.active {
    border-top: 2px solid #d0000a;
}

.museum .main-content .pagination li a:hover,
.museum .main-content .pagination li a.active,
.museum .main-content .pagination li.active {
    border-top: 2px solid #f58f0f;
}

.main-content .pagination span {
    display: block;
    
    height: 39px;
    
    border-top: 2px solid #c6c6c6;
}

/* --- 3.13.1 Google search pagination --- */

.main-content .gsc-results .gsc-cursor-box {
    overflow: hidden;
    
    margin: 25px 0;
    padding: 4px 0 0 0;
    
    text-align: center;
}

.main-content .gsc-results .gsc-cursor-box .gsc-cursor-page {
    font-size: 1.1em;
    line-height: 38px;
    
    display: block;
    float: left;
    
    width: 32px;
    height: 41px;
    margin: 0;
    
    text-decoration: none;
    
    border-top: 2px solid #c6c6c6;
    background: none;
}

.main-content .gsc-results .gsc-cursor div.gsc-cursor-current-page {
    font-size: 1.154em;
    
    display: block;
    
    margin: 0;
    padding: 0;
    
    text-align: center;
    text-decoration: none;
    
    color: #000000;
}

.main-content .gsc-results .gsc-cursor div:hover,
.main-content .gsc-results .gsc-cursor div.gsc-cursor-current-page {
    border-top: 2px solid #96c03d;
    background-color: #e8e8e8;
}

/* --- 3.14 Callout Box --- */

.callout, blockquote {
    overflow: hidden;
    
    margin: 15px 0;
    padding: 15px 20px 0 26px;
    
    border-top: 6px solid #96c03d;
    background: #f3f3f3;
}

.gallery .callout
.gallery blockquote {
    border-top: 6px solid #d0000a;
}

.museum .callout,
.museum blockquote {
    border-top: 6px solid #f58f0f;
}

.callout h2, blockquote h2,
.callout h3, blockquote h2,
.callout h4, blockquote h4,
.callout h5, blockquote h5,
.callout h6, blockquote h6 {
    font-size: 1em;
    line-height: 2.308em;
    
    margin: 0 0 10px 0;
    padding: 0;
    
    color: #000000;
}

.callout p,
blockquote p {
    padding: 0;
}

.callout ul,
blockquote ul {
    margin: 0;
    padding: 9px 0 13px 0;
    
    list-style: none;
}

.callout li,
blockquote li {
    margin: 0;
    padding: 0 0 7px 19px;
}

/* --- 3.15 Misc --- */
/* --- 3.15.1 Date Picker --- */

.datepicker.dropdown-menu table tbody tr,
.bootstrap-timepicker-widget table tbody tr:hover td,
.bootstrap-timepicker-widget table tbody tr:hover {
    background-color: transparent;
}

.datepicker tbody tr:hover td,
.datepicker tbody tr:hover,
.datepicker tr:nth-child(even) td {
    background-color: transparent;
}

.datepicker.dropdown-menu {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    
    display: none;
    float: left;
    
    min-width: 160px;
    margin: 2px 0 0;
    padding: 5px 0;
    
    list-style: none;
    
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.datepicker {
    top: 0;
    left: 0;
    
    margin-top: 1px;
    padding: 4px;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table {
    border: none;
}

.datepicker td,
.datepicker th {
    font-family: Arial, 'Open Sans';
    font-size: 14px;
    line-height: 20px;
    
    width: 20px;
    height: 20px;
    
    text-align: center;
    
    color: #333333;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.datepicker th {
    font-weight: bold;
}

/* --- 3.15.2 Time Picker --- */

.bootstrap-timepicker-widget.dropdown-menu {
    position: absolute;
    z-index: 1000;
    top: 30px;
    left: 20px;
    
    display: inline-block;
    float: left;
    
    min-width: 160px;
    margin: 2px 0 0;
    padding: 2px 3px 2px 2px;
    
    list-style: none;
    
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.bootstrap-timepicker-widget table {
    width: 100%;
    max-width: 100%;
    margin: 0;
    
    border-spacing: 0;
    border-collapse: collapse;
    
    border: none;
    background-color: transparent;
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px;
}

.bootstrap-timepicker-widget table td {
    height: 30px;
    margin: 0;
    padding: 2px;
    
    text-align: center;
    
    border-right: none;
}

.bootstrap-timepicker-widget table td a {
    display: inline-block;
    
    width: 100%;
    margin: 0;
    padding: 8px 0;
    
    color: #333333;
    border: 1px transparent solid;
    outline: 0;
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    
    border-color: #dddddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #eeeeee;
}

.bootstrap-timepicker-widget table td input {
    font-size: 14px;
    line-height: 20px;
    
    display: inline-block;
    
    width: 25px;
    height: 20px;
    margin: 0;
    padding: 4px 6px;
    
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    text-align: center;
    vertical-align: middle;
    
    color: #555555;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/*
--------------------
4. Header
--------------------
*/

/* --- 4.1 Header Main --- */

.header {
    position: relative;
    z-index: 20;
    
    display: block;
    
    width: 100%;
    
    background: #ffffff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
}

.header-wrapper {
    position: relative;
    
    width: 100%;
    max-width: 66em;
    margin: 0 auto;
}

.header h1 {
    line-height: .6em;
}

.header h1 a {
    display: inline-block;
    
    width: 416px;
    max-width: 500px;
    height: 100%;
    min-height: 126px;
    max-height: 100%;
    margin: 3px 0 5px;
    
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    text-indent: -9999px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0004/73966/library-logo.png?v=0.1.1') no-repeat left 50% transparent;
    background-size: 100%;
}

.modIE .header h1 a {
    background-size: 84%;
}

.ie7 .header h1 a {
    float: left;
}

.gallery .header h1 a {
    width: 500px;
    
    background-image: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0003/73965/gallery-logo.png?v=0.1.1');
}

.museum .header h1 a {
    width: 500px;
    
    background-image: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0005/73967/museum-logo.png?v=0.1.1');
}


/* --- 4.2 Site Search --- */

.header .site-search {
    position: absolute;
    top: 2.4em;
    right: 1em;
}

.site-search form {
    position: relative;
    
    display: block;
    
    width: 17em;
    height: auto;
    margin: 0;
    
    border: 0;
    border-bottom: 2px solid #96c03d;
}

.gallery .site-search form {
    border-bottom: 2px solid #d0000a;
}

.museum .site-search form {
    border-bottom: 2px solid #f58f0f;
}

.site-search input {
    font-size: 16px;
    
    display: inline;
    float: left;
    clear: both;
    
    width: 73%;
    height: 36px;
    margin: 0;
    padding-left: 15px;
    
    color: #ffffff;
    border: 0;
    background: transparent;
}

.ie7 .site-search input,
.ie8 .site-search input {
    width: 177px;
    padding-top: 7px;
    padding-left: 15px;
}

input#query-input,
input#query,
input#queries_all_query {
    color: #000000;
}

input#query-input:focus,
input#query:focus,
input#queries_all_query:focus {
    background-color: #f2f2f2;
}

.ie8 input#query-input:focus,
.ie8 input#query:focus,
.ie8 input#queries_all_query {
    border: none;
}

.site-search button {
    float: right;
    
    height: 38px;
    padding: 0 23px;
    
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    text-indent: -9999px;
    
    border: 0;
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat 11px -1157px;
}

.gallery .site-search button {
    background-position: 11px -1256px;
}

.museum .site-search button {
    background-position: 11px -1356px;
}

.ie7 .site-search button,
.ie8 .site-search button {
    width: 44px;
}

.site-search button:hover {
    cursor: pointer;
    
    background-color: rgba(204, 204, 204, .26);
}

.site-search label {
    margin: -3px 20px 16px 8px;
    
    color: #ffffff;
}

/*
--------------------
5. Navigation
--------------------
*/
/* --- 5.1 Main Navigation --- */

.navigation {
    z-index: 500;
    
    float: right;
    
    height: auto;
    margin: -3em 40px 0 auto;
    padding: 0;
}

.museum .navigation {
    width: 52em;
    margin: -3em 0 0 auto;
}

.museum.modIE .navigation {
    width: 54em;
}

.gallery .navigation {
    width: 55em;
    margin: -3em 0 0 auto;
}

.primary-nav {
    position: relative;
    
    overflow: visible;
    
    margin: 4px auto 0;
}

ul li li,
.primary-nav ul {
    margin-left: 0;
    
    text-indent: 0;
}

/* First Level navigation */

.primary-nav .primary-nav__list {
    z-index: 1000;
    
    overflow: visible;
    
    margin: 0;
    padding: 0;
    
    text-indent: 0;
}

.primary-nav li:before {
    content: none;
}

.primary-nav a {
    text-decoration: none;
}

.primary-nav .primary-nav__list > li {
    display: inline;
    
    margin: 0;
}

.primary-nav .primary-nav__list li.home {
    padding: 0;
    
    text-align: center;
    
    color: #ffffff;
}

.primary-nav .primary-nav__list > li > a {
    font-weight: 700;
    
    position: relative;
    z-index: 10;
    
    float: left;
    
    padding: 11px 12px 11px;
    
    color: #2c2c2c;
}

.primary-nav .primary-nav__list > li > a {
    position: relative;
    
    padding: 11px 10px 11px;
    
    outline: none;
}

.ie .primary-nav .primary-nav__list > li > a {
    padding: 11px 9px;
}

.primary-nav .primary-nav__list > li > a:before {
    position: absolute;
    top: 14px;
    left: 0;
    
    display: block;
    
    width: 1px;
    height: 17px;
    
    content: '\00a0';
    
    background-color: #e5e5e5;
}

.primary-nav .primary-nav__list > li > a:after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    
    display: none;
    
    width: 13px;
    height: 13px;
    margin-left: -7px;
    
    content: '\00a0';
    /*background: url("https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1") no-repeat left -3058px;*/
    -webkit-transition: opacity .15s ease;
    -moz-transition: opacity .15s ease;
    transition: opacity .15s ease;
    
    opacity: 0;
    
    filter: alpha(opacity=0);
}

.primary-nav .primary-nav__list > li:hover > a:after {
    display: block;
}

.primary-nav .primary-nav__list > li.home > a:after,
.primary-nav .primary-nav__list > li.home > a:before {
    content: none;
}

.primary-nav .primary-nav__list li.home a {
    display: block;
    
    height: 17px;
    padding: 23px 22px 0;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') #6b8b20 no-repeat 9px -2686px;
}

.gallery .primary-nav .primary-nav__list li.home a {
    background-color: #d0000a;
}

.museum .primary-nav .primary-nav__list li.home a {
    background-color: #f58f0f;
}

.primary-nav .primary-nav__list li.home:hover a,
.primary-nav .primary-nav__list li.home:focus a,
.primary-nav .primary-nav__list li.home.active:hover a,
.primary-nav .primary-nav__list li.home.active:focus a,
.primary-nav .primary-nav__list li.home.active a {
    background-color: rgb(153, 204, 51);
}

.gallery .primary-nav .primary-nav__list li.home:hover a,
.gallery .primary-nav .primary-nav__list li.home:focus a,
.gallery .primary-nav .primary-nav__list li.home.active:hover a,
.gallery .primary-nav .primary-nav__list li.home.active:focus a,
.gallery .primary-nav .primary-nav__list li.home.active a {
    background-color: #8a080e;
}

.museum .primary-nav .primary-nav__list li.home:hover a,
.museum .primary-nav .primary-nav__list li.home:focus a,
.museum .primary-nav .primary-nav__list li.home.active:hover a,
.museum .primary-nav .primary-nav__list li.home.active:focus a,
.museum .primary-nav .primary-nav__list li.home.active a {
    background-color: #b56807;
}

.primary-nav .primary-nav__list > li:nth-child(2) > a:before {
    background-color: transparent;
}

.primary-nav .primary-nav__list > li ul li.hovered,
.primary-nav .primary-nav__list > li.hovered > a + ul.primary-nav__sub-list,
.primary-nav .primary-nav__list > li:hover > a + ul.primary-nav__sub-list {
    display: inline-block;
    visibility: visible;
    
    -webkit-transition: opacity .3s .2s ease, visibility 0s .2s;
    -moz-transition: opacity .3s .2s ease, visibility 0s .2s;
    transition: opacity .3s .2s ease, visibility 0s .2s;
}

.ie8 .primary-nav .primary-nav__list > li:hover > a + ul.primary-nav__sub-list {
    display: block;
    float: left;
    zoom: 100%;
}

.primary-nav .primary-nav__list > li:hover > a,
.primary-nav .primary-nav__list > li > a:focus {
    color: #ffffff;
    background-color: #6b8b20;
}

.gallery .primary-nav .primary-nav__list > li:hover > a,
.gallery .primary-nav .primary-nav__list > li > a:focus {
    background-color: #d0000a;
}

.museum .primary-nav .primary-nav__list > li:hover > a,
.museum .primary-nav .primary-nav__list > li > a:focus {
    background-color: #f58f0f;
}

.primary-nav .primary-nav__list > li:hover > a:before,
.primary-nav .primary-nav__list > li > a:focus:before {
    background-color: transparent;
}

.primary-nav .primary-nav__list > li:hover > a:after,
.primary-nav .primary-nav__list > li > a:focus:after {
    -webkit-transition: opacity .3s .2s ease;
    -moz-transition: opacity .3s .2s ease;
    transition: opacity .3s .2s ease;
    
    opacity: 1;
    
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* Second Level navigation */

.primary-nav ul.primary-nav__sub-list,
.posts {
    position: absolute;
    top: 2.8em;
    left: 0;
    
    visibility: collapse;
    overflow: hidden;
    
    width: 100%;
    margin: 0;
    padding: 1.6em 1em 1.5em;
    
    -webkit-transition: opacity .1s ease, visibility 0s .1s;
    -moz-transition: opacity .1s ease, visibility 0s .1s;
    transition: opacity .1s ease, visibility 0s .1s;
    
    border: 3px solid rgb(153, 204, 51);
    border: 3px solid #6b8b20;
    background-color: #ffffff;
    box-shadow: 8px 8px 19px rgba(0, 0, 0, .5);
}

.gallery .primary-nav .primary-nav__list .primary-nav__sub-list {
    border-color: #d0000a;
}

.museum .primary-nav .primary-nav__list .primary-nav__sub-list {
    border-color: #f58f0f;
}

.ie7 .primary-nav ul.primary-nav__sub-list,
.ie8 .primary-nav ul.primary-nav__sub-list {
    display: none;
}

.sub-headings + .sub-headings {
    margin-top: 2em;
}

.primary-nav__sub2-item + .sub-headings {
    margin-top: .5em;
}

a.primary-nav__sub2-link {
    display: block;
    
    margin-top: .5em;
}

.primary-nav .last-nav ul.primary-nav__sub-list {
    right: 0;
    left: auto;
}

.primary-nav .primary-nav__sub-item {
    float: left;
    overflow: hidden;
    
    width: 10.9em;
    height: 100%;
    margin: 0;
    padding: 0 .8em;
}

li.primary-nav__sub-item:nth-child(4n+1) {
    clear: both;
}

li.primary-nav__sub-item:nth-child(3n+1) {
    border-right: none;
}

li.primary-nav__sub-item:nth-child(n+5) {
    margin-top: 2em;
}

.primary-nav .primary-nav__sub-item:last-child {
    border-right: none;
}

.primary-nav .primary-nav__sub-list .last-nav {
    border-right-color: transparent;
}

.primary-nav .sub-section:hover,
.primary-nav .sub-section:focus,
.primary-nav .primary-nav__sub-list a:hover,
.primary-nav .primary-nav__sub-list a:focus {
    transition: .21s;
    text-decoration: none;
    
    border-bottom: 2px solid rgb(153, 204, 51);
}

.gallery .primary-nav .sub-section:hover,
.gallery .primary-nav .sub-section:focus,
.gallery .primary-nav .primary-nav__sub-list a:hover,
.gallery .primary-nav .primary-nav__sub-list a:focus {
    border-bottom-color: #d0000a;
}

.museum .primary-nav .sub-section:hover,
.museum .primary-nav .sub-section:focus,
.museum .primary-nav .primary-nav__sub-list a:hover,
.museum .primary-nav .primary-nav__sub-list a:focus {
    border-bottom-color: #f58f0f;
}

.primary-nav .primary-nav__sub-link {
    font-size: 1em;
    font-weight: 600;
    
    display: block;
    float: left;
    
    min-height: 2.2em;
    margin: 0;
    padding: 0;
    
    color: #0b2740;
    border-bottom: 2px solid transparent;
}

.primary-nav .primary-nav__sub2-list {
    display: block;
    float: left;
    
    width: 100%;
    margin: 0;
    padding: 0;
    
    background: none;
}

.ie7 .primary-nav .primary-nav__sub2-list {
    clear: both;
}

.primary-nav .primary-nav__sub2-list li {
    line-height: 1em;
    
    position: relative;
    
    display: block;
    float: none;
    
    width: auto;
    margin: 1.45em 0 0;
}

.primary-nav .primary-nav__sub2-list a {
    font-size: 1em;
    line-height: 16px;
    
    position: relative;
    
    display: inline-block;
    
    margin: 0;
    padding: 0 0 0 1em;
    
    color: #000000;
    border-bottom: 2px solid transparent;
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat -166px -3909px;
}

.primary-nav .primary-nav__sub2-list a:hover,
.primary-nav .primary-nav__sub2-list a:focus {
    text-decoration: underline;
}

.primary-nav .sub-section:hover,
.primary-nav .sub-section:focus,
.primary-nav .primary-nav__sub-list a:hover,
.primary-nav .primary-nav__sub-list a:focus {
    transition: .21s;
    text-decoration: none;
    
    border-bottom: 2px solid rgb(153, 204, 51);
    outline: none;
    background-color: transparent;
}

.museum .primary-nav .sub-section:hover,
.museum .primary-nav .sub-section:focus,
.museum .primary-nav .primary-nav__sub-list a:hover,
.museum .primary-nav .primary-nav__sub-list a:focus {
    border-bottom-color: #f58f0f;
}

.gallery .primary-nav .sub-section:hover,
.gallery .primary-nav .sub-section:focus,
.gallery .primary-nav .primary-nav__sub-list a:hover,
.gallery .primary-nav .primary-nav__sub-list a:focus {
    border-bottom-color: #d0000a;
}

.primary-nav .primary-nav__sub-list li:before {
    content: none;
}

.primary-nav .primary-nav__sub2-list li {
    line-height: 0;
    
    margin: 22px 0 0;
    padding: 0;
}

.primary-nav .primary-nav__sub2-list li:first-child {
    margin-top: 5px;
}

/* --- 5.2 Sub Navigation ---*/

.lhs-column__h {
    font-size: 1.3em;
    
    margin-top: 0;
    padding: .4em .4em;
    
    color: #ffffff;
    border-bottom: 3px solid #4f6718;
    border-radius: 5px 5px 0 0;
    background-color: rgb(132, 165, 87);
}

.gallery .lhs-column__h {
    border-bottom: 3px solid #731317;
    background-color: rgb(208, 0, 10);
}

.museum .lhs-column__h {
    border-bottom: 3px solid #9a621d;
    background-color: rgb(245, 143, 15);
}

.lhs-column ul {
    margin: 0;
    padding: 0;
    
    text-indent: 0;
}

.lhs-column li {
    margin: 0;
}

.lhs-column ul li:before {
    content: none;
}

.lhs-column ul li a {
    font-size: 1em;
    line-height: 1.1em;
    
    display: block;
    
    width: auto;
    margin: 0;
    padding: .6em 2em .55em 1.05em;
    
    -webkit-transition: color .1s ease, background-color 200ms linear;
    -moz-transition: color .1s ease, background-color 200ms linear;
    transition: color .1s ease, background-color 200ms linear;
    text-decoration: none;
    
    color: #2c2c2c;
    border-top: 1px solid #dfdfdf;
}

.lhs-column ul li a:hover,
.lhs-column ul li a:focus {
    color: #2c2c2c;
    background-color: rgb(170, 212, 80);
}

.gallery .lhs-column ul li a:hover,
.gallery .lhs-column ul li a:focus {
    color: #ffffff;
    background-color: rgb(232, 95, 84);
}

.museum .lhs-column ul li a:hover,
.museum .lhs-column ul li a:focus {
    background-color: rgb(242, 185, 108);
}

.lhs-column > ul > li > a {
    background: transparent url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat right -3675px;
}

.lhs-column > ul > li > a.heirarchy {
    font-weight: bold;
    
    background-position: right -3823px;
}

.lhs-column .lhs-nav-sub > li > a {
    padding: .6em 1.5em .55em 1.85em;
}

.lhs-column .lhs-nav-sub2 > li > a {
    padding: .6em 1.5em .55em 2.35em;
}

.lhs-column .lhs-nav-sub > li > a.heirarchy {
    font-weight: bold;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat right -3823px;
}

.lhs-column .lhs-nav-sub2 > li > a.heirarchy {
    font-weight: bold;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat right -3823px;
}

.lhs-column .lhs-nav-sub2 > li > a.heirarchy:hover {
    background-color: rgb(170, 212, 80);
}

.gallery .lhs-column .lhs-nav-sub2 > li > a.heirarchy:hover {
    color: #ffffff;
    background-color: rgb(232, 95, 84);
}

.museum .lhs-column .lhs-nav-sub2 > li > a.heirarchy:hover {
    background-color: rgb(242, 185, 108);
}

.lhs-column .lhs-nav-sub3 > li > a {
    font-size: .95em;
    
    padding: .7em 1em .35em 4.35em;
    
    border-top: none;
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat -132px -3902px;
}

.lhs-column ul li a.current {
    font-weight: bold;
    
    background-color: rgb(182, 216, 136);
}

.gallery .lhs-column ul li a.current {
    background-color: rgb(234, 159, 149);
}

.museum .lhs-column ul li a.current {
    background-color: rgb(242, 202, 145);
}

.lhs-column .lhs-nav-sub > li > a.current,
.lhs-column .lhs-nav-sub2 > li > a.current {
    background: rgb(182, 216, 136) url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat right -3673px;
}

.gallery .lhs-column .lhs-nav-sub > li > a.current,
.gallery .lhs-column .lhs-nav-sub2 > li > a.current {
    background-color: rgb(234, 159, 149);
}

.museum .lhs-column .lhs-nav-sub > li > a.current,
.museum .lhs-column .lhs-nav-sub2 > li > a.current {
    background-color: rgb(242, 202, 145);
}

.lhs-column ul {
    background-color: rgba(208, 208, 204, .26);
}

.lhs-column ul ul {
    background-color: rgba(255, 255, 255, .29);
}

.lhs-column ul ul ul {
    background-color: rgba(228, 228, 212, .3);
}

.lhs-column ul ul ul ul {
    background-color: rgba(245, 245, 237, .74);
}

/*
--------------------
6. Main Content
--------------------
*/
/* --- 6.1 Banner --- */

.no-js .banner > div + div {
    display: none;
}

.no-js .banner > div {
    position: relative;
}

/* --- 6.1.1 Home Banners --- */

.home-carousel {
    top: 0;
    
    float: left;
    
    width: 100%;
    height: auto;
    max-height: 700px;
    /*position: absolute;*/
}

@media screen and (max-width: 1280px) {
    .home-carousel {
        max-height: 600px;
    }
}

.home-carousel img {
    position: relative;
    left: 50%;
    
    width: 1920px;
    min-width: 100%;
    max-width: none;
    margin: 0 0 0 -960px;
}

.home-carousel.slick-slider {
    overflow: hidden;
    
    margin-bottom: 0;
}

.home-carousel .slick-list {
    z-index: 5;
}

/* Slide navigation */

.home-carousel .slick-dots {
    z-index: 10;
    bottom: 8px;
    left: 38%;
    
    width: auto;
    height: 13px;
    margin: 0;
    padding: 1em;
    
    text-indent: 0;
    
    background-color: rgba(0, 0, 0, .4);
}

.home-carousel .slick-dots li {
    display: block;
    float: left;
    
    width: auto;
    height: auto;
    margin: 0 6px 0 0;
}

.home-carousel .slick-dots button {
    width: 14px;
    height: 14px;
    
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease;
    
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background-color: #ffffff;
}

.home-carousel .slick-dots button:before {
    content: none;
}

.home-carousel .slick-active button {
    color: #0b2740;
    background-color: rgb(153, 204, 51);
}

.gallery .home-carousel .slick-active button {
    background-color: #d0000a;
}

.museum .home-carousel .slick-active button {
    background-color: rgb(245, 143, 15);
}

.home-carousel .slick-slide {
    position: relative;
    
    float: left;
    
    width: 100%;
    
    background-color: #f2f2f2;
}

/* Slide description w/link */

.home-carousel .desc-wrapper {
    position: absolute;
    z-index: 900;
    bottom: 31.3em;
    
    width: 100%;
    margin: 0 auto;
}

.home-carousel .details-outer {
    position: relative;
    z-index: 900;
    
    width: 66em;
    max-height: 11.9em;
    margin: 0 auto;
}

.home-carousel .details {
    width: 36em;
    
    background-color: rgba(0, 0, 0, .55);
}

.home-carousel .carousel-title {
    font-size: 1.5em;
    line-height: 1em;
    
    display: block;
    overflow: hidden;
    
    max-height: 2.8em;
    margin: 0;
    padding: .1em 0 .1em .3em;
    
    letter-spacing: .5px;
    
    color: #ffffff;
}

.home-carousel .description {
    clear: both;
    
    width: 34.7em;
    height: 6.5em;
    padding: 0 10px 10px;
}

.home-carousel p {
    font-size: 1.1em;
    line-height: 1em;
    
    min-height: 2.7em;
    margin: 0;
    
    color: #ffffff;
    text-shadow: 0 0 7px rgba(0, 0, 0, .9);
}

.home-carousel a.button {
    font-weight: bold;
    
    height: 40px;
    padding: 0 15px 0 15px;
}

.modIE .home-carousel a.button {
    font-weight: 400;
}

.home-carousel .slick-dots .play-pause {
    margin-left: 12px;
}

.home-carousel .slick-dots li:before {
    content: none;
}

.home-carousel .play-pause span {
    display: none;
    
    width: 11px;
    height: 13px;
    margin-top: 0;
    
    transition: content .1s ease;
}

.home-carousel .play-pause .active {
    font-size: 1em;
    font-weight: normal;
    line-height: 15px;
    
    display: block;
    
    color: rgb(153, 204, 51);
}

.gallery .home-carousel .play-pause .active {
    color: #d0000a;
}

.museum .home-carousel .play-pause .active {
    color: rgb(245, 143, 15);
}

.small-feature-wrapper {
    float: left;
    overflow: hidden;
    
    box-sizing: border-box;
    width: 55%;
    margin: 0;
    padding: 13px 10px 9px;
    
    border: 1px solid #e3e2de;
    background: #ffffff;
    background: rgba(255, 255, 255, .9);
}

.small-feature-wrapper h2 {
    font-size: 1.1em;
    
    padding: 5px 1.05em 10px;
    
    letter-spacing: 0;
    
    color: #0b2740;
    border-bottom: 3px solid rgb(153, 204, 51);
    background-color: transparent;
}

.gallery .small-feature-wrapper h2 {
    border-bottom: 3px solid #d0000a;
}

.museum .small-feature-wrapper h2 {
    border-bottom: 3px solid #f58f0f;
}

.small-feature-wrapper h3 {
    font-size: .9em;
}

.small-feature-carousel {
    padding: 0 .1em 1.5em;
}

.small-feature-carousel.slick-slider {
    margin-bottom: 0;
}

.small-feature-carousel .slick-prev,
.small-feature-carousel .slick-next {
    font-size: 24px;
    line-height: 40px;
    
    position: absolute;
    top: auto;
    bottom: 0;
    
    display: block;
    
    width: 37px;
    height: 40px;
    
    text-align: center;
    text-indent: -9999px;
    
    color: #ffffff;
    border: 0;
    outline: 0;
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') #0b2740 no-repeat -149px -4636px;
}

.gallery .small-feature-carousel .slick-next {
    background-color: #d0000a;
    background-position: -149px -3996px;
}

.museum .small-feature-carousel .slick-next {
    background-position: -149px -5919px;
}

.small-feature-carousel .slick-prev {
    right: 1.6em;
    left: auto;
    
    background-position: -149px -4747px;
}

.gallery .small-feature-carousel .slick-prev {
    background-color: #d0000a;
    background-position: -149px -4107px;
}

.museum .small-feature-carousel .slick-prev {
    background-position: -149px -6029px;
}

.small-feature-carousel .slick-prev:before {
    content: none;
}

.small-feature-carousel .slick-next {
    right: 0;
}

.small-feature-carousel .slick-next:before {
    content: none;
}

.small-feature-carousel .slick-prev:hover,
.small-feature-carousel .slick-next:hover {
    background-color: rgb(30, 118, 157);
    background-color: rgba(30, 118, 157, .8);
}

.small-feature-carousel .slick-prev:hover .fa,
.small-feature-carousel .slick-next:hover .fa {
    color: #ffffff;
}

.small-feature-carousel .fa.fa-angle-left {
    background-position: -159px -2931px;
}

.small-feature-carousel .fa.fa-angle-right:before,
.small-feature-carousel .fa-angle-left:before {
    content: ' ' !important;
}

.small-feature-carousel .slick-slide {
    float: left;
    
    width: 25%;
}

.small-feature-carousel a {
    display: inline-block;
    
    width: 95%;
    margin: 0 .5em;
    
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    text-decoration: none;
    
    color: #000000;
}

.small-feature-carousel a:hover {
    opacity: .85;
    
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.small-feature-carousel img {
    height: 10em;
    padding: 0 0 10px;
}

.small-feature-carousel p {
    font-size: .9em;
    line-height: 1.15em;
    
    min-height: 3.5em;
    margin: 0;
    padding: 10px 5px 5px 0;
    
    letter-spacing: .5px;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.small-feature-carousel a:hover p {
    color: #000000;
}

.small-feature-carousel .view-more {
    display: none;
    
    padding: .5em .5em .5em;
    
    text-align: center;
    
    color: #ffffff;
    background-color: rgb(63, 121, 147);
}

/* --- 6.1.2 Alternative Banner --- */

.alternative-carousel {
    float: left;
    
    width: 100%;
    height: auto;
    max-height: 368px;
}

.alternative-carousel img {
    position: relative;
    left: 50%;
    
    width: 1920px;
    min-width: 100%;
    max-width: none;
    margin: 0 0 0 -50%;
}

.alternative-carousel.slick-slider {
    overflow: hidden;
    
    margin-bottom: 0;
}

.alternative-carousel .slick-list {
    z-index: 5;
}

/* Slide navigation */

.alternative-carousel .slick-dots {
    z-index: 10;
    bottom: 8px;
    left: 38%;
    
    width: auto;
    height: 13px;
    margin: 0;
    padding: 1em;
    
    text-indent: 0;
    
    background-color: rgba(0, 0, 0, .4);
}

.alternative-carousel .slick-dots li {
    display: block;
    float: left;
    
    width: auto;
    height: auto;
    margin: 0 6px 0 0;
}

.alternative-carousel .slick-dots button {
    width: 14px;
    height: 14px;
    
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease;
    
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background-color: #ffffff;
}

.alternative-carousel .slick-dots button:before {
    content: none;
}

.alternative-carousel .slick-active button {
    color: #0b2740;
    background-color: rgb(153, 204, 51);
}

.gallery .alternative-carousel .slick-active button {
    background-color: #d0000a;
}

.museum .alternative-carousel .slick-active button {
    background-color: rgb(245, 143, 15);
}

.alternative-carousel .slick-slide {
    position: relative;
    
    float: left;
    
    width: 100%;
    
    background-color: #f2f2f2;
}

/* Slide description w/link */

.alternative-carousel .desc-wrapper {
    position: absolute;
    z-index: 900;
    bottom: 0;
    
    width: 100%;
    margin: 0 auto;
}

.alternative-carousel .details-outer {
    position: relative;
    z-index: 900;
    
    width: 66em;
    max-height: 11.9em;
    margin: 0 auto;
}

.alternative-carousel .details {
    width: 36em;
    
    background-color: rgba(0, 0, 0, .7);
}

.alternative-carousel h4 {
    font-size: 1.3em;
    line-height: 1em;
    
    display: block;
    overflow: hidden;
    
    max-height: 2.8em;
    margin: 0;
    padding: .6em 0 .1em .5em;
    
    letter-spacing: .5px;
    
    color: #ffffff;
}

.alternative-carousel .description {
    clear: both;
    
    width: 34.7em;
    height: 6.5em;
    padding: 0 10px 10px;
}

.alternative-carousel p {
    font-size: .9em;
    line-height: 1.1em;
    
    min-height: 2.7em;
    margin: 0;
    
    color: #ffffff;
    text-shadow: 0 0 7px rgba(0, 0, 0, .9);
}

.alternative-carousel a.button {
    font-weight: bold;
    
    height: 40px;
    padding: 0 15px 0 15px;
}

.alternative-carousel .slick-dots .play-pause {
    margin-left: 12px;
}

.alternative-carousel .slick-dots li:before {
    content: none;
}

.alternative-carousel .play-pause span {
    display: none;
    
    width: 11px;
    height: 13px;
    margin-top: 0;
    
    transition: content .1s ease;
}

.alternative-carousel .play-pause .active {
    font-size: 1em;
    font-weight: normal;
    line-height: 15px;
    
    display: block;
    
    color: rgb(153, 204, 51);
}

.gallery .alternative-carousel .play-pause .active {
    color: #d0000a;
}

.museum .alternative-carousel .play-pause .active {
    color: rgb(245, 143, 15);
}

.ie7 .alternative-carousel .play-pause span {
    width: 16px;
    height: 16px;
}

.ie7 .alternative-carousel .js-pause.active {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat 0 -3657px transparent !important;
}

.ie7 .alternative-carousel .js-play.active {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') no-repeat 0 -3457px transparent !important;
}

/* --- 6.1.3 Features carousel --- */

.features-container {
    clear: both;
    
    width: 100%;
    margin-top: 0;
}

.features-container .features {
    box-sizing: border-box;
    width: 100%;
    max-width: 62.8em;
    margin: 0 auto;
    padding: 0 10px;
}

.feature-carousel {
    padding: 1.7em 0 .5em 0;
}

.feature-carousel.slick-slider {
    margin-bottom: 0;
}

.feature-carousel .slick-prev:before,
.feature-carousel .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2.4em;
    
    display: inline-block;
    
    padding: .1em .4em;
    
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    
    color: #0b2740;
    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modIE .feature-carousel .slick-prev:before,
.modIE .feature-carousel .slick-next:before {
    font-size: .78em;
}

.feature-carousel .slick-next:before {
    padding: .1em .48em;
}

.feature-carousel .slick-prev,
.feature-carousel .slick-next {
    font-size: 1em;
    
    width: 50px;
    height: 50px;
    
    border-radius: 25px;
    background-color: #dbf1ac;
    background-color: rgba(139, 195, 74, .16);
}

.gallery .feature-carousel .slick-prev,
.gallery .feature-carousel .slick-next {
    background-color: rgba(208, 0, 10, .16);
}

.museum .feature-carousel .slick-prev,
.museum .feature-carousel .slick-next {
    background-color: rgba(245, 143, 15, .16);
}

.feature-carousel .slick-prev:hover,
.feature-carousel .slick-next:hover {
    color: transparent;
    background-color: rgb(153, 204, 51);
    background-position: 0;
}

.gallery .feature-carousel .slick-prev:hover,
.gallery .feature-carousel .slick-next:hover {
    background-color: rgb(208, 0, 10);
}

.museum .feature-carousel .slick-prev:hover,
.museum .feature-carousel .slick-next:hover {
    background-color: rgb(245, 143, 15);
}

.feature-carousel .slick-prev:before {
    content: '\f104';
}

.feature-carousel .slick-next:before {
    content: '\f105';
}

.feature-carousel .slick-prev {
    left: -17px;
}

.feature-carousel .slick-next {
    right: -19px;
}

.feature-carousel .slick-slide {
    float: left;
    
    width: 25%;
}

.feature-carousel a {
    display: inline-block;
    
    margin: 0 .5em;
    padding: 1px;
    
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    text-decoration: none;
    
    color: #000000;
    background: rgba(204, 201, 195, .54);
    background-color: #dfdcd7;
}

.feature-carousel a:hover {
    opacity: .85;
    
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.feature-carousel img {
    overflow: hidden;
    
    width: 100%;
    min-width: 100%;
    height: 10em;
    padding: 0;
    
    -webkit-transform: none;
    transform: none;
}

.feature-carousel p {
    line-height: 1.15em;
    
    max-width: 212px;
    min-height: 3.5em;
    margin: 0;
    padding: 10px 5px 5px 7px;
    
    letter-spacing: .5px;
    
    color: #000000;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.feature-carousel .view-more {
    display: none;
    
    padding: .5em .5em .5em;
    
    text-align: center;
    
    color: #ffffff;
    background-color: rgb(63, 121, 147);
}

/* --- 6.1.4 Gallery carousel --- */

.gallery-container {
    clear: both;
    
    width: 100%;
    margin-top: 0;
}

.gallery-container .gallery {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.gallery-carousel {
    padding: 1.7em 1.4em .5em 1.6em;
}

.gallery-carousel.slick-slider {
    margin-bottom: 0;
}

.gallery-carousel .slick-prev:before,
.gallery-carousel .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2.4em;
    
    display: inline-block;
    
    padding: .1em .4em;
    
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    
    color: #0b2740;
    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modIE .gallery-carousel .slick-prev:before,
.modIE .gallery-carousel .slick-next:before {
    font-size: .78em;
}

.gallery-carousel .slick-next:before {
    padding: .1em .48em;
}

.gallery-carousel .slick-prev,
.gallery-carousel .slick-next {
    font-size: 1em;
    
    width: 50px;
    height: 50px;
    
    border-radius: 25px;
    background-color: rgba(139, 195, 74, .16);
}

.gallery .gallery-carousel .slick-prev,
.gallery .gallery-carousel .slick-next {
    background-color: rgba(208, 0, 10, .16);
}

.museum .gallery-carousel .slick-prev,
.museum .gallery-carousel .slick-next {
    background-color: rgba(245, 143, 15, .16);
}

.gallery-carousel .slick-prev:hover,
.gallery-carousel .slick-next:hover {
    color: transparent;
    background-color: rgb(153, 204, 51);
    background-position: 0;
}

.gallery .gallery-carousel .slick-prev:hover,
.gallery .gallery-carousel .slick-next:hover {
    background-color: rgb(208, 0, 10);
}

.museum .gallery-carousel .slick-prev:hover,
.museum .gallery-carousel .slick-next:hover {
    background-color: rgb(245, 143, 15);
}

.gallery-carousel .slick-prev:before {
    content: '\f104';
}

.gallery-carousel .slick-next:before {
    content: '\f105';
}

.gallery-carousel .slick-prev {
    left: 0;
}

.gallery-carousel .slick-next {
    right: -6px;
}

.gallery-carousel .slick-slide {
    float: left;
    
    width: 25%;
}

.gallery-carousel a,
.slider-nav .slick-slide {
    display: inline-block;
    
    margin: 0 .5em;
    padding: 1px;
    
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    text-decoration: none;
    
    color: #000000;
    background: rgba(204, 201, 195, .54);
    background-color: #dfdcd7;
}

.gallery-carousel a:hover {
    opacity: .85;
    
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.gallery-carousel img {
    overflow: hidden;
    
    width: 100%;
    min-width: 100%;
    max-height: 10em;
    padding: 0;
    
    -webkit-transform: none;
    transform: none;
}

/* --- 6.1.4 Gallery carousel --- */

.gallery-thumb-container {
    clear: both;
    
    width: 100%;
    margin-top: 0;
}

.gallery-thumb-container .gallery {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.gallery-thumb-container .slider-for img {
    margin: 0 auto;
}

.slider-nav {
    padding: 1.7em 1.4em .5em 1.6em;
}

.slider-nav.slick-slider {
    margin-bottom: 0;
}

.slider-nav .slick-prev:before,
.slider-nav .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2.4em;
    
    display: inline-block;
    
    padding: .1em .4em;
    
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    
    color: #0b2740;
    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modIE .slider-nav .slick-prev:before,
.modIE .slider-nav .slick-next:before {
    font-size: .78em;
}

.slider-nav .slick-next:before {
    padding: .1em .48em;
}

.slider-nav .slick-prev,
.slider-nav .slick-next {
    font-size: 1em;
    
    width: 50px;
    height: 50px;
    
    border-radius: 25px;
    background-color: rgba(139, 195, 74, .16);
}

.gallery .slider-nav .slick-prev,
.gallery .slider-nav .slick-next {
    background-color: rgba(208, 0, 10, .16);
}

.museum .slider-nav .slick-prev,
.museum .slider-nav .slick-next {
    background-color: rgba(245, 143, 15, .16);
}

.slider-nav .slick-prev:hover,
.slider-nav .slick-next:hover {
    color: transparent;
    background-color: rgb(153, 204, 51);
    background-position: 0;
}

.gallery .slider-nav .slick-prev:hover,
.gallery .slider-nav .slick-next:hover {
    background-color: rgb(208, 0, 10);
}

.museum .slider-nav .slick-prev:hover,
.museum .slider-nav .slick-next:hover {
    background-color: rgb(245, 143, 15);
}

.slider-nav .slick-prev:before {
    content: '\f104';
}

.slider-nav .slick-next:before {
    content: '\f105';
}

.slider-nav .slick-prev {
    left: 0;
}

.slider-nav .slick-next {
    right: -6px;
}

.slider-nav .slick-slide {
    float: left;
    
    width: 25%;
}

.slider-nav a {
    display: inline-block;
    
    margin: 0 .5em;
    padding: 1px;
    
    -webkit-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    text-decoration: none;
    
    color: #000000;
    background: rgba(204, 201, 195, .54);
    background-color: #dfdcd7;
}

.slider-nav a:hover {
    opacity: .85;
    
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.slider-nav img {
    overflow: hidden;
    
    width: 100%;
    min-width: 100%;
    height: 10em;
    padding: 0;
    
    -webkit-transform: none;
    transform: none;
}

/* --- 6.2 Home Elements --- */

.home .main h1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.home .home-columns {
    float: right;
}

.home section.home-right {
    width: 70.9%;
    margin-left: 2em;
}

.home .home-columns.left {
    width: 25%;
}

.home .home-columns h2,
.home .home-columns h3 {
    margin: 0;
}

/* --- 6.2.2  Whats on --- */

.whats-on {
    position: relative;
    
    float: left;
    
    box-sizing: border-box;
    width: 41%;
    margin: 0 0 0 4%;
    padding: 13px 10px;
    
    border: 1px solid #e3e2de;
    background-color: #ffffff;
}

.whats-on .cal {
    margin-top: 0 !important;
}

.whats-on .cal tr {
    background: transparent;
}

.whats-on .cal td {
    font-size: .7em;
    line-height: 17px;
    
    padding: .1em 0;
    
    text-align: center !important;
    vertical-align: middle !important;
    letter-spacing: 0 !important;
    
    color: #000000;
    border: none;
}

.whats-on .cal td.cal_ovr {
    color: #000000;
    background-color: rgb(153, 204, 51) !important;
}

.gallery .whats-on .cal td.cal_ovr {
    color: #000000;
    background-color: #f2c3c4 !important;
}

.museum .whats-on .cal td.cal_ovr {
    color: #000000;
    background-color: #f3b971 !important;
}

.whats-on .cal .cal_day_sel {
    border-radius: 3px;
    background: rgb(153, 204, 51) !important;
}

.gallery .whats-on .cal .cal_day_sel {
    color: #ffffff;
    background: #d0000a !important;
}

.museum .whats-on .cal .cal_day_sel {
    background: #f58f0f !important;
}

.whats-on .cal_hol {
    background: none;
}

.whats-on .cal_ovr td {
    color: #000000;
}

.cal_today {
    background: rgb(153, 204, 51) !important;
}

.whats-on .cal.table-styled,
.whats-on .cal {
    border: none;
    background-color: transparent;
}

.whats-on .cal .cal_arrow,
.whats-on .cal .cal_month,
.whats-on .cal .cal_year,
.whats-on .cal .cal_week {
    font-size: 1em;
    
    color: #0b2740 !important;
    background: transparent !important;
}

.whats-on .cal .cal_week {
    cursor: default;
}

.whats-on .cal_arrow:hover {
    color: rgb(153, 204, 51) !important;
    color: rgba(153, 204, 51, 1) !important;
}

.gallery .whats-on .cal_arrow:hover {
    color: #d0000a !important;
}

.whats-on .cal_month:hover,
.whats-on .cal_year:hover {
    cursor: default;
}

.whats-on .calender-year {
    display: none;
}

.whats-on tr td.cal_over {
    color: #000000;
    background-color: #cccccc;
}

.whats-on h2 a {
    font-size: .8em;
    font-weight: bold;
    
    display: block;
    
    padding: 5px 1.05em 9px;
    
    text-decoration: none;
    
    color: #0b2740;
    border-bottom: 3px solid rgb(153, 204, 51);
    background-color: transparent;
}

.gallery .whats-on h2 a {
    border-bottom: 3px solid #d0000a;
}

.museum .whats-on h2 a {
    border-bottom: 3px solid #f58f0f;
}

.whats-on h2 a:hover {
    color: #0b2740;
    background-color: #f5f7f0;
    background-color: rgba(153, 204, 51, .1);
}

.gallery .whats-on h2 a:hover {
    background-color: rgb(249, 234, 234);
}

.museum .whats-on h2 a:hover {
    background-color: rgb(251, 240, 225);
}

.whats-on h4 {
    font-size: .9em;
    font-weight: normal;
    
    margin-bottom: 0;
    
    color: #4374ac;
}

.whats-on a.list-item {
    position: relative;
    
    display: block;
    
    margin-bottom: 4px;
    padding: 0 0 6px 55px;
    
    text-decoration: none;
}

.whats-on a.list-item:hover,
.whats-on a.list-item:focus {
    text-decoration: none;
    
    background-color: rgba(30, 118, 157, .1);
}

.whats-on a.list-item p.summary {
    font-size: .8em;
    
    margin: 0;
}

.whats-on .thumb {
    position: absolute;
    top: 4px;
    left: 6px;
    
    display: block;
    float: left;
    
    width: 40px;
    padding: 0;
    
    color: #0b2740;
    border: 0;
    background: rgba(195, 203, 179, .6);
}

.whats-on .thumb span {
    line-height: 17px;
    
    display: block;
    clear: both;
    
    padding: 2px;
    
    text-align: center;
    
    color: #0b2740;
}

.whats-on span.month {
    background: rgba(153, 204, 51, .6);
}

.whats-on .more {
    font-size: .875em;
    line-height: 1em;
    
    float: right;
    
    margin-top: 0;
    
    letter-spacing: 0;
    
    color: #4374ac;
}

.whats-on .more:hover {
    text-decoration: none;
}

.events-list {
    font-size: .7em;
    
    position: absolute;
    top: 0;
    right: 0;
    
    margin-right: 10px;
    padding: 5px;
    
    color: #000000;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    box-shadow: 3px 3px 3px #aba4a4;
}

.events-list ul {
    margin: 0;
    padding: 10px;
    
    list-style: disc;
    
    text-indent: 0;
    
    background-color: rgb(193, 216, 139);
}

.gallery .events-list ul {
    background-color: rgb(249, 175, 178);
}

.museum .events-list ul {
    background-color: rgb(245, 199, 142);
}

.events-list li:before {
    color: #0b2740;
}

.home .quick-links .events-list ul li a {
    padding: 0 0 .5em 2em;
    
    text-transform: capitalize;
}

.ie7 .home .quick-links .events-list ul li a {
    margin-left: 1.5em;
    padding-left: .2em;
}

span.close-popup {
    font-weight: bold;
    
    float: right;
    
    margin-top: -16px;
    padding: 6px 9px;
    
    color: #dbdada;
    border-radius: 13px;
    background: #1f2345;
}

.events-list.weekly span.close-popup {
    color: #0b2740;
    background: rgba(153, 204, 51, 1);
}

span.close-popup:hover {
    cursor: pointer;
    
    color: #ff6347;
}

.events-list.weekly span.close-popup:hover {
    color: #0b2740;
    background: rgba(129, 189, 10, 1);
}

.events-list a {
    font-size: 1.2em;
    
    letter-spacing: 0;
    
    color: #0b2740;
}

.gallery .events-list a {
    color: #000000;
}

.events-list.weekly a {
    color: #ffffff;
}

/* --- 6.2.3  Home Columns --- */

/* --- 6.2.3.2  Popular Items --- */

.popular-items {
    position: relative;
    
    box-sizing: border-box;
    height: 22.9em;
    padding: 13px 10px 8px;
    
    border: 1px solid #e3e2de;
    background: #ffffff;
}

.popular-items h2 {
    font-size: 1.1em;
    
    padding: 5px 1.05em 10px;
    
    letter-spacing: 0;
    
    color: #0b2740;
    border-bottom: 3px solid rgb(153, 204, 51);
    background-color: transparent;
}

.gallery .popular-items h2 {
    border-bottom: 3px solid #d0000a;
}

.museum .popular-items h2 {
    border-bottom: 3px solid #f58f0f;
}

.popular-items ul {
    margin: 0;
    padding: 0;
    
    text-indent: 0;
}

.popular-items ul li {
    margin: 0;
}

.popular-items li:before {
    content: none;
}

.popular-items li a {
    font-size: 1em;
    line-height: 1.1em;
    
    position: relative;
    
    display: block;
    
    padding: .5em 2.7em .42em 1.05em; /* 0.7em 2.7em 0.5em 1.05em*/
    padding-right: 0;
    padding-left: 2.9em;
    
    -webkit-transition: color .1s ease, background-color .2s ease;
    -moz-transition: color .1s ease, background-color .2s ease;
    transition: color .1s ease, background-color .2s ease;
    text-decoration: none;
    
    color: #2c2c2c;
    background: none;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.popular-items a:focus,
.popular-items a:hover {
    color: #000000;
    background-color: #96c03d;
}

.gallery .popular-items a:focus,
.gallery .popular-items a:hover {
    color: #000000;
    background-color: #f2c3c4;
}

.museum .popular-items a:focus,
.museum .popular-items a:hover {
    color: #000000;
    background-color: #f3b971;
}

.ie7 .popular-items ul li a {
    overflow: hidden;
    
    width: 78%;
}

.popular-items li a i,
.popular-items li a .fa {
    font-size: 1.3em;
    
    position: absolute;
    top: 7px;
    left: 12px;
    
    color: #86847f;
}

.popular-items li:hover a i,
.popular-items li:hover a .fa {
    color: #000000;
}

/* --- 6.2.3.3  Connect with Us --- */

.connect {
    float: left;
    
    box-sizing: border-box;
    width: 41%;
    margin-bottom: 27px;
    margin-left: 4%;
    padding: 13px 10px 19px;
    
    border: 1px solid #e3e2de;
    background: #ffffff;
}

.connect h2 {
    font-size: 1.1em;
    
    padding: 5px 1.05em 10px;
    
    letter-spacing: 0;
    
    color: #0b2740;
    border-bottom: 3px solid rgb(153, 204, 51);
    background-color: transparent;
}

.gallery .connect h2 {
    border-bottom: 3px solid #d0000a;
}

.museum .connect h2 {
    border-bottom: 3px solid rgb(245, 143, 15);
}

.connect ul {
    display: flex;
    flex-direction: row;
    
    margin: 1em 0 0;
    
    flex-wrap: wrap;
    justify-content: start;
}

.connect ul li {
    width: 32px;
    height: 32px;
    margin: 5px 3px;
}

.connect ul li:before {
    content: none;
}

.connect ul > li:hover {
    opacity: .6;
}

.connect ul .icon-facebook {
    background: transparent url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0005/73940/fb.png?v=0.1.1') no-repeat left !important;
}

.connect ul .icon-instagram {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAADOAAAAzgGU/pOgAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAftQTFRF/////wAA/wD/gACA/4CAqgBVqgCqqlVVnyCAsxqZvxWAvytqv0BVgCazjBqm2YxAdSC/lSCf1WpK35VArxiHryCHx0hQx1BQih2omR2gzGZJ03VCnxyYmSCfnxyZwShsxi1mzFtKhCCyshuEuxuAvxd2xBtyxCBtxClpxC5kxDJkxDdbxDtbxEBXyElS1oBEqh6IhiCuqhyKuhh9wiBtwjFhxkFVxk1N131FdyO7iiGr1HVE3JA+cSTBmB+dzmdI4Jg+pR6RpRyQvxp4xDtay1VMhSGvphyRyVRL135ErR2Jvxp4xTxaoB+XcyPCnx6WzF1J35g+lx+chSGwnh6WzF1J139DrRuJfyK2hCGx139D2odCuhp+whxzxTdexkNVrByKuhl9xkFVx01NiyCqkiCj0m5G1HZEphyQwhxzxTZdylVLciXCpR2QylVK35c+mB+ddyO8kh+jph2Q0m5G3I8/sxuEx0dRhSGwmB+dpR2QwyJuxDJiylVLz2ZI139DciTCrByKx01N35g+mB+dshuEwydqxCxmx0dRciTCeCO8fyK2hSGwiyCqkh+jmB+dnx6Xph2QrByKshuEuRp+vxl4whxzwyJuwydqxCxmxDJixTddxTxZxkJVx0dRx01NylVLzV1Jz2ZI0m5G1HZE139D2odB3I8/35g+TEZlRwAAAIl0Uk5TAAEBAgIDAwMICgwMDBQUFBgYGBggICAgIyMjIyUoLS0tLTg4ODg4ODg4ODg4ODg4PD8/Pz8/Pz8/Xl5eXmNjY2NmbGxsbG1tbW1zd3eOl5eXl5uhoaGhp7Ozs7O0tLS0v7+/v8LCwsLFxcXFysrKyt7v7+/v7/Dw9fX19fX19fX4+Pj4/P39/f1iCsudAAACJElEQVQ4T22TT08TURRHzzMPTY1VZxig1sxgYloyTYiEdlFQi3Fph4X6CfSDARvjztUMGyRxUSyRQKJNnNDGGAaEUsqMWJOm/quLaaG0/Hb3npP77kvekwDcnFQMLcJZmnUvKH0HkAAz2Vucz1XDILNeDIVoPs1FiT8bdxpIsNJQrzSOTnrgjZFoQiMjXiOZzYBrVwcGxCyTzM57qWQF7uLffnzpWnXxpUnWlZM6NXuA68+1rTe2NqpPSkVQOTgFl2NUfwFTd8h92KuMoUhD0OiOfZRUxzj0y+/+/RR4xzQEhtQERyEfyU8DxGIpwylGottNjgSaVCG8n/ZCB35wHdKjC8sAJwJVChAAYt6AddfFNLMY80ttQAg4FR5nYNkBNjeDJ2S81X4hKSg64TKOOkOyXxhSBS6duLOoQ7/PC3Ed/0wIVD2+c14QIjwpTKfqFQ52jeHURoenhvEO+oSWP47ZFUyB3+oTKE+T820ArByU6RdWjfs8HXY/kzJzsLY6ILTtkQnm5mqMAtt2+1TY0wmfc23JegBjAAW7BkBEsCvrBkq42uGCl1Tv8sUvv22HHUVQl16aaFjSXlm5Eme/RTdRgScDgRnf77ZaXzlL3BQEsvTpXsJa+MNgpJXgY0n6xSlywv42wG9bD6HoS9bG8+RibiNo9tCIEjWT4KwhwRF5JiYGJgCOAxJOXu3MTF+At4oFOr+74G4ohpbogZW6F5SOAf4DFVKv+uC+tE8AAAAASUVORK5CYII=') no-repeat left !important;
}

.connect .icon-facebook a,
.connect .icon-instagram a {
    display: block;
    
    width: 32px;
    height: 33px;
}

.connect .icon-facebook a:active,
.connect .icon-instagram a:active {
    opacity: .75;
}

.connect ul .icon-facebook span,
.connect ul .icon-instagram span {
    display: block;
    float: left;
    
    width: 32px;
    height: 33px;
    
    text-indent: -999em;
}

.connect ul .icon-email {
    display: block;
    
    width: 13.2em;
    margin-left: .6em;
    
    text-align: right;
    
    background: #00a8ec url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0006/73941/email.png?v=0.1.1') no-repeat left !important;
    box-shadow: 1px 1px 3px #a99f9f;
}

.connect ul .icon-email a {
    font-size: .859em;
    font-weight: 600;
    line-height: 32px;
    
    display: block;
    
    height: 29px;
    padding: 0 6px;
    
    text-decoration: none;
    
    color: #ffffff;
}

.connect ul .icon-email:hover a {
    color: #ffffff;
}

.ie7 .connect ul .icon-email a,
.ie8 .connect ul .icon-email a {
    font-size: .85em;
}

/* --- 6.3 Pre Main Container --- */

/* --- 6.3.1 Breadcrumbs --- */

.breadcrumbs {
    float: left;
    overflow: hidden;
    
    width: 77%;
    margin: 0;
    padding: 13px 0 5px 1px;
    
    list-style: none;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    
    text-indent: 0;
}

.breadcrumbs li {
    float: left;
    
    margin: 0;
    
    color: #000000;
}

.breadcrumbs li:before {
    content: none;
}

.breadcrumbs li + li {
    margin-left: 6px;
    padding: 0 0 0 14px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') transparent no-repeat -168px -3905px;
}

.breadcrumbs a {
    padding: 0;
    
    text-decoration: underline;
    
    color: #4374ac;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus {
    text-decoration: none;
}

/* --- 6.3.2 Addthis --- */

.share-buttons {
    float: right;
    
    margin: 1em auto 0;
}

.addthis_16x16_style .at4-icon,
.addthis_16x16_white_style .at4-icon,
.addthis_default_style .at4-icon,
.at4-icon {
    width: 32px;
    height: 32px;
    
    box-shadow: 1px 1px 3px #a99f9f;
}

.at300b > span:hover {
    opacity: .8;
}

a.at300b .at4-icon,
a.at300m .at4-icon {
    display: block;
}

.at4-icon.aticon-facebook {
    background: rgb(48, 88, 145) url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0005/73940/fb.png?v=0.1.1') no-repeat left !important;
}

.at4-icon.aticon-twitter {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0007/73915/twitter.png?v=0.1.1') no-repeat left !important;
}

.at4-icon.aticon-email {
    background: rgb(153, 204, 51) url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0006/73941/email.png?v=0.1.1') no-repeat left !important;
    background-color: rgb(153, 204, 51) !important;
}

.at4-icon.aticon-google_plusone,
.at4-icon.aticon-googleplus,
.at4-icon.aticon-google_follow,
.at4-icon.aticon-google_plusone_share {
    background: rgb(206, 77, 57) url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0004/73939/google-plus-icon.png?v=0.1.1') no-repeat left !important;
}

.at4-icon.aticon-print {
    background: #9bce5c url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0010/73918/print.png?v=0.1.1') no-repeat left !important;
    background-color: transparent !important;
    background-size: 32px;
}

/* --- 6.4 Sidebar --- */

.rhs-column h2,
.rhs-column h3,
.quicklink-box h2,
.quicklink-box h3 {
    font-size: 1.125em;
    line-height: 1em;
    
    margin: 0;
    padding: 0 1.05em .3em .2em;
    
    color: #0b2740;
    border-bottom: 3px solid rgb(153, 204, 51);
    background-color: transparent;
}

.rhs-column h3 {
    font-size: 1em;
}

.rhs-column .box-container > a {
    display: block;
    
    margin-bottom: 20px;
    
    text-decoration: none;
}

.rhs-column .box-container > a:hover {
    opacity: .85;
}

.rhs-column .box-container img {
    display: block;
    
    margin: 10px auto;
}

/* --- 6.5 Highlight boxes --- */

.main-content .half-width {
    display: block;
    float: left;
    
    width: 43.5%;
    margin-right: 6.5%;
}

.main-content .third-width {
    display: block;
    float: left;
    
    width: 26.5%;
    margin-right: 6.8%;
}

.main-content .box {
    display: block;
    overflow: hidden;
    
    width: 96.5%;
    margin-bottom: 34px;
    padding: 16px 9px 19px;
    
    border: 5px solid #ffffff;
    background: #f3f3f3;
    -webkit-box-shadow: 2px 2px 5px #e7e7e7, -2px -2px 5px #e7e7e7;
    -moz-box-shadow: 2px 2px 5px #e7e7e7, -2px -2px 5px #e7e7e7;
    box-shadow: 2px 2px 5px #e7e7e7, -2px -2px 5px #e7e7e7;
}

.main-content .box {
    width: 95.5%;
}

.inside .box {
    width: 94%;
}

.main-content .box.half-width {
    width: 44.3%;
    margin-right: 5%;
}

.inside .main-content .box.half-width,
.inside .main-content .box.half-width {
    width: 43.35%;
}

.inside .main-content .box.half-width {
    width: 41.2%;
}

.main-content .box.third-width {
    width: 27.6%;
    margin-right: 4%;
}

.inside .main-content .box.third-width {
    width: 26.6%;
}

.inside .main-content .box.third-width {
    width: 24.4%;
}

.main-content .box.half-width.last,
.main-content .box.third-width.last {
    margin-right: 0;
}

.main-content .box p.third-width:last-child {
    margin-right: 0;
}

.main-content .box p.third-width.last {
    margin-right: 0;
}

.main-content .box.half-width.last:after,
.main-content .box.third-width.last:after {
    clear: both;
}

.main-content .box p.third-width:last-child:after {
    clear: both;
}

.main-content .box .third-width {
    width: 27.5%;
    margin-right: 8.7%;
}

.main-content .box p {
    margin-bottom: 0;
}

.main-content .box h6 {
    font-style: normal;
    
    margin-top: 0;
}


/* Table of content */
/*
* _toc.scss
*/


.toc__list {
    overflow: auto;
}

.toc__list li:before {
    content: none;
}

.toc__item {
    display: inline-block;
    float: left;
    
    width: 23%;
    padding-right: 12px;
}

.toc__item:nth-child(4n+1) {
    clear: both;
}

.landing.level2 .toc__item {
    width: 31%;
}

/*.toc__item:nth-child(even) {
padding-left: 12px;
padding-right: 0;
}
.toc__item:nth-child(odd) {
clear: left; }
*/
.toc__link,
.toc__link:visited {
    position: relative;
    
    display: block;
    overflow: auto;
    
    width: 100%;
    margin: 16px 0 0;
    padding: 0;
    
    cursor: pointer;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    text-decoration: none;
    
    border-top: 3px solid #99dde6;
    background-color: #ffffff;
}

.toc__link .overlay {
    position: absolute;
    bottom: 0;
    
    display: inline-block;
    
    width: 100%;
    height: 30%;
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 69%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 13%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%);
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
}

.toc__link:hover,
.toc__link:active,
.toc__link:focus,
.toc__link:visited:hover {
    opacity: .85;
    background-color: rgba(229, 236, 236, .53);
}

.toc__link:hover .toc__content:after,
.toc__link:visited:hover .toc__content:after {
    background-color: #edf3f8;
}

.toc__h {
    font-size: 1.2em;
    font-weight: bold;
    
    position: absolute;
    z-index: 100;
    bottom: 0;
    
    width: 100%;
    margin: .6em auto .8em;
    
    text-align: center;
    text-decoration: none;
    
    color: #ffffff;
}

.toc__h ~ * {
    margin-top: .7rem;
}

.main-content img.toc__thumb {
    display: block;
    
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
}

.toc__content {
    font-size: 1.15em;
    font-weight: 300;
    line-height: 1.4;
    
    position: relative;
    
    overflow: hidden;
    
    max-height: 98px;
    
    color: #363636;
}

.toc__content p {
    font-size: 1em;
    font-weight: inherit;
}

.toc__content p:last-child {
    margin-bottom: 0;
}

.toc__content:after {
    position: absolute;
    right: 0;
    bottom: 0;
    
    padding-right: 5px;
    
    content: '\2026';
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    
    background-color: #ffffff;
}

.toc__content > *:first-child {
    margin-top: .3em;
}

.toc__dotted-border .toc__link,
.toc__dotted-border .toc__link:visited {
    border: 1px dotted #0078ae;
}

.toc__dotted-border .toc__content {
    font-size: 1em;
    font-weight: 400;
    
    padding-top: .3em;
}


/*
--------------------
7. Footer
--------------------
*/
.footer-container {
    position: relative;
    
    clear: both;
    
    background-color: #dfdcd7;
}

.footer-wrapper {
    width: 100%;
    max-width: 66em;
    margin: 0 auto;
}

.footer-bottom {
    clear: both;
    overflow: auto;
    
    padding: 0 0 10px;
}

.footer ul,
.footer-bottom ul {
    float: left;
    
    margin: 0;
    padding: 0;
    
    text-indent: 0;
}

.footer li,
.footer-bottom li {
    display: inline;
}

.footer ul li:before,
.footer-bottom ul li:before {
    line-height: 1.3;
    
    display: inline;
    float: none;
    clear: none;
    
    margin-right: 6px;
    
    content: '\007C';
    
    color: #94948e;
}

.footer ul li:first-child:before,
.footer-bottom ul li:first-child:before {
    content: '';
}

.footer a,
.footer a:hover,
.footer p {
    color: #ffffff;
}

.footer-bottom a,
.footer-bottom p {
    text-decoration: none;
    
    color: #000000;
}

.footer-bottom a:hover {
    text-decoration: underline;
}

.footer p,
.footer-bottom p {
    margin-right: 15px;
    
    text-align: right;
}

.footer-bottom p span {
    display: inline-block;
    
    width: 16px;
    height: 16px;
}

.footer-bottom hr {
    margin-top: 0;
}

.ie8 .footer-bottom hr {
    margin-top: 2em;
}

.map-wrapper {
    overflow: hidden;
}

button.show-map-button {
    font-size: .9em;
    line-height: 1em;
    
    position: absolute;
    left: 45%;
    
    width: 7em;
    height: 2.1em;
    padding: 0;
    
    text-align: center;
    
    border: 1px solid #000000;
    border-radius: 4px;
    outline: none;
    background: none;
}

button.show-map-button.active,
button.show-map-button:hover {
    color: #ffffff;
    background-color: rgb(153, 204, 51);
}

.gallery button.show-map-button.active,
.gallery button.show-map-button:hover {
    color: #ffffff;
    background-color: rgb(208, 0, 10);
}

.museum button.show-map-button.active,
.museum button.show-map-button:hover {
    color: #ffffff;
    background-color: rgb(245, 143, 15);
}

.footer-contact-details {
    display: inline-block;
    
    min-height: 12em;
}

.footer-contact-details {
    float: left;
    
    width: 70%;
}

.footer-contact-details .location {
    float: left;
    
    width: 45%;
    margin-right: 4%;
    
    border-right: 1px solid #cccccc;
}

.gallery .footer-contact-details .location,
.museum .footer-contact-details .location {
    width: 90%;
}

.footer-contact-details div {
    float: left;
    
    width: 100%;
}

.footer-container .panel div {
    display: inline-block;
    float: left;
}

.gallery .footer-container .panel div,
.museum .footer-container .panel div {
    width: 50%;
}

.gallery .footer-container .panel div + div,
.museum .footer-container .panel div + div {
    margin-top: -22px;
}

.footer-contact-details strong {
    display: block;
    float: left;
    
    width: 100%;
}

.footer-contact-details a {
    text-decoration: none;
    
    color: #0b2740;
}

.footer-contact-details a:hover {
    cursor: pointer;
    text-decoration: none;
    
    color: #0b2740;
}

.location-timing {
    font-size: .95em;
    
    display: inline-block;
}

.location-timing dt {
    font-weight: normal;
    
    float: left;
    clear: both;
    
    width: 120px;
    margin-bottom: 0;
}

.location-timing dd {
    float: left;
    
    margin: 0;
    
    border: none;
}

.map-wrapper {
    display: block;
    
    width: 100%;
    height: 0;
    
    -webkit-transition: height .7s, background-color .7s;
    -moz-transition: height .7s, background-color .7s;
    transition: height .7s, background-color .7s;
    
    background-color: #ffffff;
}

.map-wrapper.active {
    height: 200px;
    
    background-color: #bbbbbb;
}

footer#pre-footer {
    margin-top: 1em;
}

.show-map-button.active + footer#pre-footer {
    margin-top: 2em;
}

.other-sites {
    display: block;
    float: left;
    
    width: 30%;
}

.other-sites a {
    display: inline-block;
    float: left;
    clear: both;
    
    width: 100%;
    margin: 5px 0;
    
    text-decoration: none;
    
    color: #000000;
}

.other-sites a.hcc-site-link {
    height: 62px;
    
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.other-sites a:hover,
.other-sites a:focus,
.other-sites a:hover span,
.other-sites a:focus span {
    text-decoration: underline;
}

.other-sites span {
    font-size: .9em;
    
    display: block;
    float: left;
    
    width: 70%;
    margin-right: 10px;
    padding: 6px 12px 0;
}

.other-sites img {
    float: left;
    
    width: 35px;
}

.other-sites .hcc-site-link img {
    width: 60px;
    
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.hcc-site-link span {
    font-weight: bold;
    
    padding-top: 10px;
}

/*
/*
--------------------
8. Search
--------------------
*/
/* --- 8.1 Search Filters --- */

form .news-query {
    position: relative;
}

form #queries_news_query {
    width: 71.3%;
    height: 41px;
    padding-right: 5px;
    padding-left: 6px;
    
    text-indent: 10px;
    text-transform: uppercase;
    
    border: none;
    background-color: #ffffff;
}

form .news-search input[type='text'] {
    font-size: .85em;
    
    width: 44px;
    height: 36px;
    margin: 0;
    padding: 0;
    
    color: #000000;
    border: none;
    background-color: #f5f5f5;
}

form .news-query input[type='submit'] {
    float: right;
    
    padding: 0 22px;
    
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    text-indent: -9999px;
    
    border: 0;
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') #0b2740 no-repeat 9px -963px;
}

form .news-query input[type='submit']:hover {
    cursor: pointer;
    
    background-color: #777777;
}

form .news-search > div {
    margin-bottom: 10px;
}

form .news-search .styled-select,
form .search-results .styled-select {
    float: left;
    overflow: hidden;
    
    width: 100%;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1') #ffffff no-repeat right -2024px;
}

form .news-search .styled-select:hover,
form .search-results .styled-select:hover {
    background-position: right -2106px;
}

form .news-search .styled-select > label,
form .search-results .styled-select > label {
    position: absolute;
    left: -9999px;
    
    float: left;
}

form .news-search #queries_category_query,
form .search-results .styled-select select {
    width: 110%;
    height: 36px;
    margin: 0;
    padding-right: 40px;
    
    cursor: pointer;
    text-indent: 10px;
    text-transform: uppercase;
    
    color: #000000;
    border: none;
    background-color: transparent;
}

form .news-search .dates-range {
    display: inline-block;
    
    width: 100%;
}

form .news-search .dates-range table {
    width: 100%;
    
    border: none;
}

form .news-search .dates-range tbody tr:hover,
form .news-search .dates-range tbody tr td,
form .news-search .dates-range tbody tr:hover td,
form .news-search .dates-range tbody td:hover {
    background: none;
}

form .news-search .dates-range tr {
    position: relative;
}

form .news-search .dates-range tr.even {
    background: none;
}

form .news-search .dates-range td:first-child {
    font-size: 14px;
    
    display: block;
    
    height: 9px;
    margin: 7px 0 10px;
    
    text-align: left;
    text-transform: uppercase;
    
    color: #515050;
}

form .news-search .dates-range td {
    display: inline-block;
    
    height: 36px;
    padding: 0;
    
    border: none;
}

form .news-search .dates-range .dt-range {
    background: #f5f5f5;
}

form .news-search .dates-range td.matrix-datepicker {
    position: relative;
    top: -7px;
}

form .news-search .dates-range select,
form .dates-range .sq-form-field {
    font-size: .907em;
    
    width: 61px;
    height: 36px;
    
    cursor: pointer;
    text-indent: 10px;
    text-transform: uppercase;
    
    color: #000000;
    border: none;
    background-color: #f5f5f5;
}

form .dates-range td #queries_date_range_query_fromvalue_d,
form .dates-range td #queries_date_range_query_tovalue_d {
    width: 51px;
}

form .news-search .dates-range img {
    position: absolute;
    top: 0;
    left: 0;
    
    box-sizing: border-box;
    width: 40px;
    height: 36px;
    padding-left: 44px;
    
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0005/73949/Calendar-icon.png?v=0.1.1') no-repeat -1px 0;
}

/* --- Search filters datepicker calendar Styles --- */

#ie_queries_date_range_query_from_js_calendar_span_shadow {
    background: transparent !important;
}

span#queries_date_range_query_from_js_calendar_span .cal {
    z-index: 9999;
    
    width: 200px;
    margin: 13px 0 0 -199px;
    
    border: 1px solid #cccccc;
    border-radius: 2px;
    background: #f0f0f0;
    box-shadow: 5px 5px 5px #888888;
}

span#queries_date_range_query_from_js_calendar_span .cal td {
    font-size: .75em;
    
    padding: 0;
    
    text-align: center;
    
    border: none;
}

span#queries_date_range_query_from_js_calendar_span .cal td:first-child {
    text-align: right;
}

span#queries_date_range_query_from_js_calendar_span .cal_close {
    font-size: 2em;
    
    color: #6eb53f;
}

span#queries_date_range_query_from_js_calendar_span .cal_close:hover {
    color: #6c7780;
}

span#queries_date_range_query_from_js_calendar_span .cal td.cal_arrow {
    font-size: 1em;
    
    text-align: center;
}

span#queries_date_range_query_from_js_calendar_span .cal_day_sel,
span#queries_date_range_query_from_js_calendar_span .cal_ovr,
span#queries_date_range_query_from_js_calendar_span .cal td.cal_arrow:hover {
    color: #ffffff;
    background-color: #6eb53f;
}

span#queries_date_range_query_from_js_calendar_span td.cal_week_day {
    font-size: .8em;
}

/* --- 8.2 Search Results --- */

.search-results-listing {
    margin-top: 1.2em;
}

/*
--------------------
9.  Themes
--------------------
*/

/* --- 9.1 Table Sorter --- */

/*************
Metro Dark Theme
*************/
/* overall */
.tablesorter-metro-dark {
    font: 12px/18px 'Segoe UI Semilight', 'Open Sans', Verdana, 'Open Sans', Helvetica, sans-serif;
    
    width: 100%;
    margin: 10px 0 15px;
    
    border-spacing: 0;
    
    text-align: left;
    
    color: #000000;
    background-color: #333333;
}

.tablesorter-metro-dark tr.dark-row th,
.tablesorter-metro-dark tr.dark-row td,
.tablesorter-metro-dark caption.dark-row {
    font-size: 14px;
    
    padding: 2px;
    
    text-align: left;
    
    color: #ffffff;
    background-color: #222222;
}

/* header/footer */
.tablesorter-metro-dark caption,
.tablesorter-metro-dark th,
.tablesorter-metro-dark thead td,
.tablesorter-metro-dark tfoot th,
.tablesorter-metro-dark tfoot td {
    font-size: 15px;
    font-weight: 300;
    
    padding: 4px;
    
    color: #dddddd;
    background-color: #333333;
}

.tablesorter thead th,
.tablesorter-metro-dark .header,
.tablesorter .tablesorter-header,
.tablesorter-metro-dark .tablesorter-header {
    cursor: pointer;
    white-space: normal;
    
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAGFBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u5jNePWAAAACHRSTlMAMxIHKwEgMWD59H4AAABSSURBVAjXY2BgYFJgAAHzYhDJ6igSAKTYBAUTgJSioKAQAwNzoaCguAFDiCAQuDIkgigxBgiA8cJAVCpQt6AgSL+JoKAzA0gjUBsQqBcBCYhFAAE/CV4zeSzxAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.tablesorter-metro-dark .tablesorter-header-inner {
    padding: 0 18px 0 4px;
}

.tablesorter thead .headerSortUp
.tablesorter-metro-dark thead .headerSortUp,
.tablesorter thead .tablesorter-headerSortUp,
.tablesorter-metro-dark thead .tablesorter-headerSortUp,
.tablesorter thead .tablesorter-headerAsc,
.tablesorter-metro-dark thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAIVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u5meJAOAAAACnRSTlMAMwsqXt+gIBUGxGoDMAAAAFlJREFUCNctzC0SQAAUReEzGNQ3AlHRiSRZFCVZYgeswRL8hLdK7834wj3tAlGP6y7fYHpKS6w6WwbVG0I1NZVnZPG8/DYxOYlnhUYkA06R1s9ESsxR4NIdPhkPFDFYuEnMAAAAAElFTkSuQmCC);
}

.tablesorter thead .headerSortDown,
.tablesorter-metro-dark thead .headerSortDown,
.tablesorter thead .tablesorter-headerSortDown,
.tablesorter-metro-dark thead .tablesorter-headerSortDown,
.tablesorter thead .tablesorter-headerDesc,
.tablesorter-metro-dark thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAALVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7i0NViAAAADnRSTlMAMiweCQITTvDctZZqaTlM310AAABcSURBVAjXY2BgYEtgAAFHERDJqigUAKSYBQUNgFSioKAYAwOLIBA4MASBKFUGQxAlzAAF+94BwWuGKBC1lIFl3rt3Lx0YGCzevWsGSjK9e6cAUlT3HKyW9wADAwDRrBiDy6bKzwAAAABJRU5ErkJggg==);
}

.tablesorter-metro-dark thead .sorter-false {
    padding: 4px;
    
    cursor: default;
    
    background-image: none;
}

/* tbody */
.tablesorter-metro-dark td {
    padding: 4px;
    
    vertical-align: top;
    
    background-color: #ffffff;
}

/* hovered row colors */
.tablesorter-metro-dark tbody > tr.hover > td,
.tablesorter-metro-dark tbody > tr:hover > td,
.tablesorter-metro-dark tbody > tr.even:hover > td,
.tablesorter-metro-dark tbody > tr.odd:hover > td {
    color: #000000;
    background-color: #bbbbbb;
}

/* table processing indicator */
.tablesorter-metro-dark .tablesorter-processing {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* pager */
.tablesorter-metro-dark .tablesorter-pager button {
    cursor: pointer;
    
    color: #eeeeee;
    border: #555555 1px solid;
    background-color: #444444;
}

.tablesorter-metro-dark .tablesorter-pager button:hover {
    background-color: #555555;
}

/* Zebra Widget - row alternating colors */
.tablesorter-metro-dark tr.odd > td {
    background-color: #eeeeee;
}

.tablesorter-metro-dark tr.even > td {
    background-color: #ffffff;
}

/* Column Widget - column sort colors */
.tablesorter-metro-dark tr.odd td.primary {
    background-color: #bfbfbf;
}

.tablesorter-metro-dark td.primary,
.tablesorter-metro-dark tr.even td.primary {
    background-color: #d9d9d9;
}

.tablesorter-metro-dark tr.odd td.secondary {
    background-color: #d9d9d9;
}

.tablesorter-metro-dark td.secondary,
.tablesorter-metro-dark tr.even td.secondary {
    background-color: #e6e6e6;
}

.tablesorter-metro-dark tr.odd td.tertiary {
    background-color: #e6e6e6;
}

.tablesorter-metro-dark td.tertiary,
.tablesorter-metro-dark tr.even td.tertiary {
    background-color: #f2f2f2;
}

/* filter widget */
.tablesorter-metro-dark .tablesorter-filter-row {
    background-color: #eeeeee;
}

.tablesorter-metro-dark .tablesorter-filter-row td {
    line-height: normal;
    
    -webkit-transition: line-height .1s ease;
    -moz-transition: line-height .1s ease;
    -o-transition: line-height .1s ease;
    transition: line-height .1s ease;
    text-align: center; /* center the input */
    
    background-color: #eeeeee;
}

/* optional disabled input styling */
.tablesorter-metro-dark .tablesorter-filter-row .disabled {
    cursor: not-allowed;
    
    opacity: .5;
    
    filter: alpha(opacity=50);
}

/* hidden filter row */
.tablesorter-metro-dark .tablesorter-filter-row.hideme td {
    line-height: 0;
    /*** *********************************************** ***/
    
    margin: 0;
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    
    cursor: pointer;
}

.tablesorter-metro-dark .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    margin: 0;
    padding: 0;
    /* don't use visibility: hidden because it disables tabbing */
    
    opacity: 0;
    border: 0;
    
    filter: alpha(opacity=0);
}

/* filters */
.tablesorter-metro-dark input.tablesorter-filter,
.tablesorter-metro-dark select.tablesorter-filter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 95%;
    height: auto;
    margin: 0;
    padding: 4px;
    
    -webkit-transition: height .1s ease;
    -moz-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height .1s ease;
    
    color: #333333;
    border: 1px solid #bbbbbb;
    background-color: #ffffff;
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    cursor: pointer;
    text-align: center;
    
    background-color: #e6bf99;
}

/* REQUIRED CSS: change your reflow breakpoint here (35em below) */
@media ( max-width: 35em ) {
    .ui-table-reflow td,
    .ui-table-reflow th {
        float: right;
        
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* if not using the stickyHeaders widget (not the css3 version)
         * the "!important" flag, and "height: auto" can be removed */
        width: 100% !important;
        height: auto !important;
    }
    
    /* reflow widget */
    .ui-table-reflow tbody td[data-title]:before {
        font-size: .9em;
        font-weight: bold;
        
        display: inline-block;
        float: left;
        
        width: 50%;
        
        content: attr(data-title);
        text-align: bottom;
        white-space: pre-wrap;
        
        color: #446699;
    }
    
    /* reflow2 widget */
    table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
        font-size: .9em;
        font-weight: 400;
        
        display: block;
        
        margin: .4em 0;
        padding: .4em 0;
        
        text-transform: uppercase;
    }
    
    table.ui-table-reflow .ui-table-cell-label {
        display: inline-block;
        
        min-width: 30%;
        margin: -.4em 1em -.4em -.4em;
        padding: .4em;
    }
}

.ui-table-reflow .ui-table-cell-label {
    display: none;
}

.data .tablesorter-header,
.data thead th,
.data thead .tablesorter-headerAsc,
.data thead .tablesorter-headerDesc,
.simple .tablesorter-header,
.simple thead th,
.simple thead .tablesorter-headerAsc,
.simple thead .tablesorter-headerDesc {
    background-image: none;
}

.data thead th em.fa,
.simple thead th em.fa {
    float: right;
}

.data .tablesorter-headerUnSorted .fa-sort-arrows:before {
    font-size: 1.5em;
    line-height: 19px;
    
    content: '\f107';
    
    color: #000000;
}

.simple .tablesorter-headerUnSorted .fa-sort-arrows:before {
    font-size: 1.5em;
    line-height: 19px;
    
    content: '\f107';
    
    color: #000000;
}

.data thead .tablesorter-headerAsc .fa-sort-arrows:before,
.simple thead .tablesorter-headerAsc .fa-sort-arrows:before {
    font-size: 1.5em;
    line-height: 19px;
    
    content: '\f106';
    
    color: #000000;
}

.data thead .tablesorter-headerDesc .fa-sort-arrows:before,
.simple thead .tablesorter-headerDesc .fa-sort-arrows:before {
    font-size: 1.5em;
    line-height: 19px;
    
    content: '\f107';
    
    color: #000000;
}

/* ColorBox */

#colorbox {
    overflow: visible;
}

#cboxOverlay {
    opacity: 1 !important;
    background: #292929;
}

.signup-box#cboxOverlay {
    opacity: .8 !important;
}

#cboxWrapper {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    
    overflow: visible;
}

#cboxContent {
    overflow: visible;
    
    background: transparent;
}

.signup-box #cboxLoadedContent {
    overflow: visible;
    
    margin-bottom: 28px;
    
    border-radius: 13px;
    background: transparent;
    box-shadow: 6px 5px 7px #615f5f;
}

.signup-box .cboxIframe {
    border-radius: 13px;
}

button#cboxClose:before {
    font-size: 2em;
    
    overflow: visible;
    
    width: 25px;
    height: 25px;
    
    content: 'X';
    
    color: #000000;
}

button#cboxClose {
    font-size: 1em;
    
    top: .4em;
    right: .5em;
    
    overflow: visible;
    
    width: 38px;
    height: 41px;
    padding: 0 11px;
    
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    text-indent: 0;
    
    color: transparent;
    border-radius: 5px;
    background: linear-gradient(45deg, #cbb59f 0, #cbb59f 37%, #e0d0c0 100%);
    box-shadow: -1px -8px 48px #6d6660;
}


button#cboxClose:hover {
    background: linear-gradient(45deg, #bba289 0, #e4d4c3 37%, #e6c5a5 100%);
}


button#cboxPrevious,
button#cboxNext {
    font-size: 1em;
    
    top: 44%;
    bottom: auto;
    
    width: 54px;
    height: 72px;
    
    text-indent: 0;
    
    color: transparent;
    border-radius: 25px;
    background-color: transparent;
}

button#cboxPrevious:hover {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0003/85710/previous.png?v=0.0.2') no-repeat 0 0;
}

button#cboxNext:hover {
    background: url('https://www.hawkesbury.nsw.gov.au/__data/assets/image/0006/85704/next.png?v=0.0.2') no-repeat 0 0;
}

button#cboxNext {
    right: 0;
    left: auto;
    
    padding: 0 5px;
}


button#cboxClose:focus,
button#cboxPrevious:focus,
button#cboxNext:focus {
    border: none;
    outline: none;
}

/* Animation Styles*/

svg.loader {
    display: block;
    
    width: 200px;
    height: 100%;
    margin: auto auto;
}