/*
  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 February 2016 14:21:42
*/


/**
 * City of Sydney - Responsive Style Sheet
 * Responsive Style Sheet developed by City of Sydney
 * responsive.css
 * author: Carlo Silva - City of Sydney
 */
/*
 * Table of Contents
 *
 * 1. General
 *     1.1 Reset
 *     1.2 General Typography
 *     1.3 Headings
 *     1.4 Links
 *     1.5 Lists
 *     1.6 Tables
 *     1.7 Forms
 *         1.7.1 Form Validation
 *         1.7.2 Form add/remove fieldset rows controls
 *         1.7.3 Server side time info
 *         1.7.4 Date Range
 *     1.8 Images
 *
 * 2. Page Elements
 *     2.1 Page Structure
 *     2.2 Accessibility
 *     2.3 Toolbar
 *     2.4 Header
 *     2.5 Navigation
 *     2.6 Breadcrumb
 *     2.7 Secondary Navigation
 *     2.8 Footer
 *
 * 3. Content Elements
 *     Image Gallery
 *     Video Gallery
 *     3.1 Home Page
 *         3.1.1 Feature Slideshow
 *         3.1.2 Secondary Features
 *         3.1.3 Promotions
 *     3.2 Landing Page
 *     3.3 Inner Page
 *         3.3.1 Feature Headings
 *             3.3.1.1 Feature Heading - Option 1
 *             3.3.1.2 Feature Heading - Option 2
 *             3.3.1.3 Feature Heading - Option 3
 *             3.3.1.4 Feature Heading - Option 4
 *             3.3.1.5 Feature Heading - Option 5
 *         3.3.2 Feature Boxes
 *         3.3.3 Call-To-Action Button
 *         3.3.4 Downloads Module
 *         3.3.5 Page Details
 *             3.3.5.1 Last Updated Date
 *             3.3.5.2 Social Media Links
 *         3.3.6 Filter Bar
 *     3.4 Contact Us Page
 *         3.4.1 Quick Contact
 *         3.4.2 Main Contact Details
 *         3.4.3 Council Offices
 *         3.4.4 More Council Contacts
 *     3.5 Facilities Page
 *     3.6 Browse Recreational Centres Page
 *     3.7 Recreational Centre Details Page
 *     3.8 Councillors Page
 *     3.9 Search Results Page
 *     3.10 Site Map Page
 *         3.10.1 Site Map
 *     3.11 Positions Vacant Page
 *        3.12 Contrast On
 *        3.13 Data sources
 *
 * 4. IE Workarounds
 * 5. Plugins
 *        5.1 jQuery ptTimeSelect
 *        5.2 jQuery UI CSS Framework
 * 6. Misc
 */
/*

/* hide mobile button from non mobile devices */
.btn-navbar {
  display: none;
}

@media screen and (max-width: 1124px) {
  #header > a {
    padding-left: 61px;
    margin-right: 0;
    margin-top: 13px;
    width: 200px;
  }
  #header img {
    width: 180px;
    height: auto;
  }
}
/* mobile landscape and tablet devices */
@media (max-width: 855px) {
  /*
    --------------------
    1. General
    --------------------
    */
  /*-- 1.1 Reset --*/
  * {
    box-sizing: border-box;
  }
  img {
    height: auto;
    max-width: 100%;
  }
  /*-- 1.2 General Typography --*/
  /*-- 1.3 Headings --*/
  /*-- 1.4 Links --*/
  #main-content a:focus {
    outline: none;
  }
  /*-- 1.5 Lists --*/
  /*-- 1.6 Tables --*/
  table {
    border: 0;
  }
  table.tblForm {
    width: 100% !important;
  }
  table.tblForm th,
  table.tblForm td {
    width: 100% !important;
    display: block;
  }
  table.tblForm input[type="text"] {
    height: 25px !important;
    width: 100% !important;
  }
  table .tdLabel {
    text-align: left !important;
  }
  table.data {
    width: 100% !important;
  }
  table.data thead tr th,
  table.data tbody tr td {
    width: 100% !important;
    display: block;
    padding: 10px;
    border: 0;
  }
  table.data td,
  table.data th {
    display: block;
    width: 100% !important;
    padding: 10px;
    border: 0;
  }
  table#CoS_social .CoS_social_logo {
    display: none;
  }
  table#CoS_social td,
  table#CoS_social th {
    display: block;
    width: 100% !important;
    padding: 10px;
    border: 0;
  }
  /*-- 1.7 Forms --*/
  label {
    width: auto;
    float: none;
    text-align: left;
  }
  legend {
    width: 100%;
  }
  textarea {
    width: 100%;
  }
  #main-content fieldset div > ul,
  #main-content fieldset div > ul > li {
    width: 100%;
  }
  #main-content input[type="text"],
  #main-content #subscribe input,
  #main-content #subscribe_city_news input {
    display: block !important;
    width: 100% !important;
    height: 30px;
  }
  /*-- 1.7.1 Form Validation --*/
  /*-- 1.7.2 Form add/remove fieldset rows controls --*/
  span.add,
  span.remove {
    margin: 0;
  }
  .fieldset-row {
    margin: 0;
  }
  /*-- 1.7.3 Server side time info --*/
  /*-- 1.7.4 Date Range --*/
  /*-- 1.8 Images --*/
  /* Images With Captions */
  #main-content .figure {
    width: 100%;
  }
  #main-content .figure img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  /*
    --------------------
    2. Page Elements --*/
  /*-- 2.1 Page Structure --*/
  body {
    padding: 0;
  }
  #wrapper {
    padding: 0 20px 20px;
    margin: 0;
  }
  #wrapper,
    #wrapper div:not(.wistia_responsive_padding) {
    width: 100%;
    float: none;
    clear: both;
    overflow: hidden !important;
  }
 #wrapper .wistia_responsive_padding div{
      width: auto;
  }
  .inside #main-content {
    margin: 0;
  }
  /*-- 2.2 Accessibility --*/
  /*-- 2.3 Toolbar --*/
  #toolbar {
    width: 100%;
    min-width: 100%;
  }
  #toolbar > .contents > ul {
    float: none!important;
    width: 100%;
  }
  .js-enabled #toolbar .contents > ul > li > ul {
    /* Sub Menu - Common */
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    display: none;
  }
  #toolbar .contents > ul > a {
    width: 100% !important;
    display: block;
  }
  #toolbar .contents > ul.home {
    display: none;
  }
  #toolbar .contents > ul.last-child li {
    display: block;
    width: 100%;
    background: #111;
  }
  /*-- 2.4 Header --*/
  /* Home */
  #header > a {
    padding-left: 0;
    margin: 0;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    overflow: hidden !important;
  }
  /*-- 2.5 Navigation --*/
  .collapsed {
    height: 0;
  }
  .btn-navbar {
    display: block;
    float: right;
    padding: 9px 10px;
    margin: 14px 0 -38px 5px;
    color: white;
    border: 1px solid #333;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    /* W3C */
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
  .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: whiteSmoke;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin-top: 3px;
  }
  #nav {
    background: #fff !important;
    overflow: hidden;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* General */
    /* Level 1 */
  }
  .home #nav {
    padding: 0 20px !important;
  }
  #nav li.hover-intent > ul {
    left: 0 !important;
  }
  #nav li.section-live > a {
    border-bottom: 1px solid #f00000;
  }
  #nav li.section-explore > a {
    border-bottom: 1px solid #e97400;
  }
  #nav li.section-learn > a {
    border-bottom: 1px solid #00ac22;
  }
  #nav li.section-community > a {
    border-bottom: 1px solid #007828;
  }
  #nav li.section-business > a {
    border-bottom: 1px solid #0050c8;
  }
  #nav li.section-development > a {
    border-bottom: 1px solid #7828a0;
  }
  #nav li.section-vision > a {
    border-bottom: 1px solid #b478f0;
  }
  #nav li.section-council > a {
    border-bottom: 1px solid #000;
  }
  #nav li > a > span {
    height: auto;
    padding: 7px 0 8px;
    text-transform: none;
    font-weight: normal;
  }
  #nav li > ul {
    padding-bottom: 0;
    border-bottom-width: 1px;
    margin-bottom: 16px;
    box-shadow: none;
  }
  #nav li > ul ul {
    display: none;
  }
  #nav li > ul > li {
    width: 100%;
  }
  #nav > li {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* Reset Color Treatments */
  }
  #nav > li > a {
    text-indent: 0;
    line-height: 1;
    padding: 0;
    height: auto;
    overflow: visible;
    font-size: 32px;
    font-weight: bold;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #nav > li > a > span {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #nav > li > a > ul > li,
  #nav > li > a > ul > li:first-child,
  #nav > li > a > ul > li > a {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .js-disabled #nav > li:hover > a > span,
  #nav > li.hover-intent > a > span,
  .section-live #nav > li.section-live > a > span,
  .section-explore #nav > li.section-explore > a > span,
  .section-learn #nav > li.section-learn > a > span,
  .section-community #nav > li.section-community > a > span,
  .section-business #nav > li.section-business > a > span,
  .section-development #nav > li.section-development > a > span,
  .section-vision #nav > li.section-vision > a > span,
  .section-council #nav > li.section-council > a > span {
    background: none !important;
  }
  #nav > li > ul {
    background: #f5f5f5 none;
    border-top: 0;
    position: relative;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .js-disabled #nav > li > ul {
    left: 0 !important;
  }
  /* Menu Overlay */
  .menu-overlay,
  .menu-overlay.enabled {
    display: none;
  }
  /*-- 2.6 Breadcrumb --*/
  #breadcrumb {
    font-size: 11px;
    margin-bottom: 20px;
    padding: 7px 5px;
  }
  #breadcrumb a {
    background: transparent none !important;
    color: #000 !important;
  }
  #breadcrumb span {
    text-indent: 0;
    font-size: 9px;
  }
  #breadcrumb em {
    line-height: 16px;
  }
  #breadcrumb a,
  #breadcrumb span,
  #breadcrumb em {
    height: auto;
    padding: 0 4px;
    display: inline;
    float: none;
  }
  #breadcrumb a:first-child {
    padding-left: 0;
  }
  /*-- 2.7 Secondary Navigation --*/
  /* Second Level */
  #nav-secondary {
    margin: 0;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    overflow: hidden !important;
  }
  #nav-secondary > ul > li.active,
  #nav-secondary > ul > li.active li {
    display: block;
  }
  /*-- 2.8 Footer --*/
  #wrapper #footer,
  #wrapper .cs-footer {
    background: #1b2d38;
    border: 0;
    overflow: visible !important;
    width: auto !important;
    margin: 60px -5px 0;
    /* table option */
    /* new div option */
  }
  #wrapper #footer *,
  #wrapper .cs-footer * {
    box-sizing: content-box;
  }
  #wrapper #footer table,
  #wrapper .cs-footer table,
  #wrapper #footer th,
  #wrapper .cs-footer th,
  #wrapper #footer td,
  #wrapper .cs-footer td {
    width: 100%;
    display: inline-block;
  }
  #wrapper #footer th,
  #wrapper .cs-footer th {
    padding: 15px;
    border: 0;
    background: #091216 none;
    color: #fff;
    border-bottom: 1px solid #1b2d38;
  }
  #wrapper #footer th a,
  #wrapper .cs-footer th a {
    padding: 0;
    background: transparent none;
    font-weight: normal;
  }
  #wrapper #footer .footer-table,
  #wrapper .cs-footer .footer-table,
  #wrapper #footer .footer-row,
  #wrapper .cs-footer .footer-row,
  #wrapper #footer .footer-cell,
  #wrapper .cs-footer .footer-cell {
    display: block;
    padding: 0;
  }
  #wrapper #footer ul li,
  #wrapper .cs-footer ul li {
    padding: 0;
  }
  #wrapper #footer ul li a,
  #wrapper .cs-footer ul li a {
    color: #fff;
    padding: 15px;
    border-bottom: 1px solid #1b2d38;
  }
  #wrapper #footer ul li ul,
  #wrapper .cs-footer ul li ul {
    margin-left: 0;
  }
  #wrapper #footer ul li ul a,
  #wrapper .cs-footer ul li ul a {
    padding-left: 30px !important;
  }
  #wrapper #footer div,
  #wrapper .cs-footer div {
    width: auto !important;
  }
  #wrapper #footer div.column3 ul,
  #wrapper .cs-footer div.column3 ul {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    overflow: hidden !important;
  }
  #wrapper #footer div h3 a,
  #wrapper .cs-footer div h3 a {
    padding: 15px;
    border: 0;
    background: #091216 none;
    color: #fff;
    border-bottom: 1px solid #1b2d38;
  }
  #wrapper #footer div ul li a,
  #wrapper .cs-footer div ul li a {
    color: #fff;
    padding: 15px;
    border-bottom: 1px solid #1b2d38;
  }
  #wrapper #footer div ul ul a,
  #wrapper .cs-footer div ul ul a {
    padding-left: 30px !important;
  }
  /*
    --------------------
    3. Content Elements
    --------------------
    */
  /* Column Structure */
  .column1 {
    margin-bottom: 10px;
    padding-top: 20px !important;
  }
  .column2 {
    border-top: 0;
    padding-top: 0 !important;
  }
  .column1,
  .column2 {
    float: none;
    padding-left: 0;
    padding-right: 0;
    border: 0;
  }
  .column1 p,
  .column2 p {
    padding: 0 0 10px 0;
    text-align: left;
  }
  /* Column Accordion */
  .js-enabled #main-content .column-accordion .contents > dl > dd {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Iframe */
  #main-content iframe:not(.wufoo-form-container) {
    height: auto;
  }
  #main-content iframe {
    width: 100%;
  }
  #main-content .iframe-wrap iframe {
    height: 100% !important;
  }
  /* Phone, fax, address, address and booking fee icon */
  #main-content span.address {
    background-position: 4px -1124px;
    background: none;
    padding: 0;
  }
  /*-- Image Gallery --*/
  #wrapper #main-content .image-gallery .scrollable ul li {
    width: 100% !important;
    height: auto !important;
  }
  #wrapper #main-content .image-gallery .scrollable ul li ul {
    width: 100% !important;
    height: auto !important;
  }
  #wrapper #main-content .image-gallery .scrollable ul li ul li {
    height: auto !important;
    width: 50% !important;
    margin: 0;
  }
  #main-content .image-gallery {
    width: 90% !important;
  }
  #main-content .image-gallery .scrollable {
    height: auto !important;
  }
  #main-content .image-gallery .scrollable ul {
    position: relative;
    width: 100% !important;
  }
  #main-content .image-gallery .scrollable ul li ul li {
    display: block;
    float: left;
  }
  #main-content .image-gallery .scrollable ul li ul li a img {
    width: 100%;
  }
  /* Navigator */
  #main-content .image-gallery .navi {
    height: 0 !important;
    left: -9999em !important;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 16px;
  }
  /* ColorBox Core Style */
  /* Custom */
  #colorbox {
    width: 100% !important;
    height: auto !important;
    margin-top: 50px;
  }
  #cboxWrapper {
    max-width: 100%;
    height: auto !important;
    width: 100% !important;
    position: relative;
  }
  #cboxContent {
    max-width: 100%;
    height: auto !important;
    width: 100% !important;
  }
  #cboxLoadedContent {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto !important;
    width: 100% !important;
  }
  #cboxTitle {
    position: relative;
    float: none !important;
    text-align: left !important;
    margin: 0 0 10px;
  }
  .cboxPhoto {
    max-width: 100%;
    height: auto !important;
    width: 100% !important;
  }
  #cboxTopLeft,
  #cboxTopCenter,
  #cboxTopRight,
  #cboxMiddleRight,
  #cboxMiddleLeft,
  #cboxBottomLeft,
  #cboxBottomCenter,
  #cboxBottomRight {
    height: 0 !important;
    left: -9999em !important;
    padding: 0;
    border: 0;
    margin: 0;
    display: none;
    overflow: hidden;
  }
  #cboxCurrent {
    position: relative;
    margin: 0;
  }
  /*-- Video Gallery --*/
  #main-content .video-wrapper .videos .video .video-info {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px !important;
  }
  #main-content .video-wrapper .video-thumbnails .scrollable {
    height: auto;
    margin-left: 0;
  }
  #main-content .video-wrapper .video-thumbnails .scrollable .items {
    width: auto;
    position: relative;
  }
  #main-content .video-wrapper .video-thumbnails .items > div {
    display: inline;
  }
  #main-content .video-wrapper .video-thumbnails .nav-item {
    width: 50% !important;
    float: left !important;
    margin: 0;
    clear: none !important;
    min-height: 205px !important;
    padding: 10px 10px 0;
  }
  #main-content .video-wrapper .video-thumbnails .nav-item a span {
    float: none;
  }
  #main-content .video-wrapper .video-thumbnails .nav-item a img {
    float: none;
    vertical-align: middle;
    margin: 0 30px 30px 0;
    margin: 0;
    width: 100%;
  }
  /*-- 3.1 Home Page --*/
  h3 {
    line-height: 20px;
  }
  a:hover p {
    text-decoration: underline;
  }
  .home {
    /* mobile homepage */
  }
  .home #wrapper {
    padding: 0 0 20px;
  }
  .home #main-logo {
    margin-left: 20px;
  }
  .home .btn-navbar {
    margin-right: 20px;
  }
  .home #main-content {
    padding: 20px;
    box-sizing: border-box;
  }
  .home #main-content h2 {
    padding: 7px 8px;
    border-collapse: collapse;
    clear: both;
    background: black;
    color: white;
    font-weight: bold;
    margin: 10px 0;
  }
  .home #main-content p {
    clear: both;
  }
  .home #main-content ul li {
    margin: 0 0 10px;
    list-style: none;
  }
  .home #main-content .nav-pills > li > a {
    padding: 7px;
    background: #f7f7f7;
    display: block;
  }
  /*-- 3.1.1 Feature Slideshow --*/
  #feature-slideshow-wrapper.single-image {
    position: relative;
    min-width: 100%;
    top: initial;
    left: initial;
    height: initial;
  }
  /*-- 3.1.2 Secondary Features --*/
  .home ul.secondary-features {
    position: relative;
    width: 100%;
  }
  .home ul.secondary-features li {
    display: block;
  }
  .home ul.secondary-features li.top-middle a,
  .home ul.secondary-features li.top-right a,
  .home ul.secondary-features li.middle-right a,
  .home ul.secondary-features li.bottom-right a {
    left: initial;
    top: initial;
  }
  .home ul.secondary-features a {
    width: 100% !important;
    position: relative;
    overflow: hidden;
    top: initial;
    left: initial;
    height: initial;
    padding: 0 !important;
    background: none;
  }
  .home ul.secondary-features a strong {
    clear: both;
    display: block;
    margin-top: 20px;
  }
  .home ul.secondary-features a strong span {
    float: none;
    display: inline-block;
    color: #000;
    background: transparent;
    letter-spacing: initial;
    padding: 0;
  }
  /*-- 3.1.3 Promotions --*/
  /*-- 3.2 Landing Page --*/
  /*-- 3.3 Inner Page --*/
  /*-- 3.3.1 Feature Headings --*/
  #main-content div.feature-heading {
    padding: 0;
  }
  #main-content div.feature-heading div.aside {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    background: #000 none;
    padding: 30px;
    height: auto;
    /* 3.3.1.1 Feature Heading - Option 1 */
    /* Call-to-action Button */
    /* 3.3.1.2 Feature Heading - Option 2 */
    /* 3.3.1.3 Feature Heading - Option 3 */
    /*-- 3.3.1.4 Feature Heading - Option 4 --*/
    /*-- 3.3.1.5 Feature Heading - Option 5 --*/
    /* other */
  }
  .section-live #main-content div.feature-heading div.aside {
    background: #eb0d00;
  }
  .section-explore #main-content div.feature-heading div.aside {
    background: #cf4900;
  }
  .section-learn #main-content div.feature-heading div.aside {
    background: #18838d;
  }
  .section-community #main-content div.feature-heading div.aside {
    background: #16780f;
  }
  .section-business #main-content div.feature-heading div.aside {
    background: #074bd0;
  }
  .section-development #main-content div.feature-heading div.aside {
    background: #62198d;
  }
  .section-vision #main-content div.feature-heading div.aside {
    background: #b03cb1;
  }
  .section-council #main-content div.feature-heading div.aside {
    background: #666;
  }
  #main-content div.feature-heading div.aside br {
    display: none;
  }
  #main-content div.feature-heading div.aside a.button {
    margin: 10px 0 0;
    background: transparent none;
    float: none;
    height: auto;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    padding-right: 0;
  }
  #main-content div.feature-heading div.aside a.button:hover,
  #main-content div.feature-heading div.aside a.button:focus,
  #main-content div.feature-heading div.aside a.button:active {
    color: #333333;
    background-color: #e6e6e6;
  }
  #main-content div.feature-heading div.aside a.button:active {
    background-color: #cccccc \9;
  }
  #main-content div.feature-heading div.aside a.button > span {
    background: transparent none;
    max-width: 100%;
    padding-left: 0;
  }
  #main-content div.feature-heading div.aside a.button > span span {
    background: none;
  }
  #main-content div.feature-heading div.aside ul {
    width: 100%;
    border-top: 0px;
  }
  #main-content div.feature-heading div.aside ul li {
    padding: 5px 0;
  }
  #main-content div.feature-heading div.aside ul li a {
    background: none transparent;
    padding: 10px;
  }
  #main-content div.feature-heading div.aside ul li span {
    background-color: transparent !important;
  }
  #main-content div.feature-heading div.aside h2 {
    float: none;
    margin-bottom: 20px;
  }
  #main-content div.feature-heading div.aside input[type="text"],
  #main-content div.feature-heading div.aside select,
  #main-content div.feature-heading div.aside textarea {
    margin: 10px 0;
    border: 1px solid #ccc;
  }
  #main-content div.feature-heading img {
    max-width: 585px;
    height: auto;
  }
  #main-content div.feature-heading div.contents {
    margin-left: 0;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    overflow: hidden !important;
  }
  #main-content div.feature-heading div.contents h1 {
    font-size: 20px;
  }
  #main-content div.feature-heading > div:first-child img {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    overflow: hidden !important;
  }
  /*-- 3.3.2 Feature Boxes --*/
  #main-content div.feature-box-wrapper .feature-box a.contents > span {
    left: 0;
    position: absolute;
    margin-left: 0;
  }
  #main-content div.feature-box-wrapper .feature-box a.contents > img {
    width: 100%;
  }
  /*-- 3.3.3 Call-To-Action Button --*/
  #main-content div.cta-button a {
    margin-right: 30px;
  }
  /*-- 3.3.4 Downloads Module --*/
  /*-- 3.3.5 Page Details --*/
  /*-- 3.3.5.1 Last Updated Date --*/
  .page-details .last-updated {
    font-size: 10px;
  }
  /*-- 3.3.5.2 Social Media Links --*/
  #social-media,
  .page-details .social-media-wrapper {
    display: none;
  }
  /*-- 3.3.6 Filter Bar --*/
  /*-- 3.4 Contact Us Page --*/
  /* Main Heading */
  #main-content h1 {
    font-weight: normal;
    margin-bottom: 20px;
  }
  /*-- 3.4.1 Quick Contact --*/
  #main-content .quick-contact {
    border-bottom: 0;
    position: relative;
    left: 0 !important;
    top: 0;
    margin-top: 0;
    margin-bottom: 16px;
    background: #000 none;
    padding: 30px;
    height: auto;
    width: 100% !important;
    height: auto !important;
  }
  /*-- 3.4.2 Main Contact Details --*/
  #main-content .main-contact-details {
    /* Address */
  }
  #main-content .main-contact-details .address td {
    width: 100%;
    display: block;
    padding: 5px;
  }
  #main-content .main-contact-details dt {
    width: 100%;
    float: none;
  }
  #main-content .main-contact-details dt span {
    display: block;
    float: none;
    width: 100%;
  }
  #main-content .main-contact-details dd {
    width: 100%;
    float: none;
    padding: 10px 0;
    margin: 10px 0;
  }
  /*-- 3.4.3 Council Offices --*/
  /*-- 3.4.4 More Council Contacts --*/
  #main-content .column-accordion .contents dl dd dl dt,
  #main-content .column-accordion .contents dl dd dl dd {
    width: 100%;
    float: none;
    margin: 10px 0;
  }
  #main-content .column-accordion .contents dl dd dl dd {
    padding: 0 30px;
  }
  /*-- 3.5 Facilities Page --*/
  /*-- 3.6 Browse Recreational Centres Page --*/
  /*-- 3.7 Recreational Centre Details Page --*/
  /*-- 3.8 Councillors Page --*/
  /*-- 3.9 Search Results Page --*/
  /*-- 3.10 Site Map Page --*/
  /*-- 3.10.1 Site Map --*/
  /*-- 3.11 Positions Vacant Page --*/
  /*-- 3.12 Contrast On --*/
  /*-- 3.13 Data sources --*/
  /*
    --------------------
    4. IE Workarounds
    --------------------
    */
  /*
    --------------------
    5. Plugins
    --------------------
    */
  /*-- 5.1 jQuery ptTimeSelect --*/
  #ptTimeSelectCntr {
    height: 0 !important;
    left: -9999em !important;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 16px;
  }
  /*-- 5.2 jQuery UI CSS Framework --*/
  /*
    --------------------
    6. Misc
    --------------------
    */
  #new_div_144840 {
    zoom: 40%;
  }
  .hidden-mobile {
    display: none;
  }
 
  #zw-branding {
    position: relative !important;
    right: initial !important;
    top: initial !important;
    z-index: initial !important;
    margin: 30px auto 10px;
  }
  form#edm-gv input[type="text"] {
    width: 75% !important;
    display: inline !important;
  }
  #form .labelnormal {
    width: 85%;
  }
  #form table .tdLabel {
    padding: 0 !important;
  }
  #form #loader {
    position: absolute;
    right: -130px;
    margin-top: 17px;
  }
  #form input[type="submit"] {
    margin-left: 10px;
  }
}

  /* mobile protrait */
   /* column expanded fix for mobile */
  @media (max-width: 375px) {
     .column-expanded { width:100% !important; }
  }

/* mobile protrait */
/*@media (max-width: 320px) {
    #header a img {
        width:75%;
    }
}*/
.cs-hidden {
  display: none!important;
  visibility: hidden!important;
}
/* Extra classes to show/hide on specific devices */
.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
}
.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
}
.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
}
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}
.hidden-xs {
  display: block !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  .hidden-print {
    display: none !important;
  }
}

/* responsive tables */

#wrapper .table-responsive {
    min-height:.01%;
    overflow-x:auto !important;
}


/* animate arrow */
@-webkit-keyframes leftright{
    0%,5%{
        -webkit-transform:translate(-1em);
        transform:translate(-1em)
    }
    45%,55%{
        -webkit-transform:translate(0em);
        transform:translate(0em)
    }
    95%,100%{
        -webkit-transform:translate(-1em);
        transform:translate(-1em)
    }
}

@media screen and (max-width: 767px) {

  #wrapper .table-responsive:before {
      content: "\f07e";
      float: right;
      padding: 0 0 10px;
      color: #777;
      display: inline-block;
      font: normal normal normal 21px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
  }
  #wrapper .table-responsive:before {
     -webkit-animation: leftright 3s infinite;
     animation: leftright 3s infinite;
  }
    .table-responsive {
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style:0;
    }

    .table-responsive>.table {
        margin-bottom:0;
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space:nowrap;
    }

    .table-responsive>.table-bordered {
        border:0;
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left:0;
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right:0;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom:0;
    }
}

@media (max-width: 855px){
#mapFeedFrame{
height:1400px!important;
}
}