/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222; }

html {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0 2.2em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   .mobile {
    display: none;
   }
@font-face {
  font-family: 'VeraSansMono-Bold';
  src: url("../fonts/VeraMono-Bold-webfont.eot");
  src: url("../fonts/VeraMono-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/VeraMono-Bold-webfont.woff") format("woff"), url("../fonts/VeraMono-Bold-webfont.ttf") format("truetype"), url("../fonts/VeraMono-Bold-webfont.svg#VeraSansMono-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body {
  /*height: 100%; */
}

body {
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0; }

.custom-blank{
  background: #FFF;
  font-family: Arial, sans-serif;
  font-size: 100%;
  margin: 35px;
  padding: 0; }

a {
  color: #4a4a4a;
  text-decoration: none; }

a:hover,
a:focus {
  color: #c6370f; }

:focus,
a:focus {
  outline: 1px dotted #c6370f; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
  padding: 0; }

h1 {
  font-size: 1.688em; }

/* Reusable */
hr {
  border: 0 none;
  border-bottom: 1px dotted #bebebe;
  height: 1px; }

.container {
  margin: 0 auto;
  width: 1200px; }

#top.container {
  min-height: 100%;
  height: auto !important;
  margin-bottom: -528px; }

body ul.layout {
  list-style: none;
}

.btn {
  font-size: 0.875em;
  font-weight: bold;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  height: 38px; }

.blk {
  color: #ffffff;
  background-color: #191919; }

.blk:hover,
.blk:focus {
  color: #ffffff;
  background-color: #303030; }

.more {
  color: #4a4a4a;
  font-size: 0.875em;
  background: url(../img/icons/ico_cta-arrow-grey.png) no-repeat right center;
  padding: 0 22px 0 0; }

/* Common */
.viewport {
  height: 100%;
  overflow-x: hidden;
  width: 100%; }

.frame {
  float: right;
  height: 100%;
  width: 200%; }

.view {
  background-color: #ffffff;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: left .2s ease-in-out;
  transition: left .2s ease-in-out; }

@media only screen and (min-device-width: 768px) {
  .view.open {
    left: -260px; }
}

.print-only {
  display: none; }

/* Mobile menu styles ----------- */
.menu {
  color: #ffffff;
  font-weight: bold;
  background-color: #191919;
  position: fixed;
  top: 0;
  right: 0;
  width: 260px;
  overflow-x: hidden;
  z-index: 1; }

@media only screen and (min-width : 1200px) {
  .mobile-menu {
    display: none;
  }
  .view.open {
    left: 0;
  }
}


.mobile-menu {
  border-bottom:9999px solid #191919;
}

.mobile-menu header {
  border-bottom: 1px solid #ffffff;
  height: 74px; }

.mobile-menu header .heading {
  color: #ffffff;
  font-size: 0.875em;
  display: block;
  float: left;
  padding: 27px 0 0 35px; }

.mobile-menu header .mobile-menu-close {
  cursor: pointer;
  background: url(../img/icons/ico_close.png) no-repeat 50% 50%;
  float: right;
  height: 74px;
  width: 65px; }

.mobile-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 20px 20px; }

.mobile-menu ul li {
  display: block;
  margin: 0 0 5px;
  padding: 0; }

.mobile-menu ul li a {
  color: #ffffff;
  font-size: 0.875em;
  line-height: 1.429em;
  display: block;
  padding: 8px 15px;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  width: 188px; }

.mobile-menu ul li a:hover,
.mobile-menu ul li a.active {
  background-color: #303030;
  border-radius: 5px; }

.mobile-menu {
    color: #ffffff;
    font-weight: bold;
    background-color: #191919;
    position: fixed;
        top: 0;
        right: 0;
    width: 260px;
    overflow-x: hidden;
    z-index: 1;
}

    .mobile-menu header {
        border-bottom: 1px solid #ffffff;
        height: 74px;
    }

        .mobile-menu header .heading {
            color: #ffffff;
            font-size: 0.875em;
            display: block;
            float: left;
            padding: 27px 0 0 35px;
        }

        .mobile-menu header .mobile-menu-close {
            cursor: pointer;
            background: url(../img/icons/ico_close.png) no-repeat 50% 50%;
            float: right;
            height: 74px;
            width: 65px;
        }

.mobile-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 20px 20px;
}

.mobile-menu ul li {
    display: block;
    margin: 0 0 5px;
    padding: 0;
}

.mobile-menu ul li a {
    color: #ffffff;
    font-size: 0.875em;
    line-height: 1.429em;
    display: block;
    padding: 8px 15px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: 188px;
}
.mobile-menu ul li a:hover,
.mobile-menu ul li a.active {
    background-color: #303030;
    border-radius: 5px;
}

.social-feed-section {
  background-color: #fff;
}

.social-feed-section .feed-content-holder .inner-holder {
  max-height: 116px;
}

aside .social-feed-section .feed-content-holder .inner-holder {
  max-height: none;
}

.social-feed-section .feed-content-holder > a {
  font-size: 14px;
}

header {
  position: relative;
  z-index: 2;
}
section {
  position: relative;
  z-index: 1;
}

#google_translate_element {
  position: absolute;
  right: 0;
  top: 10px;
}

header .logo {
  float: left;
  margin: 25px 0;
  width: 335px; }

header .tools {
  float: right;
  margin: 50px 0 0 0;
  width: 410px; }

header .donate {
  float: left;
  width: 161px; }

header .font-adjust {
  border: 1px solid #969799;
  float: left;
  margin: 0 0 0 20px;
  width: 73px; }

header .font-adjust a {
  text-align: center;
  display: block;
  float: left;
  height: 24px;
  padding: 5px 0;
  width: 36px;
  font-size: 16px; }

header .font-adjust a:hover,
header .font-adjust a:focus {
  background-color: #d4d6d9;
  border: 1px solid #bec0c3;
  height: 22px;
  width: 34px; }

header .font-adjust .increase:hover,
header .font-adjust .increase:focus {
  border: 1px solid #bec0c3;
  width: 35px; }

header .font-adjust .increase {
  border-left: 1px solid #969799; }

header .site-search {
  position: relative;
  left: 20px;
  border: 1px solid #a3a5a8;
  float: left;
  margin: 0 0 0 0;
  padding: 0;
  width: 292px; }

header .site-search input {
  background-color: #ffffff;
  border: 0 none;
  border-top: 1px solid #e7e7e7;
  float: left;
  height: 15px; }

header .site-search input[type=text] {
  color: #737373;
  font-size: 0.875em;
  padding: 10px 15px;
  width: 220px; }

header .site-search input[type=submit] {
  background-image: url(../img/icons/sprite_search-submit.png);
  background-position: center top;
  background-repeat: no-repeat;
  text-indent: -999px;
  height: 35px;
  width: 40px; }

header .site-search input[type=submit]:hover,
header .site-search input[type=submit]:focus {
  background-position: center bottom; }

header nav {
  clear: both; }

header nav ul {
  background-color: #191919;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 1199px; }

header nav ul li {
  border-left: 1px solid #ffffff;
  float: left;
  z-index: 1011; }

header nav li:first-child {
  margin-left: 0; }

header nav ul li a {
  color: #ffffff;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.286em;
  background-color: #191919;
  display: table-cell;
  *display: block;
  height: 68px;
  padding: 0 20px;
  vertical-align: middle;
  width: 129px; }

header nav ul li:last-child a {
}

header nav li:first-child a {
  border-left: 0; }

header nav ul li a:hover,
header nav ul li a:focus,
header nav ul li a.current {
  color: #ffffff;
  background-color: #303030; }

#nav li {
  float: left;
  position: relative;
  display: table;
  width: auto; }

#nav li:first-child {
  border-left: 1px solid #191919;
  margin-left: 0; }

#nav li ul {
  background-color: #303030;
  padding: 0;
  position: absolute;
  top: 68px;
  left: -999em;
  width: 340px; }

#nav li li {
  border-left: 0 none;
  margin: 0;
  width: 340px; }

#nav li ul a {
  color: #ffffff;
  font-size: 0.875em;
  font-weight: normal;
  background-color: #303030;
  border-top: 1px solid #2a2929;
  height: 20px;
  margin: 0;
  padding: 18px 25px;
  width: auto; }
#nav .level-2 a {
  background-color: #404040;
}
#nav li ul li:first-child {
  border-left: 0 none; }

#nav li ul li:first-child a {
  border-top: 0 none; }

#nav li ul a:hover,
#nav li ul a:focus {
  color: #ef5126;
  background-color: #191919; }

#nav li:hover ul,
#nav li.hover ul {
  left: 0;
  z-index: 1010; }

#nav li.last:hover ul,
#nav li.last.hover ul {
  left: auto;
  right: 0; }

#nav li ul.level-2 {
  left: -999em;
}
#nav li.last:hover ul.level-2,
#nav li.last.hover ul.level-2 {
  right: -999em;
}

#nav li:hover li:hover .level-2,
#nav li.hover li.hover .level-2 {
  left: 100%;
  top: 0;
}
#nav li.last:hover li:hover .level-2,
#nav li.last.hover li.hover .level-2 {
  left: auto;
  right: 100%;
  top: 0;
}
.has-level-3 > a {
  background-image: url('../img/icons/ico_cta-arrow-white.png');
  background-repeat: no-repeat;
  background-position: 95% 50%;
}



.breadcrumbs {
  padding: 20px 0 20px;
  width: 100%; }

.breadcrumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.breadcrumbs li {
  color: #aeaeae;
  font-size: 0.75em;
  background: url(../img/icons/ico_breadcrumb.png) no-repeat left center;
  display: block;
  float: left;
  padding: 0 0 0 10px; }

.breadcrumbs li:first-child {
  background: none; }

.breadcrumbs a {
  color: #595959;
  display: block;
  height: 17px;
  padding: 5px 12px; }

.breadcrumbs a:hover,
.breadcrumbs a:focus {
  color: #000000; }

.breadcrumbs span {
  color: #000000;
  font-weight: bold;
  text-align: center;
  background-color: #d1d0d0;
  border-radius: 3px;
  display: block;
  height: 17px;
  margin: 0 0 0 10px;
  padding: 6px 14px 4px; }

#SearchResults li {
  margin-bottom: 20px; }

.footer-push {
  height: 528px; }

footer {
  min-height: 528px;
  background-color: #191919;
  padding: 25px 0; }

body.subsite #top.container {
    margin-bottom: -200px;
}

body.subsite .footer-push {
    height: 200px;
}

body.subsite footer {
  min-height: 200px;
}

footer .menu {
  display: none; }

footer .col {
  float: left;
  margin: 0 0 0 12px;
  width: 190px; }

footer .col.first {
  margin: 0; }

footer .col h6 {
  color: #ffffff;
  font-size: 0.875em;
  font-weight: bold;
  border-bottom: 1px solid #3e3e3e;
  padding: 10px 0; }

footer .col h6 span {
  display: table-cell;
  height: 40px;
  vertical-align: bottom; }

footer .col h6 a {
  color: #ffffff; }

footer .col h6 a:hover,
footer .col h6 a:focus {
  color: #8c8c8c; }

footer .col a {
  color: #8c8c8c; }

footer .col a:hover,
footer .col a:focus {
  color: #ffffff; }

footer .col ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

footer .col li {
  font-size: 0.750em;
  line-height: 1.667em;
  margin: 0 0 3px; }

footer .additional {
  clear: both; }

footer .fine-print {
  float: right;
  padding: 0 0 10px;
  width: 430px; }

footer .fine-print p {
  color: #474747;
  font-size: 0.625em;
  line-height: 1.600em;
  text-align: right;
  margin: 0 0 10px; }

footer .lower {
  border-top: 1px solid #3e3e3e;
  clear: both;
  padding: 35px 0 5px; }

footer .lower ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0; }

footer .lower li {
  display: inline;
  margin: 0 40px 0 0; }

footer .lower li a {
  color: #ffffff;
  font-size: 0.875em;
  font-weight: bold; }

footer .lower li a:hover,
footer .lower li a:focus {
  color: #8c8c8c; }

footer .lower .ctas {
  text-align: right;
  float: right; }

footer .lower .ctas .country-panel {
  position: relative;
  display: inline;
  margin-left: 5px; }

footer .lower .ctas a {
  font-size: 0.750em;
  line-height: 23px;
  text-align: center;
  display: inline-block;
  height: 23px; }

footer .carer {
  color: #ffffff;
  background-color: #db1e83;
  padding: 0 10px;
  width: auto; }

footer .carer:hover,
footer .carer:focus {
  background-color: #f450a8; }

footer .print {
  margin: 0 0 0 5px; }

footer .print {
  color: #000000;
  background-color: #ef4e22;
  width: 75px; }

footer .print:hover,
footer .print:focus {
  background-color: #fe673e; }

footer .print span {
  background: url(../img/icons/ico_print.png) no-repeat left center;
  display: inline-block;
  padding: 0 0 0 20px; }

footer .country {
  background-color: #ffffff;
  width: 73px; }

footer .country img {
  margin: 0 5px 0 0; }

footer .lower .ctas p {
  color: #8c8c8c;
  font-size: 0.813em;
  clear: both; }

footer .country-list {
  display: none;
  position: absolute;
  top: 22px;
  right: -50px; }

footer .lower .country-list a {
  color: #000000;
  font-size: 0.625em;
  text-align: left;
  text-transform: uppercase;
  background-color: #b9b9b9;
  border: 1px solid #969799;
  display: block;
  padding: 2px 10px;
  width: 101px; }

footer .lower .country-list a:hover,
footer .lower .country-list a:focus {
  background-color: #ffffff; }

footer .lower .country-list a img {
  margin: 0 5px 0 0; }

/* Homepage */
#banner {
  position: relative; }

#banner .social,
#banner .controls,
#banner .pause,
#banner .play,
#banner .pager-panel {
  z-index: 1010; }

#banner .social {
  position: absolute;
  top: 0;
  right: 1px;
  z-index: 1010; }

.social-icon,
#banner .social a {
  line-height: 38px;
  text-align: center;
  display: block;
  height: 38px;
  width: 38px; }

.social-icon-fb,
#banner .social .fb {
  background-color: #39599f; }

.social-icon-fb:hover,
.social-icon-fb:focus,
#banner .social .fb:hover,
#banner .social .fb:focus {
  background-color: #6495ff; }

.social-icon-tw,
#banner .social .tw {
  background-color: #45b0e3; }

.social-icon-tw:hover,
.social-icon-tw:focus,
#banner .social .tw:hover,
#banner .social .tw:focus {
  background-color: #74d2ff; }

#banner .social .yt {
  background-color: #ffffff; }

#banner .social .yt:hover,
#banner .social .yt:focus {
  background-color: #ffcfcf; }

#banner .social .em {
  background-color: #7bba4a; }

#banner .social .em:hover,
#banner .social .em:focus {
  background-color: #a2e46f; }

#banner .social .li {
 background-color: #0179B6; }

#banner .social .li:hover,
#banner .social .li:focus {
  background-color: #4079B6; }

#banner .play-pause {
  display: block;
  height: 22px;
  width: 22px;
  float: left;
  margin: -8px 0 0 10px; }

#banner .pause {
  background: url(../img/icons/ico_pause.png) no-repeat center top; }

#banner .play {
  background: url(../img/icons/ico_play.png) no-repeat center top; }

#banner .controls a {
  text-indent: -9999px;
  background: url(../img/icons/sprite_banner-arrows.png) no-repeat;
  display: block;
  height: 54px;
  width: 28px;
  z-index: 1010;
  position: absolute;
  top: 205px; }

#banner .controls .prev {
  background-position: 0 0;
  left: 30px; }

#banner .controls .prev:hover,
#banner .controls .prev:focus {
  background-position: -28px 0; }

#banner .controls .next {
  background-position: -56px 0;
  right: 30px; }

#banner .controls .next:hover,
#banner .controls .next:focus {
  background-position: -84px 0; }

#banner .pager-panel {
  position: absolute;
  bottom: 23px;
  left: 50%; }

#banner .pager {
  float: left; }

#banner .pager span {
  text-indent: -9999px;
  background: url(../img/icons/sprite_banner-ctrl.png) no-repeat center top;
  display: block;
  float: left;
  height: 8px;
  margin: 0 4px;
  width: 8px; }

#banner .pager span:hover,
#banner .pager span:focus,
#banner .pager span.active {
  background-position: center bottom;
  cursor: pointer; }

#banner .pager span:focus {
  outline: 1px dotted #c6370f; }

#banner ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#desktop-banner {
  width: 100%;
  max-height: 460px;
  overflow: hidden;
}

#home-ctas {
  margin: 4px 0 35px; }

#home-ctas a {
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 282px;
  margin: 0 0 0 4px;
  width: 398px;
  z-index: 3; }

#home-ctas a.first {
  margin: 0; }

#home-ctas a.last {
  width: 395px; }

#home-ctas a:focus {
  outline: 1px dotted #c6370f; }

#news {
  margin: 0 0 40px; }

#news article {
  border-left: 1px dotted #bebebe;
  float: left;
  margin: 0 0 0 20px;
  padding: 0 0 0 19px;
  width: 579px; }

#news article.first {
  border-left: 0 none;
  margin: 0;
  padding: 0; }

#news article .text {
  float: left;
  margin: 0 20px 0 0;
  width: 309px; }

#news article .image {
  float: right;
  width: 250px; }

section h2 {
  font-family: "VeraSansMono-Bold", Arial, sans-serif;
  font-size: 1.750em;
  font-weight: normal;
  text-transform: uppercase; }

#news h3 {
  font-size: 1.313em;
  line-height: 1.238em; }

#news h3 a {
  color: #000000; }

#news h3 a:hover,
#news h3 a:focus {
  color: #c6370f; }

#news p {
  font-size: 0.875em;
  line-height: 1.571em; }

#news p.date {
  font-size: 0.750em;
  text-transform: uppercase; }

.quick-links-section {
  width: 795px;
  float: left;
}
.quicklinks-block_hide-thumbnail img {
  display: none;
}

.social-feed-section {
  float: right;
  width: 400px;
  padding-bottom: 30px;
}

.social-feed-section .feed {
  margin-top: 35px;
}

.social-feed-section .feed.first {
  margin-top: 0;
}

.social-feed-section .inner-container {
  border: 2px solid #000000;
  padding: 36px 27px;
}

.social-feed-section .feed-icon-holder {
  float: left;
  width: 38px;
}

.social-feed-section .feed-content-holder {
  float: right;
  width: 270px;
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 35px;
}

.social-feed-section .last .feed-content-holder {
  border: 0;
  padding-bottom: 0;
}

.social-feed-section .feed-stamp {
  font-size: 12px;
}

.social-feed-section .feed-txt {
  font-size: 14px;
}

aside .social-feed-section {
  width: 100%;
}

aside .social-feed-section h2 {
  display: none;
}

aside .social-feed-section .feed-content-holder {
  width: 195px;
}

.social-feed-section .feed-content-holder > a,
aside .social-feed-section .feed-txt {
  font-size: 12px;
}

aside .social-feed-section .feed-content-holder {
  padding-bottom: 20px;
}

@media screen and (max-width: 768px){
  aside .social-feed-section .feed-content-holder {
    width: 80%;
  }

}

#quick-links {
  padding: 0 0 30px; }

#quick-links article {
  float: left;
  margin: 0 0 10px 11px; }

#quick-links article.first {
  margin: 0; }

#quick-links .image {
  border-top: 7px solid #191919;
  float: left;
  width: 174px; }

#quick-links .pink {
  border-top: 7px solid #e33593; }

#quick-links .orange {
  border-top: 7px solid #f04e23; }

#quick-links .blue {
  border-top: 7px solid #62c3b1; }

#quick-links .green {
  border-top: 7px solid #75c05b; }

#quick-links .red {
  border-top: 7px solid #c6370f; }

#quick-links .yellow {
  border-top: 7px solid #fdb913; }

#quick-links .text {
  border-top: 1px dotted #bebebe;
  float: left;
  padding: 24px;
  width: 170px; }

#quick-links h4 {
  font-size: 1.000em;
  line-height: 1.375em; }

#quick-links h4 a {
  color: #000000; }

#quick-links h4 a:hover,
#quick-links h4 a:focus {
  color: #c6370f; }

#quick-links p {
  font-size: 0.875em;
  line-height: 1.571em; }

/* Content Pages */
.top {
  line-height: 52px;
  text-align: center;
  background-color: #f0f0f0;
  display: block;
  height: 52px;
  width: 61px;
  position: absolute;
  right: 0;
  bottom: 0; }

.top:hover,
.top:focus {
  background-color: #c6370f; }

.content-wrapper {
  padding: 0 0 80px;
  position: relative; }

aside {
  float: left;
  width: 302px; }

#nav-holder {
  border: 2px solid #000000;
  margin: 0 0 25px; }

#nav-holder .category {
  background-color: #000000;
  padding: 20px; }

#nav-holder .category h1 {
  color: #ffffff;
  font-size: 1.250em; }

#nav-holder ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#nav-holder ul a {
  color: #000000;
  font-size: 0.875em;
  font-weight: bold;
  display: block;
  padding: 15px 20px; }

#nav-holder ul .custom-select a {
  padding: 8px 10px;
}

#nav-holder ul ul a {
  color: #606363;
  font-weight: normal;
  padding: 8px 40px; }

#nav-holder ul a:hover,
#nav-holder ul a:focus {
  color: #c6370f; }

#main {
  float: right;
  width: 860px; }

#main.full-width {
  float: none;
  padding: 0 20px;
  width: auto; }

.video-holder {
  margin: 0 0 25px; }

#main ul {
  list-style-type: none;
  padding: 0; }

#main .resource-list li {
  background: none;
  margin: 0;
  padding: 0; }

#main .resource-list li a {
  color: #000000;
  font-size: 0.875em;
  border-right: 1px solid #e2e2e4;
  border-bottom: 1px solid #e2e2e4;
  border-left: 1px solid #e2e2e4;
  display: block;
  padding: 20px 25px; }

#main .resource-list li:first-child a {
  border-top: 1px solid #e2e2e4; }

#main .resource-list li a:hover,
#main .resource-list li a:focus {
  color: #c6370f;
  background-color: #f0f0f0; }

#main table {
  max-width: 100%;
}

/* News & Events Pages */
.summary,
.featured {
  margin: 0 0 50px; }

.summary {
  padding: 0 15px; }

#main .summary {
  padding: 0; }

.summary p {
  font-size: 0.875em;
  line-height: 1.571em; }

.with-image .content {
  float: left;
  width: 780px; }

.with-image .image {
  float: right;
  width: 325px; }

.featured .image {
  float: left;
  width: 565px; }

.featured .content {
  float: right;
  width: 565px; }

.featured.inverted .image {
  float: right; }

.featured.inverted .content {
  float: left; }

#main .featured .content p.label {
  color: #d3380f;
  font-size: 0.875em;
  font-weight: bold;
  text-transform: uppercase; }

#main .featured .content h1 {
  color: #313131;
  font-size: 2.250em;
  font-weight: bold; }

.filters {
  background-color: #d1d0d0;
  margin: 0 0 40px;
  padding: 20px; }

.filters h4 {
  color: #000000;
  font-family: "VeraSansMono-Bold", Arial, sans-serif;
  font-size: 1.250em;
  text-transform: uppercase;
  margin: 0 0 15px; }

.filters .col {
  float: left;
  margin: 0 0 0 18px;
  width: 205px; }

.filters .col.first {
  margin: 0; }

.filters .col.location {
  width: 320px; }

.filters label {
  font-weight: bold;
  display: block;
  margin: 0 0 5px; }

.filters .custom-select {
  width: 200px; }

.filters input.text {
  padding: 9px 10px;
  width: 300px;
}

.filters .keywords input.text {
  width: 180px;
}

.filters input[type="submit"] {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 0.875em;
  font-weight: bold;
  letter-spacing: -1px;
  text-align: center;
  text-transform: uppercase;
  background-color: #ffffff;
  border: 1px solid #a3a5a8;
  margin: 24px 0 0 0;
  padding: 10px 25px; }

.filters #serviceSearchForm input[type="submit"] {
  margin: 30px 0 0 0;
}

.filters input[type="submit"]:hover,
.filters input[type="submit"]:focus {
  color: #c6370f; }

.filters label,
.filters input.text,
.filters .custom-select span,
.filters .custom-select li {
  font-size: .9em;
}

.loading {
  display: none; }

#newsSearchForm .col {
  position: relative; }

#newsSearchForm .loading {
  position: absolute;
  right: -29px;
  top: 39px; }

ul.listing,
ul.google-maps {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.listing li {
  background: none;
  margin: 0 0 35px; }

.listing .image,
.google-maps .map {
  float: left;
  width: 380px;
  position: relative; }

.google-maps .map {
  padding-bottom: 30px; }

.google-maps .map .map-canvas {
  width: 100%;
  height: 245px;
}

.listing .label {
  color: #ffffff;
  font-weight: bold;
  line-height: 90px;
  text-align: center;
  text-transform: uppercase;
  background-color: #191919;
  border-radius: 45px;
  display: block;
  height: 90px;
  width: 90px;
  position: absolute;
  top: 75px;
  right: 0;
  z-index: 2; }

.listing .label.News {
  color: #f04e23; }

.listing .label.Event {
  color: #3ca1da; }

.listing .content,
.google-maps .content {
  border-top: 1px dotted #bebebe;
  float: right;
  padding: 30px 0;
  width: 765px; }

.listing .content h4 {
  font-size: 1.375em; }

.listing .content h4 a {
  color: #313131; }

.listing .content h4 a:hover,
.listing .content h4 a:focus {
  color: #c6370f; }

.listing .content p.date {
  font-size: 0.750em;
  text-transform: uppercase; }

.listing .content p {
  font-size: 0.875em;
  line-height: 1.571em; }

/* Contact Page */
.enquiries {
  margin: 0 0 40px; }

.enquiries ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.enquiries li {
  background: 0 none !important;
  float: left;
  margin: 0 0 0 30px !important;
  padding: 0 !important; }

.enquiries li:first-child {
  margin: 0 !important; }

.enquiries li a {
  line-height: 122px;
  text-align: center;
  display: block;
  height: 122px;
  width: 207px; }

.enquiries li .orange {
  background-color: #EF4D22; }

.enquiries li .green {
  background-color: #75C05B; }

.enquiries li .blue {
  background-color: #3CA1DA; }

.enquiries li .aqua {
  background-color: #62C3B1; }

.enquiries li .pink {
  background-color: #E33593; }

.enquiries li .red {
  background-color: #C6370F; }

.enquiries.lrg li a {
  line-height: 157px;
  height: 157px;
  width: 358px; }

.google-maps .address {
  float: left;
  width: 360px; }

.google-maps .address p {
  font-size: 0.875em;
  line-height: 1.571em; }

.google-maps .extra {
  float: right;
  width: 360px; }

.google-maps .extra li {
  font-size: 0.875em;
  line-height: 1.571em;
  margin: 0 0 5px; }

.google-maps .error {
  color: #e70303; }

/* Audience Specific Landing Pages */
.cta .pink {
  line-height: 226px;
  text-align: center;
  background-color: #e33593;
  display: block;
  height: 226px;
  width: 302px; }

.categories {
  padding: 20px 0 0 0; }

.categories h1 {
  margin-bottom: 20px; }

.categories ul {
  margin: 0;
  width: 890px; }

.categories li {
  background: 0 none;
  display: block;
  float: left;
  margin: 0 30px 0 0;
  padding: 0;
  width: 260px; }

.categories a {
  color: #000000;
  display: block;
  width: 100%; }

.categories a:hover,
.categories a:focus {
  color: #c6370f; }

.categories li a img {
  margin: 0 0 20px;
  width: 100%; }

.categories p {
  font-size: 0.875em;
  line-height: 1.571em; }

.categories p a {
  color: #c7360e;
  display: inline; }

.categories.lrg ul {
  width: 1245px; }

.categories.lrg li {
  margin: 0 45px 0 0;
  width: 358px; }

.categories.lrg li a {
  width: 358px; }

.categories.sml ul {
  width: 1225px; }

.categories.sml li {
  margin: 0 25px 0 0;
  width: 212px; }

/* Services Page */
ul.services {
  margin: 0;
}
ul.services li {
  background: 0 none;
  margin: 0 0 1px;
  padding: 0; }

.services a {
  display: block; }

.services a:hover,
.services a:focus {
  color: #ffffff; }

.services .green {
  color: #75c05b; }

.services .yellow {
  color: #fdb913; }

.services .pink {
  color: #e33593; }

.services .aqua {
  color: #62c3b1; }

.services .red {
  color: #f4343c; }

.services .blue {
  color: #3ca1da; }

.services .orange {
  color: #f04e23; }

.services .text {
  background-color: #191919;
  float: left;
  height: 28px;
  padding: 40px 30px; }

.services .text h3 {
  font-size: 1.2em; }

.services .image {
  float: left;
  height: 108px;
  width: 376px; }

/* FAQs */
.faqs > li {
  display: block;
  float: left;
  margin: 0 0 30px; }

.faqs > li .question {
  color: #000000;
  font-size: 0.875em;
  font-weight: bold;
  background: url(../img/icons/ico_select-arrow.png) no-repeat 97% 50%;
  border: 1px solid #b5b6b8;
  display: block;
  margin: 0;
  padding: 10px 20px;
  width: 373px; }

.full-width .faqs li .question {
  width: 516px; }

.faqs > li.odd {
  margin-right: 30px; }

.full-width .faqs li.odd {
  margin-right: 40px; }

.faqs > li .question.open {
  background: url(../img/icons/ico_select-arrow-up.png) no-repeat 97% 50%; }

.faqs > li .answer {
  font-size: 0.875em;
  line-height: 1.571em;
  background: url(../img/layout/faqs-bg.gif) repeat-x left top #e2e2e2;
  border-right: 1px solid #d1d0d0;
  border-bottom: 1px solid #d1d0d0;
  border-left: 1px solid #d1d0d0;
  padding: 5px 20px;
  width: 373px; }

.full-width .faqs > li .answer {
  width: 516px; }
body.Home .faqs {
  padding: 0;
}

.aus-map-panel {
  padding: 20px 0 30px 0;
  margin-bottom: 30px;
}

.aus-map-panel .content {
  float: left;
  width: 480px;
  margin-right: 30px; }

.aus-map-panel.full-width .content {
  width: 780px;
}

.subsite-carer .aus-map-panel.full-width .content {
  width: 480px;
}

.subsite-carer .aus-map-panel .content textarea,
.subsite-carer .aus-map-panel .content input.text {
  width: 90%;
  padding: 10px 5%;
}

.subsite-carer .aus-map-panel .content select {
  width: 100%;
  padding: 10px 5%;
}

.subsite-carer .aus-map-panel .content option {
  padding: 0 5px;
}

.aus-map-panel .map {
  float: left;
  width: 315px;
  height: 300px;
  background: url(../img/layout/map.png) 0 0 no-repeat white;
  overflow: hidden;
  position: relative; }

.aus-map-panel .map-large {
  width: 630px;
  height: 600px;
  margin: 0 auto;
  float: none;
  background-image: url('../img/layout/map-large.png');
}

.aus-map-panel .map a {
  display: block;
  position: absolute; }

.aus-map-panel .map #wa {
  height: 205px;
  left: 0px;
  top: 20px;
  width: 123px;
  z-index: 10; }

.aus-map-panel .map #wa:hover {
  background: url(../img/layout/map.png) 0 -325px no-repeat; }

.aus-map-panel .map-large #wa {
  top: 40px;
  height: 410px;
  width: 246px;
}

.aus-map-panel .map-large #wa:hover {
  background: url('../img/layout/map-large.png') 0 -650px no-repeat;
}

.aus-map-panel .map #nt {
  height: 134px;
  width: 78px;
  left: 124px;
  top: 0px;
  z-index: 10; }

.aus-map-panel .map #nt:hover {
  background: url(../img/layout/map.png) -124px -305px no-repeat; }

.aus-map-panel .map-large #nt {
  height: 268px;
  width: 156px;
  left: 248px;
}
.aus-map-panel .map-large #nt:hover {
  background: url('../img/layout/map-large.png') -248px -610px no-repeat; }


.aus-map-panel .map #sa {
  height: 115px;
  width: 91px;
  left: 125px;
  top: 132px;
  z-index: 10; }

.aus-map-panel .map #sa:hover {
  background: url(../img/layout/map.png) -125px -437px no-repeat; }

.aus-map-panel .map-large #sa {
  height: 230px;
  width: 182px;
  left: 250px;
  top: 264px;
}
.aus-map-panel .map-large #sa:hover {
  background: url('../img/layout/map-large.png') -250px -874px no-repeat; }

.aus-map-panel .map #tas {
  height: 30px;
  width: 55px;
  left: 225px;
  top: 260px;
  z-index: 10; }

.aus-map-panel .map #tas:hover {
  background: url(../img/layout/map.png) -225px -565px no-repeat; }

.aus-map-panel .map-large #tas {
  height: 60px;
  width: 110px;
  left: 450px;
  top: 520px;
}
.aus-map-panel .map-large #tas:hover {
  background: url('../img/layout/map-large.png') -450px -1130px no-repeat; }


.aus-map-panel .map #qld {
  height: 168px;
  width: 118px;
  left: 196px;
  top: 0px;
  z-index: 9; }

.aus-map-panel .map #qld:hover {
  background: url(../img/layout/map.png) -196px -610px no-repeat; }

.aus-map-panel .map-large #qld {
  height: 336px;
  width: 236px;
  left: 392px;
}

.aus-map-panel .map-large #qld:hover {
  background: url('../img/layout/map-large.png') -392px -1220px no-repeat; }


.aus-map-panel .map #nsw {
  height: 82px;
  width: 101px;
  left: 214px;
  top: 160px;
  z-index: 10; }

.aus-map-panel .map #nsw:hover {
  background: url(../img/layout/map.png) -214px -465px no-repeat; }

.aus-map-panel .map-large #nsw {
  height: 164px;
  width: 202px;
  left: 428px;
  top: 320px;
}
.aus-map-panel .map-large #nsw:hover {
  background: url('../img/layout/map-large.png') -428px -930px no-repeat; }

.aus-map-panel .map #act {
  background: url('../img/layout/act.png') top center no-repeat;
  height: 10px;
  width: 31px;
  left: 271px;
  top: 222px;
  z-index: 20;
}

.aus-map-panel .map #act:hover {
  background-position: bottom center;
}

.aus-map-panel .map-large #act {
  background: url('../img/layout/act-large.png') top center no-repeat;
  height: 18px;
  width: 62px;
  left: 538px;
  top: 444px;
  z-index: 20;
}

.aus-map-panel .map-large #act:hover {
  background-position: bottom center;
}

.aus-map-panel .map #vic {
  height: 47px;
  width: 61px;
  left: 211px;
  top: 208px;
  z-index: 11; }

.aus-map-panel .map #vic:hover {
  background: url(../img/layout/map.png) -211px -818px no-repeat; }

.aus-map-panel .map-large #vic {
  height: 94px;
  width: 122px;
  left: 422px;
  top: 416px;
}

.aus-map-panel .map-large #vic:hover {
  background: url('../img/layout/map-large.png') -422px -1636px no-repeat; }


.state-content {
  display: none;
  width: 760px; }

/* New Map */
#mapwrapper {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 0;
  background-color: transparent;
  min-width: 220px;
  position: relative;
}
#map_base svg {
  max-height: 100%;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 320px){
  #map_base svg {
    height:320px;
  }
}
@media screen and (max-width: 400px) and (min-width: 321px) {
  #map_base svg {
    height:400px;
  }
}
@media screen and (max-width: 480px) and (min-width: 401px) {
  #map_base svg {
    height:500px;
  }
}
@media screen and (max-width: 568px) and (min-width: 481px) {
  #map_base svg {
    height:600px;
  }
}
@media screen and (max-width: 685px) and (min-width: 569px) {
  #map_base svg {
    height:720px;
  }
}
@media screen and (max-width: 767px) and (min-width: 686px) {
  #map_base svg {
    height:740px;
  }
}
@media screen and (max-width: 979px) and (min-width: 768px) {
  #map_base svg {
    height:760px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 980px) {
  #map_base svg {
    height:780px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  #map_base svg {
    height:800px;
  }
}
@media screen and (min-width: 1281px) {
  #map_base svg {
    height:820px;
  }
}
#text-abb text {
  font-family: Arial, Helvetica, sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
#map-tip {
    font: 14px/16px Arial, sans-serif;
    font-weight: bold;
    display: none;
    color: #000;
    z-index: 1000;
    float: left;
    position: absolute;
}
#map-tip p {
  margin: 0!important;
}
#map-tip img {
  float: left;
}

.stories-block .title {
  font-size: 18px;
  margin-top: 10px;
  font-weight: bold;
  color: #4097db;
  text-align: center;
}

.stories-block > ul > li {
  float: left;
  margin-right: 10px;
  margin-bottom: 30px;
  width: 280px;
}

.stories-block .image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.stories-block .story-text-above,
.stories-block .story-text-below {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media only screen and (min-width:1200px) {
  .stories-block > ul > li.four {
    width: 200px;
  }

  .stories-block > ul > li.four.first-col-four {
  clear: left;
  }

  .stories-block > ul > li.four.last-col-four {
    margin-right: 0;
  }

}

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

  .stories-block > ul > li.four.first-col {
  clear: left;
  }

  .stories-block > ul > li.four.last-col {
    margin-right: 0;
  }

}

.stories-block > ul > li .story-content {
  display: none;
}

.stories-block > ul > li.three.first-col {
  clear: left;
}

.stories-block > ul > li.three.last-col {
  margin-right: 0;
}

.stories-block > ul > li a {
  color: #000;
  display: block;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  height: 100%;
}

.stories-block > ul > li a:hover,
.stories-block > ul > li a:focus {
  opacity: 0.8;
}

/* Contact Us Form (on Volunteering / Carer Mini site pages) */
.a-btn {
  display: inline-block;
  padding: 15px 35px;
  color: #000000;
  font-weight: bold;
  background-color: #6bbfff;
  margin-right: 17px; }

.a-btn:hover {
  color: #000000;
  background-color: #94d1ff; }

.form .col2 .field {
  width: 562px; }

.form .col2 .field:nth-child(odd) {
  margin-right: 30px; }

.form label,
.typography form label {
  cursor: pointer;
  color: #000000;
  font-weight: bold;
  display: block;
  margin: 0 0 10px; }

form span.error,
.form label.required,
.typography form label.required,
.typography form span.message.required {
  font-weight: normal;
  color: red;
  margin-top: 5px; }

input.text,
.form textarea,
.typography form textarea {
  border: 1px solid #a3a5a8;
  display: block;
  margin: 0;
  padding: 10px 20px;
  width: 520px;
}

.form select,
.typography form select {
  padding: 10px 20px;
  width: 562px;
  border: 1px solid #a3a5a8;
}
.form .field {
  display: block;
  margin-bottom: 30px;
  padding-left: 299px; }

.typography form .field {
  margin-bottom: 30px;
}

.form .field.optionset label, .form .field.optionset input,
.form .field.checkbox label, .form .field.checkbox input {
  display: inline-block; }

.form .field.optionset ul {
  margin: 0; }

.form .field.optionset li label {
  font-weight: normal; }

.form .col2 .field {
  padding-left: 0; }

.form .Actions {
  padding-left: 299px; }

.form .col2 .Actions {
  padding-left: 0; }

.form .col2 .field {
  float: left; }

.lrg input[type=submit], a.pink-btn,
.Actions .action[type="submit"]
{
  color: #ffffff;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  background-color: #db1e83;
  border: 1px solid #6b0d40;
  clear: both;
  display: block;
  height: 44px;
  width: 203px; }

.lrg input[type=submit]:hover, a.pink-btn:hover,
.lrg input[type=submit]:focus, a.pink-btn:focus,
.Actions .action[type="submit"]:hover, .Actions .action[type="submit"]:focus
{
  background-color: #f450a8; }

a.blue-btn
{
  color: #ffffff;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  background-color: #3CA1DA;
  border: 1px solid #0D496B;
  clear: both;
  display: block;
  height: 44px;
  width: 203px; }

a.blue-btn:hover
{
  background-color: #51B9F5; }

a.green-btn
{
  color: #ffffff;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  background-color: #75C05B;
  border: 1px solid #256B0D;
  clear: both;
  display: block;
  height: 44px;
  width: 203px; }

a.green-btn:hover
{
  background-color: #7BF551; }


/* Careers Mini Site */

div#job-search {
  margin-top: 45px;
}

a.job-search-btn {
  margin: 30px 0;
  margin-right:18px;
  padding: 0 30px;
  font-size: 14px;
  display:inline-block;
}

.career-cat {
  float: left;
  width: 22%;
  margin: 0 2% 50px 2%;
}

.career-cat:first-child,
.career-cat:nth-child(5n) {
  margin-left: 0;
}

.career-cat:nth-child(4n) {
  float: right;
  margin-right: 0;
}

.career-cat img {
  width: 100%;
}

.career-cat span {
  display: block;
  font: bold 18px Arial;
  color: #000000;
  margin-top: 25px;
}

div#search {
  margin-bottom: 30px;
}

div#search h1 span {
  font: normal 20px Arial;
  line-height: 1.688em;
}

div#search div.jobs, div#search div.positions {
  width: 45%;
}

div#search div.jobs {
  float: left;
}

div#search div.jobs form {
  margin: 30px 0 0 0;
}

div#search div.jobs label {
  float: left;
  height: 38px;
  line-height: 38px;
  margin-bottom: 30px;
}

div#search div.jobs .custom-select a {
  width: 100%;
  box-sizing: border-box;
  height: 36px;
  background-position: 95% center;
}

div#search div.jobs .custom-select, div#search div.jobs input.text {
  display: inline-block;
  float: right;
  width: 385px;
  background: #f9f9f9;
}

div#search div.jobs input.text {
  box-sizing: border-box;
}

div#search div.positions {
  float: right;
}

div#search div.positions a.position {
  display: block;
  font: bold 16px Arial;
  color: #000000;
  margin: 30px 0;
}

div#search div.positions a.position span.listed {
  font-weight: normal;
  display: block;
}

div#search input[type=submit], div#search div.positions a.view-all, form.job-search input[type=submit], div.job.single a.apply-now {
  height: 38px;
  background: #f9f9f9;
  border: SOLID 1px #a3a5a8;
  font: bold 14px Arial;
  text-transform: uppercase;
  padding: 0 60px;
  margin-left: 135px;
  color: #000000;
}

div#search div.positions a.view-all {
  display: inline-block;
  margin: 73px 0 0 0;
  padding: 0 30px;
  line-height: 38px;
}

div.job.single a.apply-now {
  margin-left: 0;
  margin-top: 30px;
  line-height: 38px;
  display: inline-block;
}

form.job-search {
  padding: 20px;
}

form.job-search input.text {
  width: 100%;
  box-sizing: border-box;
}

form.job-search label {
  margin-top: 20px;
}


form.job-search input[type=submit] {
  margin: 40px 0 0 0;
  width: 100%;
}

div.job {
  font-size: 12px;
}

div.job.single {
  font-size: 16px;
}

div.job span.listed {
  display: block;
  margin: 10px 0 30px 0;
  font-size: 12px;
}

div.job a.more-detail {
  color: #a09f9f;
  font: 14px Arial;
  display: block;
  width: 120px;
  margin: 20px 0 60px 0;
  background: url(../img/icons/ico_cta-arrow-grey.png) right center no-repeat;
}

/* Pagination */
.pagination .pages {
  display: inline-block;
  float: right; }

.pagination .prev,
.pagination .next {
  color: #000000;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 29px;
  text-align: center;
  border: 1px solid #a3a5a8;
  display: block;
  float: left;
  height: 29px;
  width: 53px; }

.pagination .more {
  width: 150px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
  color: #c61d01; }

.pagination .prev {
  background: url(../img/icons/ico_paging-left.png) no-repeat 22% center;
  margin: 0 20px 0 0;
  padding: 0 5px 0 20px; }

.pagination .next {
  background: url(../img/icons/ico_paging-right.png) no-repeat 78% center;
  margin: 0 0 0 20px;
  padding: 0 20px 0 5px; }

.pagination ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.pagination li {
  display: block;
  float: left;
  margin: 0 5px;
  background: none !important; }

.pagination li a {
  color: #333333;
  font-size: 15px;
  text-align: center;
  display: block;
  padding: 5px 15px; }

.pagination li a:hover,
.pagination li a:focus {
  color: #c9122d; }

.pagination li a.active {
  color: #ffffff;
  background-color: #191919; }

span.message.validation {
  color: red;
}

.carer-home-block .panel {
   float: left;
}

.carer-home-block .left-panel {
  width: 580px;
  margin-right: 20px;
}

.carer-home-block .left-panel.full-width {
  width: auto;
  margin-right: 0;
  float: none;
}

.carer-home-block .right-panel {
  width: 560px;
}

div.carer-home-intro table,
div.carer-home-intro table tr,
div.carer-home-intro table tr td {
  border: 0;
}

div.carer-home-intro table {
  margin: 0;
}

div.carer-home-intro table tr td {
  padding: 0 15px 15px 0;
}

.carer-home .col {
  float: left;
  width: 33%;
}
.carer-home .col img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.carer-home .col .cta-content {
  text-align: center;
}
.carer-home .col .cta-content a {
  text-decoration: underline;
}
.carer-home .inner-1 {
  padding-right: 20px;
  border-right: 1px dotted #ccc;
}
.carer-home .inner-2 {
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px dotted #ccc;
}
.carer-home .inner-3 {
  padding-left: 20px;
}



/*!
 * jQuery Custom Select Plugin - Master Source
 * 2013-08-21
 *
 * http://www.blissmedia.com.au/
 *
 * Copyright 2013 Bliss Media
 * Released under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */
/* Standard
----------------------------------*/
.custom-select {
  position: relative;
  /* width: 320px; */
  height: 36px;
  border: 1px solid #a3a5a8;
  background: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.custom-select a {
  background: url(../img/icons/ico_select-arrow.png) no-repeat 90% center;
  display: inline-block;
  width: 90%;
  height: 20px;
  padding: 8px 10px;
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.custom-select a span {
  font-size: 0.875em;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden; }

.custom-select select {
  display: none !important; }

.custom-select > div {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 1px 0 0 -1px;
  width: 100%;
  border: 1px solid #888888;
  border-top: 0;
  background: #FFFFFF;
  z-index: 10;
  overflow: hidden; }

.custom-select input {
  width: 298px;
  border: 1px solid #888888;
  margin: 5px 5px 0;
  padding: 5px;
  font-size: 14px; }

.custom-select > div > div {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  margin: 5px;
  max-height: 220px; }

.custom-select div ul {
  padding: 0;
  margin: 0 !important;
  list-style: none; }

.custom-select div ul li {
  font-size: 0.875em;
  background: none !important;
  display: none;
  padding: 5px !important; }

.custom-select div ul li.active {
  display: block;
  cursor: pointer; }

.custom-select div ul li:hover {
  background: #66BBFF;
  color: #c61d01; }

.custom-select div ul li.option-hover {
  background: #3399FF;
  color: #c61d01; }

.custom-select div ul li.no-results {
  display: none;
  background: #f2f2f2;
  color: #000000; }

/* Custom Select - Open
----------------------------------*/
.custom-select-open {
  border-bottom: 1px solid #eeeeee; }

.custom-select-open div {
  display: block;
  z-index: 100; }

/* Hide Input Box
----------------------------------*/
.custom-select input.custom-select-hidden-input {
  position: absolute !important;
  top: 0 !important;
  left: -1000px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  z-index: -1 !important; }

/* Carer resource
----------------------------------*/
.carer-resource a {
  float: left;
  border-width: 2px;
  border-style: solid;
  display: inline-block;
  font-size: 14px;
  width: 47.5%;
  padding: 5px;
  margin-bottom: 30px;
  margin-right: 30px;
}
.carer-resource .second {
  margin-right: 0;
}
.carer-resource span {
  margin-left: 15px;
}
.carer-resource svg {
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}
.txt-doc-download {
  font-style: italic;
  color: #8f8f8f;
}

/* carer mini site page */
.flowchart-holder {
  height: 85px;
  margin: 0 0 3em;
  background: transparent url('../img/layout/flowchart.jpg') 0 0 no-repeat;
}
.col-flowchart {
  float: left;
  width: 12%;
  height: 85px;
  display: block;
}
.col-flowchart:last-child {
  width: 16%;
}

#SearchResults {
  list-style: none;
}

#SearchResults h4 {
  font-size: 16px;
}

#SearchResults h4 a {
  color: #313131
}

#SearchResults li {
  margin-bottom: 30px;
}

#SearchResults li a {
  color: #000000;
}

#SearchResults h4 a:hover,
#SearchResults h4 a:focus,
#SearchResults li a:hover,
#SearchResults li a:focus {
  color: #c6370f;
}


#SearchResults p {
  margin-bottom: 10px;
}

#SearchResults p, #SearchResults ul {
  font-size: 1em;
}

/* Menu */
.navigation {
  clear: both;
}
.mobile-navigation-dropdown {
  display: none;
}
.navigation-lists {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.nav-lvl-1 {
  margin-right: 10px;
  padding-bottom: 10px;
  float: left;
}

.nav-lvl-1 > a {
  font-family: "VeraSansMono-Bold", Arial, sans-serif;
  display: block;
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.has-subnav:hover > a,
.has-subnav.hover > a,
.nav-lvl-1 > a:hover {
  background-color: #f6f6f6;
  color: #000;
}

.has-subnav > a {
  padding-right: 50px;
  background-image: url('../img/icons/ico_arrow-more.png');
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
}

.has-subnav:hover,
.has-subnav:hover {
  background-color: #f6f6f6;
}
.has-subnav:hover > a,
.has-subnav.hover > a,
.has-subnav > a:hover {
  background-image: url('../img/icons/ico_arrow-more-hv.png');
}
.mega-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
}
.has-subnav:hover .mega-dropdown,
.has-subnav.hover .mega-dropdown {
  display: block;
}
.flexbox .has-subnav:hover .mega-dropdown,
.flexbox .has-subnav.hover .mega-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mega-dropdown a:hover {
  color: #c6370f;
}

.col-navigation {
  float: left;
}
.col-navigation .inner {
  padding: 40px 30px;
}
.col-navigation-1 {
  background-color: #f6f6f6;
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.col-navigation-2 {
  background-color: #1c1c1e;
  width: 55%;
}
.col-navigation-1 .inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}


.title-mega-dropdown {
  font-family: "VeraSansMono-Bold", Arial, sans-serif;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 30px;
  background-color: #000;
  color: #fff;
  font-size: 2.38em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.quick-links {
  padding: 0;
  list-style-type: none;
}
.quick-links li {
  display: block;
  margin-bottom: 20px;
}
.quick-links a {
  text-transform: uppercase;
  font-family: "VeraSansMono-Bold", Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 1.1em;
  color: #000;
  border-bottom: 1px solid #000;
}
.btn-emerald-splash {
  position: relative;
  font-family: "VeraSansMono-Bold", Arial, sans-serif;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px 80px 20px 20px;
  margin-top: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 2.38em;
  color: #fff;
  background: #5cba47;
  background: -webkit-linear-gradient(top,  #5cba47 0%,#43c2d2 100%);
  background: linear-gradient(to bottom,  #5cba47 0%,#43c2d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cba47', endColorstr='#43c2d2',GradientType=0 );
}
.btn-emerald-splash:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 18px;
  height: 18px;
  background-image: url('../img/icons/ico_arrow-goto.png');
  background-repeat: no-repeat;
}
.cta-navigation {
  width: 50%;
  max-width: calc(50% - 10px);
  display: inline-block;
  float: left;
  margin-bottom: 20px;
}
.cta-navigation:nth-child(2n-1) {
  margin-right: 20px;
}
.cta-navigation img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* New mobile menu */
@media screen and (max-width: 786px) {
  .navigation {
    background-color: #191919;
    position: relative;
  }
  .mobile-navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .mobile-navigation li {
    float: left;
  }
  .mobile-navigation li:first-child {
    width: 60%;
  }
  .mobile-navigation li:not(:first-child) {
    width: calc(20% - 1px);
    border-left: 1px solid #303030;
    text-align: center;
  }
  .mobile-navigation-ctrl {
    display: block;
    padding: 20px;
    height: 25px;
  }
  .mobile-navigation-ctrl.active {
    background-color: #303030;
  }
  .navigation-lists {
    display: none;
  }
  .mobile-navigation-dropdown {
    background-color: #303030;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .nav-lvl-1 {
    float: none;
    margin-right: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #000;
  }
  .nav-lvl-1 > a {
    background-color: transparent;
    padding: 20px;
  }
  .has-subnav > a {
    background-image: none;
  }
  .mega-dropdown {
    display: block;
    position: static;
  }
  .col-navigation-1 {
    display: none;
  }
  .col-navigation-2 {
    width: 100%;
    background-color: #303030;
  }
  .col-navigation-2 .inner {
    padding: 0 20px;
  }

  .mobile-navigation-normal li {
    border-bottom: 1px solid #191919;
    display: block;
  }
  .mobile-navigation-normal a {
    color: #fdfdfd;
    display: block;
    padding: 20px;
  }
  .mobile-navigation-search-dropdown {
    background-color: #303030;
    position: absolute;
    width: 100%;
  }
  .mobile-site-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
  }
  .mobile-navigation-search-dropdown [type=text] {
    border: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 10px;
  }
  .mobile-navigation-search-dropdown [type=submit] {
    background-color: #fff;
    background-image: url("../img/icons/sprite_search-submit.png");
    background-position: center top;
    background-repeat: no-repeat;
    border: 0;
    text-indent: -999px;
    width: 40px;
  }

}


/* Mobile Override
----------------------------------*/
.custom-select-mobile select {
  display: inline !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Desktop */
@media screen and (min-width: 1200px) {
  header .mobile-menu-trigger {
    display: none; }

  .services .text {
    width: 403px; }

  .mobile {
    display: none; }


  .quick-links a {
    font-size: 1.3em;
  }
  .has-subnav:hover > a, .has-subnav.hover > a, .has-subnav > a, .has-subnav > a:hover {
    font-size: 1.3em;
  }

}

/* Shorter screen menu dropdown styling */
@media screen and (min-width: 768px) and (max-height: 850px){
  .col-navigation .inner {
    padding: 20px;
  }
  .quick-links {
    margin: 0;
  }
  .quick-links li {
    margin-bottom: 10px;
  }
  .quick-links a {
    font-size: 1em;
  }
  .btn-emerald-splash {
    padding: 10px 40px 10px 10px;
    font-size: 1.1em;
  }
  /* .cta-navigation {
    width: 23%;
    max-width: calc(25% - 20px);
    margin-right: 20px;
  } */
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .mobile {
    display: none; }

  .container {
    padding: 0;
    width: 768px; }

  section h2 {
    font-size: 1.375em; }

  header {
    height: 120px; }

  header .logo {
    margin: 25px 40px;
    width: 30%; }

  header .logo img {
    width: 100%; }

  header .font-adjust,
  header nav {
    display: none; }

  header .mobile-menu-trigger {
    display: block;
    float: right; }

    header .mobile-menu-trigger {
        background: url(../img/icons/ico_nav-burger-tablet.png) no-repeat 80% 50%;
        float: left;
        height: 24px;
        margin: 47px 40px 0 25px;
        width: 33px;
   }

  header .tools {
    float: left;
    margin: 40px 0 0 40px;
    width: 315px; }

  header .site-search {
    margin: 0 20px; }

  header .site-search.mobile {
    display: none; }

  footer .container,
  #main {
    padding: 0 20px;
    width: 728px !important; }

  footer .col {
    width: 48%;
    margin: 0;
  }

  footer .col ul {
    display: none;
  }

  footer .col h6 {
    border: 0 none;
    margin: 0 20px; }

  footer .fine-print {
    text-align: center;
    clear: both;
    float: none;
    margin: 20px 0;
    width: auto; }

  footer .fine-print p {
    font-size: 0.875em;
    text-align: center; }

  footer .lower {
    text-align: center; }

  footer .lower ul {
    clear: both;
    float: none; }

  footer .lower li {
    margin: 0 20px;
    text-align: center; }

  footer .lower li a {
    font-size: 0.688em; }

  footer .lower .ctas {
    clear: both;
    float: none;
    padding: 20px 0;
    text-align: center; }

  aside {
    background-color: #191919;
    float: none;
    min-height: 100px;
    margin: 0 0 20px;
    width: 100%;
    position: relative; }

  #nav-holder {
    border: 0 none;
    margin: 0; }

  #nav-holder .mobile {
    display: block !important; }

  #nav-holder .category {
    background-color: transparent;
    height: auto;
    padding: 35px 20px;
    width: 15%; }

  #nav-holder .category h1 {
    display: none; }

  #nav-holder .menu-select-holder {
    width: 75%;
    position: absolute;
    top: 30px;
    left: 155px; }

  #nav-holder .menu-select {
    color: #000000;
    font-size: 0.875em;
    background: url(../img/icons/ico_select-arrow.png) no-repeat 97% 50% white;
    border: 1px solid #a3a5a8;
    border-radius: 3px;
    display: block;
    padding: 1.5% 2%; }

  #nav-holder .menu-select.open {
    background: url(../img/icons/ico_select-arrow-up.png) no-repeat 97% 50% white; }

  #nav-holder ul {
    background-color: #ffffff;
    border: 1px solid #a3a5a8;
    display: none;
    padding: 0;
    width: 100%; }

  #nav-holder ul ul {
    border: 0 none;
    float: none;
    width: 100%; }

  aside .cta {
    display: none; }

  #main {
    float: none;
    width: 100%; }

  #banner li img,
  #banner .image img {
    width: 100%; }

  #banner .controls a {
    top: 45%; }

  #banner .controls .prev {
    left: 40px; }

  #banner .controls .next {
    right: 40px; }

  #banner .play-pause {
    left: 60%; }

  #home-ctas {
    height: 181px;
    margin: 0 0 25px;
    overflow: hidden; }

  #home-ctas a,
  #home-ctas a.last {
    height: auto;
    margin: 0;
    width: 256px; }

  #home-ctas img {
    width: 100%; }

  #news {
    margin: 0 0 10px;
    padding: 0 20px; }

  #news article {
    border-left: 0 none;
    margin: 0;
    padding: 0 0 0 20px;
    width: 48%; }

  #news article.first {
    padding: 0; }

  #news article .text {
    border-top: 1px dotted #bebebe;
    border-bottom: 1px dotted #bebebe;
    float: right;
    margin: 0;
    padding: 10px 20px;
    width: 45%; }

  #news h3 {
    font-size: 0.875em;
    line-height: 1.429em; }

  #news p {
    display: none; }

  #news p.date {
    display: block; }

  #news article .image {
    float: left;
    width: 40%; }

  #news article .image img {
    width: 100%; }

  #quick-links {
    padding: 0 20px 20px 20px; }

  #quick-links article {
    width: 48%; }

  #quick-links .image,
  #quick-links .text {
    width: 40%; }

  #quick-links article img {
    width: 100%; }

  #quick-links .text {
    padding: 15px 20px; }

  #quick-links h4 {
    font-size: 0.750em;
    line-height: 1.500em; }

  #quick-links p {
    display: none; }

  .categories ul,
  .categories.sml ul,
  .categories.lrg ul {
    width: 100%; }

  .categories li,
  .categories.sml li,
  .categories.lrg li {
    margin: 0 20px 0 0;
    width: 30%; }

  .categories a {
    width: 100%; }

  .categories.lrg li a {
    width: auto; }

  .with-image .content {
    width: 60%; }

  .with-image .image {
    width: 30%; }

  .with-image .image img {
    width: 100%; }

  .featured .image,
  .featured .content {
    width: 50%; }

  .featured .image img {
    width: 90%; }

  #main .featured .content h1 {
    font-size: 1.75em; }

  .featured p {
    font-size: 0.875em; }

  .listing li {
    margin: 0 0 10px; }

  .listing .image,
  .google-maps .map {
    width: 30%; }

  .listing .image img {
    width: 100%; }

  .listing img.label {
    top: 50px;
    right: -15px;
    width: 30%; }

  .listing .content {
    width: 65%; }

  .google-maps .content {
    width: 65%; }

  .google-maps .address {
    width: 50%; }

  .google-maps .extra {
    width: 45%; }

  .google-maps .map iframe {
    height: auto;
    width: 100%; }

  .listing .content,
  .google-maps .content {
    padding: 10px 0; }

  .enquiries li {
    margin: 0 !important;
    width: 30%; }

  .enquiries li a {
    width: auto; }

  .enquiries.lrg li {
    width: 33%; }

  .enquiries.lrg li a {
    width: 100%; }

  .filters .col {
    margin: 0 0 10px; }

  .aus-map-panel.full-width .content,
  .aus-map-panel .content {
    width: auto;
    margin: 0;
    float: none;
  }

  .aus-map-panel .map {
    float: none;
    margin-top: 20px;
  }

  .state-content {
    width: auto;
  }

  .services .text {
    width: 40%;
  }

  .career-cat {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }

  .career-cat:nth-child(2n) {
    float: right;
    margin-right: 0;
  }

  .career-cat:nth-child(3n) {
    margin-left: 0;
  }

  div#search div.jobs, div#search div.positions {
  width: 100%;
  }

  div#search div.jobs {
  margin-bottom: 50px;
  }

  div#search input[type="submit"] {
  margin-left: 0;
  }

  .quick-links-section {
    width: 477px;
  }

  .social-feed-section {
    width: 291px;
    padding-bottom: 30px;
  }

  .social-feed-section .feed {
    margin-top: 20px;
  }

  .social-feed-section .feed.first {
    margin-top: 0;
  }

  .social-feed-section .inner-container {
    border: 2px solid #000000;
    padding: 15px;
  }

  .social-feed-section .feed-icon-holder {
    float: none;
    width: auto;
  }

  .social-feed-section .feed-content-holder {
    float: none;
    width: auto;
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 20px;
  }

  .social-feed-section .last .feed-content-holder {
    border: 0;
    padding-bottom: 0;
  }

  .social-feed-section .feed-stamp {
    font-size: 12px;
  }

  .social-feed-section .feed-txt {
    font-size: 12px;
  }

  .flowchart-holder {
    background-size: 100% auto;
  }
  .col-flowchart,
  .col-flowchart:last-child  {
    height: 60px;
  }

  .stories-block > ul > li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
  }

  .stories-block > ul > li img {
    width: 100%;
  }

  .quick-links {
      margin: 0;
  }
}

@media screen and (max-width: 1199px) {
  .carer-home-block .panel {
     float: none;
  }

  .carer-home-block .right-panel,
  .carer-home-block .left-panel {
    width: 100%;
    margin-right: 0;
  }

  .subsite-carer .aus-map-panel.full-width .content {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* Mobile */
@media screen and (max-width: 786px) {
  .mobile-menu {
    display: none;
  }
  .mobile {
    display: block; }

  h1,
  .typography h1 {
    font-size: 1.375em;
    line-height: 1.182em; }

  .container {
    width: 100%; }

  footer .container{
    padding: 0 5%;
    width: 90%; }

  footer,
  body.subsite footer {
    min-height: 0;
  }

  header nav,
  .footer-push,
  header .font-adjust,
  #banner .social,
  footer .col ul,
  footer .fine-print,
  .breadcrumbs {
    display: none; }

  #top.container {
    margin-bottom: 0px; }

  header {
    height: auto; }

  header .logo {
    float: none;
    width: auto;
    margin: 0;
  }

  header .nav {
    background-color: #191919;
  }

  header .nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  header .nav li {
    display: block;
    float: left;
  }

  header .nav .main-menu {
    width: 60%;
  }

  header .nav .sub-menu,
  header .nav .search {
    width: 70px;
    float: right;
  }

  header .nav li a{
      padding: 20px;
      display: block;
      color: #fdfdfd;
      height: 22px;
  }

  header .nav li a.open {
      background-color: #303030;
  }

  header .nav .main-menu a{
    background: url(../img/icons/ico_nav-burger.png) 26px 22px no-repeat transparent;
    padding: 20px 20px 20px 60px;
  }

  header .nav .sub-menu a{
    background: url(../img/icons/ico_nav-down-arrow.png) 26px 22px no-repeat transparent;
  }

  header .nav .sub-menu a,
  header .nav .search a {
    width: 30px;
    border-left: 1px solid #303030;
  }

  header .nav .search a{
    background: url(../img/icons/ico_nav-search.png) 23px 18px no-repeat transparent;
  }

  header .nav {
    position: relative;
  }
  header .nav .dropdown{
    position: absolute;
    width: 100%;
    z-index: 1020;
    background-color: #303030;
    display: none;
  }

  header .nav .dropdown li {
    display: block;
    float: none;
    border-bottom: 1px solid #191919;
  }

  #m-search {
    text-align: center;
  }

  header .logo img {
    margin: 20px 0 20px 20px;
    width: 65%; }

  header .tools,
  header .site-search {
    display: none; }

  header .site-search.mobile {
    display: block;
    margin: 10px auto;
    float: none;
    background-color: #ffffff;
    width: 95%; }

  header .site-search {
    margin: 0; }

  header .site-search input[type="text"] {
    width: 75%; }

  header .site-search input[type="submit"] {
    border: none;
    float: right;
    width: 40px; }

  header .mobile-menu-trigger {
    float: right;
    margin: 37px 0 0; }

  .mobile-menu header .heading {
    padding: 27px 0 0 15px; }

  footer .col {
    display: none;
    float: none;
    margin: 0;
    width: 100%; }

  footer .col h6 {
    font-size: 0.750em;
    text-align: center;
    border: 0 none;
    padding: 5px 0; }

  footer .col h6 a {
    display: block;
    width: 100%; }

  footer .fine-print {
    text-align: center;
    float: none;
    padding: 0 0 10px;
    width: 100%; }

  footer .fine-print p {
    text-align: center; }

  footer .lower {
    padding: 0;
    border-top: none;
  }

  footer .lower ul {
    float: none; }

  footer .lower li {
    text-align: center;
    display: block;
    margin: 0;
    width: 100%; }

  footer .lower li a {
    font-size: 0.750em;
    display: block;
    margin: 0 0 10px;
    width: 100%; }

  footer .lower .ctas {
    text-align: center;
    float: none;
    padding: 10px 0; }

  footer .lower .ctas p {
    font-size: 0.750em; }

  footer .menu {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 0 20px;
    width: 100%; }

  footer .menu:hover,
  footer .menu:focus {
    color: #8c8c8c; }

  #main {
    float: none;
    padding: 0 5%;
    width: 90%; }

  #main.full-width > h1 {
    margin-top: 20px;
  }

  #banner .mobile li,
  #banner li img,
  #banner .image img {
    width: 100%; }

  #banner .image a,
  #banner .image img {
    display: none; }

  #banner .image .mobile,
  #banner .image .mobile img {
    display: block; }

  #banner .controls a {
    top: 45%; }

  #banner .controls .prev {
    left: 40px; }

  #banner .controls .next {
    right: 40px; }

  .content-wrapper {
    padding: 0 0 55px; }

  aside {
    background-color: #191919;
    float: none;
    min-height: 100px;
    margin: 0 0 20px;
    width: 100%;
    position: relative; }

  #nav-holder {
    border: 0 none;
    margin: 0; }

  #nav-holder .mobile {
    display: block !important; }

  #nav-holder .category {
    background-color: transparent;
    height: auto;
    padding: 10px 2% 0;
    width: 96%; }

  #nav-holder .category h1 {
    display: none; }

  #nav-holder .menu-select-holder {
    width: 90%;
    margin: 0 5% 15px 5%;;
  }

  #nav-holder .menu-select {
    color: #000000;
    font-size: 0.875em;
    background: url(../img/icons/ico_select-arrow.png) no-repeat 97% 50% white;
    border: 1px solid #a3a5a8;
    border-radius: 3px;
    display: block;
    padding: 1.5% 2%; }

  #nav-holder .menu-select.open {
    background: url(../img/icons/ico_select-arrow-up.png) no-repeat 97% 50% white; }

  #nav-holder ul {
    background-color: #ffffff;
    border: 1px solid #a3a5a8;
    display: none;
    padding: 0;
    width: 100%; }

  #nav-holder ul ul {
    border: 0 none;
    float: none;
    width: 100%; }

  aside .cta {
    display: none; }

  .typography li {
    background-position: left 20%; }

  .categories ul,
  .categories ul li,
  .categories ul li a {
    margin: 0 0 20px !important;
    width: 100% !important; }

  .services .text {
    float: none;
    height: auto;
    padding: 15px 10% 5px;
    width: 80%; }

  .services .text h3 {
    font-size: 1.000em; }

  .services .image {
    display: none; }

  .video-holder,
  iframe {
    width: 100%; }

  .with-image .content,
  .with-image .image,
  .with-image .image img {
    float: none;
    width: 100%; }

  .full-width .faqs > li.odd {
    margin-right: 0;
  }

  .faqs > li {
    float: none;
    margin: 0 0 10px; }

  .faqs > li .question,
  .faqs > li .answer{
    padding: 2% 5%;
    width: 90% !important; }

  .form .col2 .field {
    float: none;
    margin-right: 0;
    width: auto;
  }

  .form input.text, .form textarea {
    width: 90%;
    padding: 10px 5%;
  }

  .form select {
    width: 100%;
  }

  .form .col2 .field:nth-child(2n+1) {
    margin-right: 0;
  }

  .form li {
    margin-right: 0 !important;
    width: 100%; }

  .lrg input[type="submit"] {
    width: 100%; }

  .summary,
  .featured {
    margin: 20px 0;
    width: 100%; }

  .featured .image,
  .featured .content {
    float: none;
    width: 100%; }

  .featured .image {
    margin: 20px 0; }

  .featured .image img {
    width: 100%; }

  #main .featured .content h1 {
    font-size: 1.375em; }

  .featured .content p {
    font-size: 0.875em; }

  .filters h4 {
    font-weight: normal; }

  .filters .col,
  .filters .col.first {
    margin: 0 0 10px;
    width: 100%; }

  .filters .custom-select {
    width: 100%; }

  .custom-select a {
    background-position: 95% center;
    padding: 3.5% 5%;
    width: 90%; }

  .filters input[type="submit"] {
    height: auto;
    margin: 20px 0 0 0;
    padding: 8% 5%;
    width: 100%; }

  .listing .image {
    width: 40%; }

  .listing .content {
    padding: 5%;
    width: 50%; }

  .listing .content h4 {
    font-size: 0.875em; }

  .listing .content p {
    display: none; }

  .listing li {
    margin: 0 0 20px; }

  .listing .image img {
    width: 100%; }

  .listing .label {
    font-size: 0.750em;
    line-height: 30px;
    border-radius: 0;
    height: 30px;
    width: 100%;
    top: auto;
    bottom: -15px; }

  .google-maps .map {
    display: none; }

  .google-maps .content {
    float: none;
    padding: 20px 0;
    width: 100%; }

  .google-maps .address,
  .google-maps .extra {
    float: none;
    width: 100%; }

  .pagination {
    padding: 20px 0 0 0; }

  .pagination ul {
    display: none; }

  .pagination .pages {
    float: none;
    width: 100%; }

  .pagination .prev,
  .pagination .next {
    width: 33%; }

  .enquiries li,
  .enquiries li a {
    margin: 0 !important;
    width: 100% !important; }

  /* Homepage */
  #home-ctas{
    display: none; }

  .Home section h2 {
    padding: 20px;
    border-bottom: 1px dotted #bebebe;
    margin: 0;
    font-size: 1.45em;
  }

  .Home #news article, .Home #quick-links article {
    float: none;
    display: block;
    width: 100%;
    border-bottom: 1px dotted #bebebe;
    padding: 0;
    margin: 0;
  }

  #quick-links .text {
    border-top: none;
  }

  .Home #news {
      margin: 0;
  }

  .Home #quick-links article .image,
  .Home #news article .image{
    float: left;
    width: 30%;
    height: 100%;
    overflow: hidden;
    text-align: center;
  }

  .Home #quick-links article .image img,
  .Home #news article .image img {
    height: 149px;
  }

  .Home #quick-links article .text,
  .Home #news article .text {
    float: right;
    width: 66%;
    margin: 0;
    padding: 10px 2%;
  }

  .Home #news h3 {
    font-size: 1em;
    line-height: 1em;
  }

  .Home #news p.date {
    font-size: 0.75em;
  }

  .Home #news p {
    font-size: 0.875em;
    line-height: 1.571em;
    margin: 6px 0;
  }

  .Home a.become-carer {
    display: block;
    text-align: center;
    width: 100%;
    padding: 30px 0;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #191919;
    color: #FDFDFD;
  }

  .aus-map-panel .content {
    width: auto;
    margin: 0;
    float: none;
  }

  .aus-map-panel .map {
    float: none;
    margin-top: 20px;
  }

  .state-content {
    width: auto;
  }

  .a-btn {
    display: block;
    padding: 15px 0;
    margin-bottom: 10px;
    text-align: center;
    margin-right: 0;
  }

  .faqs > li.odd {
    margin-right: 0;
  }

  a.top {
    display: none;
  }

  .desktop {
    display: none; }

  #banner ul.mobile {
    display: block; }

  #banner .pager-panel {
    bottom: 10px; }

  #banner .pager-panel,
  #banner .controls .prev {
    left: 5%; }

  #banner .controls .next {
    right: 5%; }

  nav.mobile {
    background-color: #191919; }

  nav.mobile ul {
    margin: 0;
    padding: 0; }

  nav.mobile li a {
    color: #ffffff;
    font-size: 1.000em;
    border-top: 1px solid #ffffff;
    display: block;
    padding: 5%;
    width: 90%; }

  nav.mobile li:last-child a {
    border-bottom: 2px solid #ffffff; }

  nav.mobile li a:hover,
  nav.mobile li a:focus {
    color: #8c8c8c;
  }

  .career-cat {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .career-cat:nth-child(2n) {
    float: right;
    margin-right: 0;
  }

  .career-cat:nth-child(3n) {
    margin-left: 0;
  }

    div#search div.jobs, div#search div.positions {
  width: 100%;
  }

  div#search div.jobs {
  margin-bottom: 50px;
  }

  div#search input[type="submit"] {
  margin-left: 0;
  }

  div#search div.jobs .custom-select, div#search div.jobs input.text {
  max-width: 100%;
  }

  .typography img,
  .typography table {
    max-width: 100% !important;
    height: auto !important;
  }
  .typography table {
    width: 100% !important;
  }

  .carer-home .col {
    width: 100%;
  }

  .carer-resource a {
    width: 95%;
    margin-right: 0;
  }

  .form .field {
    padding-left: 0;
  }

  .form select,
  input.text, .form textarea, .typography form textarea {
    width: 96%;
    padding: 10px 2%;
  }

  .typography form select {
    width: 100%;
  }

  .quick-links-section,
  .social-feed-section {
    float: none;
    width: auto;
  }

  .social-feed-section .feed {
    margin-top: 20px;
  }

  .social-feed-section .feed.first {
    margin-top: 0;
  }

  .social-feed-section .inner-container {
    border: 0;
    padding: 15px;
  }

  .social-feed-section .feed-icon-holder {
    float: left;
    width: 15%;
  }

  .social-feed-section .feed-content-holder {
    float: right;
    width: 85%;
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 20px;
  }

  .social-feed-section .last .feed-content-holder {
    border: 0;
    padding-bottom: 0;
  }

  .social-feed-section .feed-stamp {
    font-size: 12px;
  }

  .social-feed-section .feed-txt {
    font-size: 12px;
  }

  .flowchart-holder {
    background-image: none;
    height: auto;
  }

  .flowchart-holder .visuallyhidden {
    height: auto;
    width: auto;
    clip: initial;
    position: relative;
  }
  .col-flowchart {
    float: none;
    height: auto;
    text-indent: 0;
    font-weight: bold;
    color: #000;
    margin-bottom: 1em;
    padding: 5%;
    text-transform: uppercase;
  }
  .col-flowchart,
  .col-flowchart:last-child  {
    width: 90%;
  }

  .col-flowchart:nth-child(1){
    background-color: #ffe52c;
  }
  .col-flowchart:nth-child(2){
    background-color: #ffc313;
  }
  .col-flowchart:nth-child(3){
    background-color: #ffb838;
  }
  .col-flowchart:nth-child(4){
    background-color: #e34c99;
  }
  .col-flowchart:nth-child(5){
    background-color: #9e7ad2;
  }
  .col-flowchart:nth-child(6){
    background-color: #99c122;
  }
  .col-flowchart:nth-child(7){
    background-color: #00b5bc;
  }
  .col-flowchart:nth-child(8){
    background-color: #4097dc;
  }

  .stories-block > ul > li {
    float: none;
    margin-right: 0;
  }

  .stories-block > ul > li img {
    width: 100%;
  }

  body.subsite #top.container {
    margin-bottom: 0;
  }

  .view {
    overflow: hidden;
  }
  .view.open {
    left: 0;
  }
}

@media (max-width: 639px) {
  .career-cat {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 350px) {
  header .nav .sub-menu, header .nav .search {
    width: 20%;
  }
}

/* Process */
.process-row {
    position: relative;
    border-top: 4px solid #000;
    background-color: #eee;
    padding: 15px 20px 30px 60px;
    color: #fff;
}
.process-row__number {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 10px 10px;
    background-color: #000;
    font-weight: bold;
    font-size: 1.17em;
    letter-spacing: 2px;
}
.process-row__title {
    letter-spacing: 2px;
    text-transform: uppercase;
}
.typography .process-row *,
.process-row * {
    color: #fff;
}
#main .typography .process-row ul,
.typography .process-row ul {
    list-style-image: none;
    list-style-type: disc;
    padding-left: 15px;
}
.process-row a {
    font-weight: bold;
    text-decoration: underline;
}

/* Disability services chevron */
.process-chevron {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
}
.process-chevron__link {
  color: #fff;
  background-color: #444;
  flex: 1 1 0;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 20px 20px 40px;
  position: relative;
}
@media only screen and (max-width : 768px) {
  .process-chevron,
  .process-chevron__link {
    display: block;
  }

}
@media only screen and (min-width : 768px) {
  .process-chevron__link__triange {
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 100%;
    background-color: #fff;
    -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    z-index: 2;
  }
}
.process-chevron__link:last-child .process-chevron__link__triange {
  display: none;
}






/* ==========================================================================
   Helper classes
   ========================================================================== */
.tac {
  text-align: center;
}

.inner-margin-reset > :first-child {
    margin-top: 0;
}
.inner-margin-reset > :last-child {
    margin-bottom: 0;
}

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }