/*
Theme Name: Carers2017
Theme URI: http://http://www.carers.net.nz/
Author: Thinkbox
Author URI: http://thinkbox.co.nz
Description: Theme for Carers NZ.
Version: 1.0

	This theme was built by Sam Cooke,
	whose website you will find at http://www.thinkbox.co.nz/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');

@import "/wp-content/themes/carers2107/fonts/fonts.css";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
}

/* end reset css */


/* reset box-sizing */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


/* responsive */

.full {
    display: inline-block;        
}
.resp {
    display: none;
}
.rhide {
  display: block !important;
}
.rshow {
  display: none !important;
}
/***************GRID*****************/

/* Grid >> 20 Columns
----------------------------------------------------------------------------------------------------*/
.col { 
  padding: 0 1%;
  position: relative;
}
.col.nopad { 
  padding-left: 0; 
  padding-right: 0; 
}
.grid-1-4 { width: 25%; }
.grid-1-2 { width: 50%; }
.grid-3-4 { width: 75%; }
.grid-1-3 { width: 33.333333%; }
.grid-2-3 { width: 66.66666%; }

.prefix-1 { padding-left: 5%; }
.prefix-2 { padding-left: 10%; }
.prefix-3 { padding-left: 15%; }
.prefix-4 { padding-left: 20%; }
.prefix-5 { padding-left: 25%; }
.prefix-6 { padding-left: 30%; }
.prefix-7 { padding-left: 35%; }
.prefix-8 { padding-left: 40%; }
.prefix-9 { padding-left: 45%; }
.prefix-10 { padding-left: 50%; }

.suffix-1 { padding-right: 5%; }
.suffix-2 { padding-right: 10%; }
.suffix-3 { padding-right: 15%; }
.suffix-4 { padding-right: 20%; }
.suffix-5 { padding-right: 25%; }
.suffix-6 { padding-right: 30%; }
.suffix-7 { padding-right: 35%; }
.suffix-8 { padding-right: 40%; }
.suffix-9 { padding-right: 45%; }
.suffix-10 { padding-right: 50%; }

/**** clearfix ****/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.clear { clear: both; }

/**** cols and rows and ****/

.row {
  overflow: hidden;
  _overflow:visible;
  _zoom:1;
  width: 100%;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
/* .content {
  margin: 0 auto;
} */
.col {
  position: relative;
  float:left;
  display: block;
  min-height: 1px;
}
.stack .col {
  width: 100% !important;
  float: none;
}
.float-right {
  float:right;
}
.center {
  margin: 0 auto;
}
.hidden {
  display: none;
}
.tall {
  min-height:100%;
}
.hide {
  display: none;
}

.centxt {
  text-align: center;
}
.lefttxt {
  text-align: left;
}
.clearleft {
  clear: left;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* .noie .middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ie .middle .container {
  display: table;
  width: 100%;
  height: 100%;
}
 
.ie .middle .container .group {
  display: table-cell;
  vertical-align: middle;

} */

.noie .middle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.middle .container {
  display: table !important;
  width: 100%;
  height: 100%;
}
 
.middle .container .group {
  display: table-cell !important;
  vertical-align: middle;
} 


/* tbcolumns plugin css */

.wpcolumn-wrapper { width: 100%; }
.wpcolumn { 
  float:left; display:inline; padding-left:25px; padding-right:25px;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.wpcolumn-wrapper-2 .wpcolumn { width: 50%; }
.wpcolumn-wrapper-3 .wpcolumn { width: 30%; }
.wpcolumn-first { padding-left: 0 !important; }
.wpcolumn-last { padding-right: 0 !important; }
.wpcolumn-clearfix { clear: both; }

.padleft {
  padding-left: 25px;
}
.padright {
  padding-right: 25px;
}

.headspace {
  padding-top: 30px !important; 
}
.footspace {
  padding-bottom: 30px !important;  
}
.pad {
  padding: 10px;
}

/***************TYPOGRAPHY*****************/


body {
  font-size: 14px !important; font-family: 'Open Sans', Helvetica, Arial, sans-serif;  
  color: #333; text-align: left; overflow-x: hidden;
}

p,h1,h2,h3,h4,h5,h6 {
  font-weight: 400;  line-height:1.5; margin: 0 0 8px 0; padding: 0; letter-spacing: normal;
}
h1,h2,h3,h4,h5,h6 {

}
p { font-size: 1em; font-weight: 400; }

.home-content p {
  font-size: 1.15em;
}

h1 {  
  font-size:30px;
  line-height: 30px; 
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;

  color: #00b4c1;
  
}





.single h1,
.page h1,
.mag-page h1,
.info-pack-page h1,
.info-pack-item-page h1,
.node-type-respite-item h1,
.node-time-out h1,
.post-type-archive-time_out h1 {
  position: relative;
  font-size:30px;
  line-height: 38px;
  color: #00b4c1;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 700;
  margin: 0 0 25px -5px;
  padding-left: 45px;
  background: url(images/bg-bubbles-blog-heading.png) no-repeat left top; 
  text-align: left;
}

.home-content h1,
.learn-content h1 {
  padding-right: 45px;
  background: url(images/bg-bubbles-heading.png) no-repeat right top;
  display: block;
  max-width: 360px;
  margin: 0 auto 15px;
  font-size:30px;
  line-height: 30px; 
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 400;
}
.info-filter h1 { 
  display: block;
  max-width: 570px;
  margin: 0 auto 15px;
  line-height: 38px;
  padding-left: 45px;
  background: url(images/bg-bubbles-blog-heading.png) no-repeat left top; 
  font-size:30px;
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 400;
}
.support-content h1 { 
  display: block;
  max-width: 325px;
  margin: 0 auto 15px;
  line-height: 38px;
  padding-left: 45px;
  background: url(images/bg-bubbles-blog-heading.png) no-repeat left top; 
  font-size:30px;
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 400;
}
.search-content h1 {  
  display: block;
  max-width: 205px;
  margin: 0 auto 15px;
  line-height: 38px;
  padding-left: 45px;
  background: url(images/bg-bubbles-blog-heading.png) no-repeat left top; 
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 400;
}
.info-banner h1{
  margin-top: 10px;
  font-size:30px;
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 400;
}




h2 {  
  font-size:30px;
  line-height: 30px; 
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #00b4c1;
}






  .blog h2,
  .archive h2,
/*   .page-respite-wellbeing h2, */
  .search h2,
  .take-a-break h2 {
    font-size: 20px;
    line-height: 28px;
    color: #00b4c1;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
    text-align: left;
  }
  .blog h2 a,
  .archive h2 a,
 /*  .page-respite-wellbeing h2 a, */
  .search h2 a,
  .take-a-break h2 a {
    font-size: 20px;

  }

.article-content h2,
.time-out-content h2 {
  text-align: left;
  margin-left: 13px;
  font-size:30px;
  font-weight: 400;
  line-height: 30px; 
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  color: #00b4c1;
}







h3 {  
  font-size:20px;
  line-height: 1.35;
  color: #00b4c1;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 700;
  margin: 0 0 10px; 
}
h3 a {  
  text-decoration: none;
}
.blog h3,
.archive h3 {  
  margin-bottom: 15px;
}
.blog .feature-post h3,
.archive .feature-post h3 {  
  margin-bottom: 5px;
}


h4 {  
  font-size: 16px; 
  line-height: 24px; 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 700;
} 
.key-messages .row h4 {
  margin-bottom: 5px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 700;
}

h5 { 
  color: #00b4c1;
  font-weight: 700; 
} 
h6 { 
  font-size:1em;
  font-style: italic;
}

.leader h1 {
  padding: 10px 0;
}
.callout h2 {  
  font-style: italic; 
}




/* ***********************************
.breadcrumbs p {
  font-size: 0.8em;
  color: #cccccc;
  font-style: italic;
  padding: 20px 0;
  margin-bottom: 0;
}
.breadcrumbs a {
  color: #d8d8d8 !important;
}
.breadcrumbs a:hover {
  color: #DF2646 !important;
  text-decoration: underline !important;
}
 ***************************************/




p.small { font-size: 0.7em; margin: 0px 0px 10px 0px; }
p.smaller { font-size: 0.6em; margin: 0px 0px 10px 0px; }

p.up { text-transform: uppercase; }


p.clear,
div.clear { clear: both;  margin: 0; padding: 0; height:0px;  }
p.clearspace10 { clear: both;  margin: 0; padding: 0; height:25px; }
p.clearspace25 { clear: both;  margin: 0; padding: 0; height:25px; }
p.clearspace50 { clear: both;  margin: 0; padding: 0; height:50px; }  

p.author {
  margin-bottom: 15px;
}
  .blog .content  p:first-child,
.archive .content  p:first-child,
.articles .content  p:first-child,
.view-search-page .content p:first-child,
  .view-take-a-break .node .content p:first-child,
  .excerpt p:first-child {
    font-size: 16px; 
    line-height: 24px; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    font-weight: 700;
  }



input, textarea { font-size:1em;  color: #333; letter-spacing: normal;  }

ul, ol{
  margin: .4em 0 1em;
}
ul li, 
ol li{
  list-style-position:outside;
  margin: 0 0 10px 2em;
  font-size:1em;  
  line-height:1.4em; 
  padding: 0; 
  letter-spacing: normal;
}
ul li {
  list-style: disc;
}
ol li {
  list-style-type: lower-alpha;
}


.view-content ul{
}
.view-content ul li{

  list-style: none;
}



a, a:visited,
a:active  {
  color: #00b8c6;
  text-decoration: underline;
}
a:hover{
  color:#000;
}
a img {
  border: none;
}
a.more {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-style: italic;
}
a.readmore {
  font-size: 0.9em;   
}
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); 
}


h2 a,
h2 a:visited {
text-decoration: none;
}
h6 a,
h6 a:visited  {
color: #333;
text-decoration: none;
}
h6 a:hover  {
color:#35BCAC;
}

  .blog .content a,
  .page-respite-wellbeing .content a,
  .view-search-page .content a,
  .view-take-a-break a {
    font-size: 14px;
    font-weight: 700;
  }

  .view-blog .content  a,
  .view-blog-category-stories a,
.view-articles .content  a,
 .view-search-page .content a,
  .view-take-a-break a  { 
 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
  }









.postmeta a {
  color: #000;
  text-decoration: none;
}
.postmeta a:hover {
  color: #000;
}

.lightgreen {
  color:#35BCAC;
}

.darkgreen {
  color:#001C1B;
}
.red {
  color:#DF2646;
}
.orange {
  color:#EB5E00;
}



blockquote {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
blockquote p {
  font-style: italic;
}
blockquote .quote-attribution {
  font-size: 0.85em;
  color: #35BCAC;
}



table { 
  border-collapse: collapse;
  width: 100%
}
td, th {
  border: none;
  text-align: left;
  vertical-align: middle;
  padding: 0 10px 0 0;
}

table.alt-table td {
  text-align: right;
}
table.alt-table td:first-child {
  text-align: left;
}

b, strong { 
  font-weight: 700;
}
i, em {
  font-style:italic;
     
}
small {
  font-size: 0.75em;
}
hr {
  display: block;
  border: 0;
  width: 100%;
  height: 3px;
  background-color: #DF2646;
  color: #DF2646;
  margin: 0 0 25px 0;
}

.center {
  margin: 0 auto;
}
.hidden {
  display: none;
}
.tall {
  min-height:100%;
}
.hide {
  display: none;
}

.centxt {
  text-align: center;
}
.lefttxt {
  text-align: left;
}
.righttxt {
  text-align: right;
}
.clearleft {
  clear: left;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 19;
}
#overlay.is-active {
  display: block;
}
/***************LAYOUT*****************/

body {
  margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
  width: 100%; height: 100%; 
  background: #fefffc url(images/bg.jpg) repeat center -150px;
  overflow-x: hidden;
}

/* 
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;   */

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}



/***** GENERIC STYLE ****/
#header,
.section,
#footer {
  position: relative;
  width: 100%;
  display: block;
}
#footer {
}
.section {

}
.container {
  position: relative;
  width: 100%;
  max-width: 990px;
  margin: 0 auto !important;
}
.container.narrow {
  max-width: 750px;
}




.container-row {
  margin-left: -1% !important;
  margin-right: -1% !important;
  width: 102%;
}
.txt {
  overflow: hidden;
    _overflow:visible;
    _zoom:1;
  padding-top: 40px;
  padding-bottom: 25px;
  padding-left: 6%;
  padding-right: 6%;
}




#header {
  z-index: 20;
  height: 195px;
  border-top: solid 6px #00b8c6;
  background: url(images/hr-line-full.png) no-repeat center bottom;
  padding-bottom: 6px;
  }
.home #header {
  background: none;
  padding-bottom: 0;
}



  #header .topnavigation {
      height: 67px;
      width: 315px;
      background: url(images/top-nav-shadow.png) no-repeat center bottom;
      float:right;
  }


  #header .topcontact {
    height: 67px;
    width: 290px;
    background: url(images/top-nav-shadow.png) no-repeat center bottom;
    float:left;
    margin-right: 10px;
    text-align: center;
  }
  #header .topcontact span {
    display: inline-block;
    height: 47px;
    width: 135px;
    line-height: 47px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
  }
  #header span.number {
    width: 130px;
    font-weight: bold;
    font-size: 20px;
    color: #00b8c6;
  }



  #header a.logo {
    display: block;
    width: 200px;
    height: 109px;
    text-indent: -9999px;
    background: url(images/logo-CareersNZ.png) no-repeat center bottom;
    margin: 0 auto 10px;
    padding-top: 9px;
  }



.topsearch {
  position: absolute;
  top: 74px;
  right: 10px;
}

.topsearch input[type="text"] {
  width: 265px;
  height: 33px;
  padding: 0 10px;
  font-size: 16px;
  font-style: italic;
  background: #fafaed;
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  border: solid 1px #eee;
  font-family: 'alegreya_thin_italic', Helvetica, Arial, sans-serif;
}
.topsearch label,
.topsearch #searchsubmit {
  display: none;
}




  .search-results h4 {
    margin-bottom: 0;
    font-weight: 400;
  }


  #header .navigation {
      height: 56px;
      padding-top: 13px;
      background: url(images/hr-line-full.png) no-repeat center top;
  }
  #header .navigation .container {

  }

.section > .container {
  margin: 0 auto;
  padding: 15px 0;
}




/*===============FOOTER=================*/



#footer {
  background: url(images/bg-footer.png) repeat-x 0 0;
  height: 106px;
  margin-top: 40px;
}
  #footer .copy {
    font-size: 14px;
    line-height: 50px;
    color: #000;
  }
  #footer .copy a {
    color: #000;
  }



/*===============OTHER=================*/





/***** HOME STYLE ****/

.home-banner {
  height: auto;
  margin-bottom: 25px;
  border-top: solid 2px #e8e9e6;
  border-bottom: solid 1px #d4dcd4;
  background: #faf2ef url(images/bg-home-banner.jpg) no-repeat center center;
  background-size: cover;

}

.home-banner .container {
    max-width: 1366px;
padding: 0;
/*   height: 423px;
background: url(images/banner-home.jpg) no-repeat center top;
overflow: visible !important; */
}
.home-banner .container.promoslide {
  background: url(images/cww-banner-w-btn.jpg) no-repeat center top;
}



.home-banner-content {
  width: 940px;
  margin: 0 auto;
}
.home-banner-content .col {
  padding: 235px 0 0 20px;
  text-align: center;
}
.home-banner-content .col.first {
  padding-left: 7px;
}
.home-banner-content .col.last {
  padding-left: 10px;
}
.home-banner-content .col h4 {
  font-family: 'croissant_oneregular', sans-serif !important;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal !important;
    color: #fff;
    margin: 0 0 5px;
}
.home-banner-content .col p {

}
.home-banner-content .col p a {
  font-style: italic;
  color: #000;
  text-decoration: underline;
}
.home-banner-content .col p a:hover {
  color: #fff;
}














.home-content {
  text-align: center;
  padding-bottom: 15px;
  background: url(images/hr-line-full.png) no-repeat center bottom;
}
}
.home-content h4 {
  padding-top: 25px;
  background: url(images/hr-line-full.png) no-repeat center top;
}
.home-content i a, .home-content em a {
  font-weight: normal;
}

.home-carers .container {
  width: 980px;
}
  .view-home-carer-types {
    overflow: hidden;
    _overflow:visible;
    _zoom:1;
    width: 100%;
  }

  .view-home-carer-types  ul,
  .view-home-carer-types  ul li {
    margin: 0;
    padding: 0 !important;
    list-style: none;
   /*  position: relative; */
  }
  .view-home-carer-types  ul li {
    margin: 0;
    padding: 0;
    display: block;
    list-style-image: none;
    width: 25%;
    float: left;
  }
  .view-home-carer-types  ul li .node {
    padding: 0 10px;
  }
  .view-home-carer-types  ul li h4,
  .view-home-carer-types  ul li p  {
    margin-bottom: 5px;
  }
  .view-home-carer-types  ul li .content a {
    font-size: 14px;
    font-weight: 700;
  }



.key-messages .container {
  width: 960px;
  position: relative;
}
.key-messages h3 {
  margin-bottom: 3px;
}
.key-messages a.more {
  position: absolute;
 /*  top: 20px; */
  right: 0;
  z-index: 2;
}
.key-messages .row {
  overflow: hidden;
  _overflow:visible;
  _zoom:1;
  position: relative;
  width: 1024px;
  margin: 0 0 0 -40px;
  background: url(images/bg-bubbles-big.png) no-repeat 0 0;
}
  .key-messages .row ul {
    width: 960px;
    height: 365px;
    margin:0 auto;
    padding: 28px 0 15px !important;
    list-style: none;
    position: relative;
    background: url(images/bg-bubbles-small.png) no-repeat right bottom;
  }
  .key-messages .row ul li {
    margin: 0;
    display: block;
    list-style: none;
    list-style-image: none;
    float: left;
    height: 316px;
    margin: 0;
    padding: 0 18px 0;
    background: url(images/bg-promo-panel-std.jpg) no-repeat center top;
  }
  .key-messages .row ul li div {
    max-width: 262px;
    margin:0 auto;
  }

  .key-messages .row h3 {
    font-size:18px;
    line-height: 30px; 
/*     font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
font-weight: 300; */
    text-align: left;
    color: #00b4c1;
    padding-top: 27px;
    padding-bottom: 20px;
    margin-bottom:0;
  }

  .key-messages .row h5 {
    
  }
  .key-messages .row p {
    font-size: 14px;
    line-height: 21px;
  }
  .key-messages .row p a {
    font-size: 14px;
    font-style: italic;
  }
  .key-messages .row p strong a {
    font-size: 14px;
    font-style: normal;
  }

  .key-messages .row h4 a {
    color: #000;
  }
  .key-messages .row .free-carer-infopacks h3 { 
    background: url(images/icon-infopack.png) no-repeat right 13px; }
  .key-messages .row .questions-concerns h3,
  .key-messages .row .online-updates h3 { 
    background: url(images/icon-mouse.png) no-repeat right 13px;  }
  .key-messages .row .resources-for-carers h3,
 .key-messages .row .family-care-magazine h3 { 
    background: url(images/icon-book.png) no-repeat right 18px; }
 .key-messages .row .carers-meetups h3 { 
    background: url(images/icon-meetups.png) no-repeat right 18px; }

  .key-messages .row img {
    position: relative;
    float: left !important;
    margin: 7px 10px 0 -108px!important;
    width: 98px !important;
    height: auto;
  }
  .key-messages .row .resources-for-carers p,
  .key-messages .row .family-care-magazine p,
  .key-messages .row .carer-meetups p,
   .key-messages .row .caring-for-older-people p,
  .key-messages .row .are-you-a-young-carer p,
  .key-messages .row .older-carers p {
    padding: 0 0 0 108px;

  }



.key-messages.connected h2 {
    display: block;
    width: 230px;
    padding: 0 40px 5px 0;
    margin: 0 auto;
    background: url(images/icon-loudhailer.png) no-repeat right 0px;
}


.section.community {
  background: #00b8c5;
  padding: 15px 0;
}
.section.community > div {
  border: solid #76d8db;
  border-width: 1px 0;
  padding: 50px 0 45px;
  font-size: 1.3em;
}
.section.community img {
  float: left;
  margin-right: 25px;
}
.section.community h3,
.section.community a {
  color: #fff;
}
.section.community .cnz a {
}
.section.community a.fb {
  margin-left: 55px;
}

.section.other-services .row {
  padding: 50px 0 45px;
}
.section.other-services .row .col {
  padding-left: 7.5%;
}
.section.other-services .row .col:first-child {
  padding-left: 1%;
}


.newsfeed-intro {
  background: url(images/hr-line-2-3.png) no-repeat center top; 
}
  .newsfeed-intro > div {
    background: url(images/hr-line-2-3.png) no-repeat center bottom;  
    padding: 15px 0 30px 0;
  }
  .newsfeed-intro h2 {
    display: block;
    width: 100%;
    height: 124px;
    background: url(images/header-from-the-blog.png) no-repeat center top;  
    text-indent: -9999px;
    margin:0;
  }
.newsfeed-intro p {
  font-size: 14px; 
  line-height: 20px; 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 300;
  font-style: italic;
  color: #00b4c1;
  text-align: center;
}





.view-homepage-news-feed {
    overflow: hidden;
    _overflow:visible;
    _zoom:1;
    width: 100%;
  }

  .view-homepage-news-feed  ul,
  .view-homepage-news-feed  ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .view-homepage-news-feed  ul li {
    margin: 0;
    padding: 20px 0;
    display: block;
    list-style-image: none;
    width: 50%;
    float: left;
  }
  .view-homepage-news-feed  ul li .node {
    padding: 0 10px;
  }
  .view-homepage-news-feed  ul li h4,
  .view-homepage-news-feed  ul li p  {
    margin-bottom: 5px;
  }
  .view-homepage-news-feed  ul li .content a {
    font-size: 14px;
    font-weight: 700;
  }
  .view-homepage-news-feed  ul li.views-row-odd {
    clear: both;
  }
  .view-homepage-news-feed  ul li.views-row-odd .node {
    padding: 0 20px 0 0;
  }
  .view-homepage-news-feed  ul li.views-row-even .node {
    padding: 0 0 0 20px;
  }


  .view-homepage-news-feed  ul li h2 {
    font-size: 20px;
    line-height: 28px;
    color: #00b4c1;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
    text-align: left;
  }
  .view-homepage-news-feed  ul li .content  p:first-child {
    font-size: 16px; 
    line-height: 24px; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    font-weight: 700;
  }
  .view-homepage-news-feed  ul li .content  a {
 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
  }


  .key-messages .row ul li,
  .view-homepage-news-feed  ul li {
    text-indent: 0;
  }
  .key-messages .row ul li:before,
  .view-homepage-news-feed  ul li:before {
    content:  none;
  }




.home-promo-tall  {
    display: block;
    list-style: none;
    list-style-image: none;
    width: 256px;
    height: 562px;
    margin: 30px 0 20px 27px;
    padding: 0 18px 0;
    background: url(images/bg-promo-panel-tall.jpg) no-repeat 0 0;
  }

  .home-promo-tall h3 { 
    font-size:30px;
    line-height: 30px; 
    font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-align: center;
    color: #00b4c1;
    padding: 23px 40px 30px 0;
    margin-bottom:0;
    background: url(images/icon-loudhailer.png) no-repeat 210px 23px; 
  }

  .home-promo-tall h4{  
    font-weight: 900;
    margin-bottom:5px;
  }
  .home-promo-tall h4 a { 
    color: #000;
  }
  .home-promo-tall h4 a:hover { 
    color: #00b4c1;
  }
  .home-promo-tall p {  
    font-size: 14px;  
    line-height: 20px;
    margin-bottom: 10px;
  }
  .home-promo-tall .homePromoCover {
    width: 108px;
    padding-top: 5px;
  }
  .home-promo-tall .blogPromoText{
    width: 148px;
  }
  .home-promo-tall img {
    float: left !important;
    margin: 10px 10px 0 0 !important;
    width: 98px !important;
    height: auto;
  }

.twitter-pane {
    background: url(images/bg-promo-panel-home-twitter.jpg) no-repeat 0 0;
  margin: 0 0 0 27px;
  /* border: solid 1px #e7e6e2;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; */
  box-sizing: border-box;
  padding: 6px 0 4px 18px;
}
.twitter-pane iframe {
  /* margin: 6px 0 4px 18px; */
}


.info-links-tall  {
    display: block;
    list-style: none;
    list-style-image: none;
    float: right;
    width:100%;
    max-width: 292px;
    height: auto;
    margin: 30px 0 0 0;
    padding: 0 18px 18px;
    background: url(images/bg-promo-panel-really-tall.jpg) no-repeat 0 0;
    background-size: 100%  100%;
  }

  .info-links-tall h3 { 
    font-size:24px;
    line-height: 20px; 
    font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-align: left;
    color: #00b4c1;
    padding: 23px 40px 15px 0;
    margin-bottom:0;
    background: url(images/icon-mouse.png) no-repeat 210px 13px;  
  }

  .info-links-tall p {  
    font-size: 14px;  
    line-height: 20px;
  }
  .info-links-tall>div p {  
    position: relative;
    margin: -8px 0 20px;
  }

.section.learn-content .content {
  max-width: 660px;
  margin: 0 auto;
  padding: 0 0 5px;
}
.section.learn-content .content p {
  max-width: 560px;
  margin: 0 auto;
  padding: 0 0 35px;
  font-size: 16px;
}
.section.types-of-carers .col {
    padding: 30px 0;
}
.section.types-of-carers .col img {
    padding: 5px;
    border: solid 1px #00b8c6;
}
.section.types-of-carers .col * {
    max-width: 235px;
    margin: 0 auto;
}




/************* BLOG & ARTICLES ***************/

.blog-banner .container {
    display: block;
    height: 316px;
    background: url(images/banner-blog.jpg) no-repeat 0 0; 
    /* height: 401px;
        background: url(images/cww-banner-wo-btn.jpg) no-repeat center top; */
    padding: 0; 
}
.page-taxonomy-term-915 .blog-banner .container {
    background: url(images/cww-banner-wo-btn.jpg) no-repeat center top;
}

.blog-nav .container {
    display: block;
    width: 100%;
    max-width: 980px;
    height: 117px;
    background: url(images/bg-blog-nav.png) no-repeat 0 -10px;
    padding: 0; 
}



.article-content .view-all,
.blog-content .view-all {
  font-size: 14px;
  line-height: 24px;
  margin-left: 15px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;


}


div.sign-up {
  position: absolute;
  top: 30px;
  right: 50px;
  width: 150px;
  text-align: left;
  font-family: 'Cabin', sans-serif !important;
  font-style: italic;
  margin: 0 13px 0 0;
  font-size: 14px;
  line-height: 18px;

}
.article-content div.sign-up {
  /* top:-10px; */
}

.node-blog-post .field-name-body a {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
  }




.top-line {
  clear: both;
  padding-top: 13px;
  background: url(images/hr-line-full.png) no-repeat center top;
}
.feature-post {
  position: relative;
}
.feature-article {
  padding-bottom: 30px !important;
}
.listed-post {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.listed-post .row:first-child .col {
  padding-bottom: 15px;
}
.feature-post .row:first-child .col {
  padding-bottom: 50px;
}
.feature-post .row:first-child .col:first-child {
  padding-bottom: 0px;
}
.listed-post .data {
  clear: both;
}
.postmeta span {
  display: inline-block;
  border: solid 1px #00b8c6;
  line-height: 30px;
}
.postmeta span.cat {
  float: left;
  min-width: 125px;
  border: none;
  background: #00b8c6;
  padding: 0 8px;
  font-weight: 700;
  color: #000;
}
.postmeta span.tag {
  float: left;
  min-width: 125px;
  border: none;
  padding: 0 8px 0 8px;
  font-size: 0.85em;
}
.postdate {
  font-style: italic;
  color: #00b8c6;
  line-height: 32px;
  font-size: 0.85em;
}
.feature-post .data {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
}
.single-post .data {
  padding-bottom: 30px;
}

.single-post .postmeta,
.single-post p.postmeta {
  text-align: right;
}
.single-post .postmeta span.tag {
  float: none;
  padding: 0;
  line-height: 1.5;
}
.single-post .featureimg {
  margin-top: 6px;
}


  .blog-twitter-pane {
    position: relative;
    margin: 20px 0;
    padding: 0;
    display: block;
    width: 33.3333%;
    float: left;
    overflow: hidden;
  }
  .blog-twitter-pane .node {
    height: 480px;
  }
  .blog-twitter-pane iframe {
    margin: 2px 0 2px 10px;
  }






.article-content .container,
.blog-content .container {
  position: relative;
}
.article-content .container {
  /* padding-top: 30px; */
}



.collection-content  .node {
  border: solid 1px #e7e6e2;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 13px;
  position: relative;
}



.collection-content  h2 {
  padding: 20px 10px 0;
}
.collection-content .field-name-body {
  padding: 0 10px;
}
.collection-content .links a {
  display: inline-block;
  padding: 0 10px 90px;
}

.term-listing-heading {
  display: none;
}



/**** node full render page ****/

.node-type-blog-post .node-blog-post .content,
.node-type-article .node-article .content {
  position: relative;
  padding-top: 15px;
}
.node-type-blog-post .node-blog-post .field-name-body {

}
.node-type-blog-post .node-blog-post .field-name-body .field-items {
  padding-right: 10px;
}
.node-type-blog-post .node-blog-post .field-name-field-blog-image {


}
.node-type-blog-post .node-blog-post .field-name-field-blog-image .field-items {
  padding-left: 10px;
}
.node-type-blog-post .node-blog-post .field-name-field-blog-category,
.node-type-article .node-article .field-name-field-article-topic {
  position: absolute;
  right: 0;
  top: -78px;
}
.node-type-article .node-article .parent-category  {
  position: absolute;
    right: 0;
    top: -48px;
}
.node-type-article .node-article .parent-category div {
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    font-family: 'croissant_oneregular', sans-serif !important;
    font-size: 14px;
    font-weight: normal !important;
    color: #0c2f3e;
    text-decoration: none;
    background: #de5672;
    float: right;
  }



.node-type-blog-post .node-blog-post .field-name-field-blog-tags {
  position: absolute;
  right: 0;
  top: -85px;
  text-align: right;
}
.node-blog-post h1,
.node-type-article h1 {
  width: 580px;
 }



/**** teaser render pages ****/


.node-teaser iframe,
.node-teaser .audioHolder {
  display: none;
}
.node-teaser strong {
  font-weight: normal;
}

.collection-content .field-name-field-blog-category {
  border-top: solid 1px #e7e6e2;
  padding: 10px 10px 0;
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 280px;
}

.collection-content .parent-category {
  border-top: solid 1px #e7e6e2;
  padding: 10px 10px 0;
  position: absolute;
  left: 0;
  bottom: 28px;
  width: 280px;
}



  .field-name-field-blog-category a,
  .collection-content .parent-category div {
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    font-family: 'croissant_oneregular', sans-serif !important;
    font-size: 14px;
    font-weight: normal !important;
    color: #0c2f3e;
    text-decoration: none;
    background: #de5672;
  }
  .field-name-field-blog-category a:hover {
    text-decoration: underline;
  }



  .collection-content .parent-category.topic-918 div {
      background: #de5672;
  }
  .collection-content .parent-category.topic-919 div {
      background: #f7bf0d;
  }
  .collection-content .parent-category.topic-920 div {
      background: #92b508;
  }
  .collection-content .parent-category.topic-923 div {
      background: #0abdc2;
  }


  .field-name-field-blog-category a.stories {
      background: #de5672;
  }
  .field-name-field-blog-category a.media {
      background: #f7bf0d;
  }
  .field-name-field-blog-category a.events {
      background: #92b508;
  }
  .field-name-field-blog-category a.news {
      background: #0abdc2;
  }



























.collection-content .field-name-field-blog-tags,
.collection-content .field-name-field-article-topic {
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  clear: both;
}
  .field-name-field-blog-tags .field-item,
  .field-name-field-article-topic .field-item {
    float: left;
    width: auto;
  }
  .field-name-field-blog-tags a,
  .field-name-field-article-topic a {
    padding: 0 0 0 7px;
    line-height: 30px;
    font-family: 'Cabin', sans-serif !important;
    font-style: italic;
    font-size: 14px;
    font-weight: normal !important;
    color: #1c5871;
    text-decoration: underline;
  }
  .field-name-field-blog-tags a:hover,
  .field-name-field-article-topic a:hover {
    color: #00b4c1;
  }
  .node-teaser .field-name-field-blog-tags .field-item,
  .node-teaser .field-name-field-article-topic .field-item, {
    float: left;
    width: auto;
  }
  .node-teaser .field-name-field-blog-tags a,
  .node-teaser .field-name-field-article-topic a {
    padding: 0 7px 0 0;
  }






/**** home teaser render pages ****/

.home-blog .views-row .field-name-field-blog-category {
  border-top: none;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  bottom: auto;
  width: auto;
  margin-top: 10px;
}
.home-blog .views-row .field-name-field-blog-tags {
  display: none;
}

/**** std pages ****/

.std-page .col-3-4 {
  padding-bottom: 50px;
}
  .std-page .col-3-4 p:first-child {
    font-size: 16px; 
    line-height: 24px; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    font-weight: 700;
  }
  .std-page .col-3-4 a {
    font-size: 14px;
    font-weight: 700;
  }


/**** info pages ****/


.info-banner .container {
  width: 100%;
  max-width: 100%;
  height: 284px;
  background: url(images/banner-info.png) no-repeat center top;
  padding-bottom: 0;
}
.info-banner .container h2 {
  padding-top: 10px;
}
.info-nav .container {
    display: block;
     height: 117px;
    background: url(images/bg-blog-nav.png) no-repeat 0 -10px;
    padding: 0; 
}

.info-pack-page {
   padding-top: 30px; 
}
.page-template-info-pack-template .key-messages .container {
    width: 100%;
    max-width: 990px;
}
.page-template-info-pack-template .key-messages .row {
    width: 100%;
    margin: 0;
    background: none;
}
.page-template-info-pack-template .key-messages .row ul {
    width: 100%;
    height: auto;
    padding: 28px 0 15px !important;
    background: none;
}




.info-pack-page h4 {
    font-size: 18px; 
    line-height: 24px; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    font-weight: 700;
    margin: 0 20px 20px 0;
    width: 225px;
    float: left;
  }

.info-pack-page .grid-2-3 p,
.info-pack-page .grid-2-3 ul {
    float: left;
    width: 390px;
  }


.info-pack-page .grid-2-3 p,
.info-pack-page .grid-2-3 ul li {
    font-size: 14px; 
    line-height: 24px; 
    margin-bottom: 0;
  }
  .info-pack-page .grid-2-3 ul li {
    font-size: 14px; 
    line-height: 24px; 
  }
.info-pack-page .grid-2-3 ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  .info-pack-page .featured-img {  
    display: block;
    width: 282px;
    height: 222px;
    background: url(images/info-pack-2014.png) no-repeat 0 0;
  }


  .info-pack-page .grid-2-3 {
    background: url(images/hr-line-2-3.png) no-repeat center bottom;  
    padding: 0 0 30px 0;
  }
  .info-pack-page .grid-1-3 {
    padding: 0 0 0 27px;
  }




.info-pack-items-intro h2 {
  width: 190px;
  text-align: left;
  font-size: 24px;
  line-height: 30px;
  padding: 27px 0 10px;
  background: url(images/icon-infopack.png) no-repeat right 13px;
}
.info-pack-items-intro p {
    font-size: 14px; 
    line-height: 24px; 
}



.info-pack-items {
    overflow: hidden;
    _overflow:visible;
    _zoom:1;
    width: 100%;
    padding-bottom: 20px;
  }

  .info-pack-items .views-row {
    position: relative;
    margin: 0;
    padding: 20px 0;
    display: block;
    width: 50%;
    float: left;
  }

  .info-pack-items .views-row h2 {
    font-size: 20px;
    line-height: 20px;
    color: #00b4c1;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
    text-align: left;
  }

  .info-pack-items .views-row .content  a { 
 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
  }


.section.info-pack-items .grid-2-3 {
   width: 666px; 
   margin: 0 -13px;
}
.info-pack-items-intro {
   margin: 0 13px;

}
.info-pack-items .info-pack-item>div {
  border: solid 1px #e7e6e2;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 290px;
  margin: 0 1%;
  position: relative;
}



.info-pack-items h3 {
  padding: 20px 10px 0;
}
.info-pack-items .content {
  padding: 0 10px 80px;
}
.info-pack-items .views-row .links a {
  display: inline-block;
  padding: 0 10px 0;
}

.info-pack-item-page p,
.info-pack-item-page ul li {
    font-size: 14px; 
    line-height: 24px; 
    margin: 0;
  }
  .info-pack-item-page ul li {
    font-size: 14px; 
    line-height: 24px; 
  }
.info-pack-item-page ul {
    margin: 0 !important;
  }
.info-pack-item-page h3 {  
    font-size:16px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .info-pack-item .content h3:first-child { 
      font-size: 16px;
    line-height: 24px; 
    color: #bfbfbf;
    margin-bottom: 25px;
    padding: 0;
  }

.info-pack-item {
  position:relative;
  padding: 20px 0;
}

.info-pack-item a {
  position:absolute;
  bottom: 20px;
}





.filters {
  display: block;
  width: 836px;
  height: 98px;
  margin: 0 auto;
  padding: 20px 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  background: url(images/bg-support-serach-box.png) no-repeat 0 0;
}
.filters label {
  font-size:10px;
  line-height: 20px;
  font-weight: normal;
  color:#00b8c6;
}
.filters select {
  width: 205px;
}
.filters .views-exposed-widget {
  padding-top: 0 !important;
}
.filters input[type="submit"] {
  display: inline-block;
  width: auto;
  height: 34px;
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 34px;
  font-weight: 300;
  padding: 0 20px;
  background: #00b8c6;
  border: #00b8c6;
  color: #0f3444;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.support-content .view-content {
  width: 100%;
  max-width: 836px;
  margin: 0 auto;
  margin-top:50px;
}
.support-content .view-content ul,
.support-content .view-content li {
  margin: 0;
  padding: 0;
}
.support-content .view-content h4 {
    display: block;
    cursor: pointer;
    font-size:16px;
    line-height: 24px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    font-weight: 700;
  }
.support-content .view-content p {
    font-size:14px;
    line-height: 24px;
  }

.support-content .item-list > ul > li {
  border-top: solid 1px #00b8c6;
  padding: 8px 0 5px 0;
  background:  url(images/btn-view.png) no-repeat right 5px;
}
.support-content .item-list > ul > li.active {
  background:  url(images/btn-close.png) no-repeat right 5px;
}
.support-content .item-list > ul {
  border-bottom: solid 1px #00b8c6;
}
.support-content .item-list > ul > li .field {
  
}
.support-content .result-title p {
  margin: 0;
  font-size:10px;
  line-height: 20px;
  font-weight: normal;
  color:#bfbfbf;
}
.support-content .result-title h3 {
  font-size:24px;
  line-height: 24px;
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  margin: 0 0 25px;
  font-weight: 300;
}



/******************RESPITE******************************/



.respite-banner .container {
  width: 100%;
  max-width: 100%;

  height: 287px;
  background: url(images/banner-respite.png) no-repeat center top;
  padding-bottom: 0;
  border-bottom: solid 1px #ddd;
}
.respite-banner .container h2 {
  padding: 23px 0 0 15px;
}

.respite-banner-content {
  position: relative;
  width: 860px;
  margin: 0 auto;
  
}
.respite-banner-content p {
  float: left;
  width: 555px;
  padding: 43px 0 0 155px;
  font-size: 16px;
  line-height: 20px;
}


.respite-banner-content  a.btn {
  margin: 45px 0 0 60px;

  height: 40px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 10px 20px;
  display: inline-block;
  width: auto;
  background: #00b8c6;
  color: #0f3444;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none; 
  text-align: center;

}
.respite-banner-content a.btn:hover {
  color: #00b8c6;
  background: #0f3444;
}




.respite-banner-content a.more {
  position: absolute;
  top: 135px;
  right: -30px;
  font-style: normal;
  font-size: 14px;
}

.time-out-filter {
  display: none;
}



.time-out-filter a.more {
  text-align: right;
}
.respite-tile {
  text-align: center;
  margin: 0 0 20px !important;
}
.respite-content {
  padding:10px 0 30px;
  background: url(images/respite-arrow.png) no-repeat 820px 20px;
  text-align:center;
}
.respite-content h4 {
  text-align:center;
}
.respite-content h1 {
display: block;
max-width: 600px;
margin: 0 auto 10px;
line-height: 38px;
padding: 0 45px;
background: url(images/bg-bubbles-blog-heading.png) no-repeat left top;
text-align: center;
}
.respite-content a.trigger {
}

.respite-content .intro-text {
  display: none;
  text-align:left;
  padding-top: 15px;
}


.view-respite-wellbeing li a#tob {
  display: block;
  height: 219px;
  height: 218px;
  text-indent: -9999px;

  background: url(images/Carers-NZ-Time-Out_button.png) no-repeat left top;

}












.single-respite_item .quote {
  width: 100%;
  background: url(images/bg-quote-btm.png) no-repeat 0 bottom;
  background-size: 100% auto;
}
.single-respite_item .quote>div {

  background: url(images/bg-quote-top.png) no-repeat 0 0;
  background-size: 100% auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    padding: 15px 0 35px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-style: italic;
}
.single-respite_item .quote>div>div {
  background: #bbebec url(images/bg-quote-middle.png) no-repeat 0 0;
  background-size: 100% auto;
  padding: 10px 60px 20px;
}

.single-respite_item .content {
  margin-top: 25px;
  width: 100%;
  /* min-height: 400px; */
}

.single-respite_item .content h4 {
  font-weight: 500;
  font-size: 18px;
}


.respite-useful-links {
  clear: both;
  float: right;
  width: 100%;
  max-width: 235px;
  background: url(images/bg-thin-panel-top.jpg) no-repeat 0 0;
  padding: 20px 0 0;

}
.respite-useful-links .item {

  padding: 0 15px 15px 15px;
  background: url(images/bg-thin-panel-btm.jpg) no-repeat 0 bottom;
  
}
.respite-useful-links h3 {
  font-size: 24px;
  line-height: 30px;
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-align: left;
  color: #00b4c1;
  margin-bottom: 0;
}
.respite-useful-links p {
  font-size: 14px;
  line-height: 24px;
}

.single-respite_item .single-content ul {
  border-bottom: solid 2px #e8e8e0;
}
.single-respite_item .single-content ul li {
  display: block;
  border-top: solid 2px #e8e8e0;
  margin: 0;
  height: 40px;
  overflow: hidden;
  background: url(images/expand-arrow.png) no-repeat right 5px;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;  
}
.single-respite_item .single-content ul li:first-child {

}
.single-respite_item .single-content li strong {
  line-height: 40px;
  display: block;
  height: 40px;
  width: 100%;
  cursor: pointer;
}
.single-respite_item .single-content ul li.open {
  height:auto !important;
  padding-bottom: 10px;
}













/* .respite-futher-reading {
  position: absolute;
  top: 0;
  right: 0;
  width: 235px;
  background: url(images/bg-thin-panel-top.jpg) no-repeat 0 0;
  padding: 20px 0 0;

}
.field-name-field-respite-futher-reading .field-item {

  padding: 0 15px 15px 15px;
  background: url(images/bg-thin-panel-btm.jpg) no-repeat 0 bottom;
  
}
.field-name-field-respite-futher-reading h3 {
  font-size: 24px;
  line-height: 30px;
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-align: left;
  color: #00b4c1;
  margin-bottom: 0;
}
.field-name-field-respite-futher-reading p {
  font-size: 14px;
  line-height: 24px;
} */






#respite-guide-panel {
  clear: both;
  float: right;
  width: 235px;
  height: 425px;
  background: url(images/bg-respite-panel.jpg) no-repeat 0 0;
  padding: 20px 25px;
  margin-top: 20px;
}

#respite-guide-panel h3 {
  font-size: 24px;
  line-height: 30px;
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-align: left;
  color: #00b4c1;
  margin-bottom: 0;
}
#respite-guide-panel p {
  font-size: 14px;
  line-height: 24px;
}







.field-name-field-respite-view-all-link {
  float:right;
  margin-top: 70px;
}
.field-name-field-respite-view-all-link a{
  font-size: 14px;
}


.pts-one,
.pts-two,
.pts-three {
  float: left;
  padding-top: 10px;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pts-container {
  position:relative;

  margin: 50px 0 0 -9px;
  width: 990px;
  padding-top: 23px;
  background: url(images/hr-line-full.png) no-repeat center top;
}
.pts-container h2 {
  text-align: left;
  padding-left: 9px;
  font-size: 24px;
}
.pts-one .pts-content,
.pts-two .pts-content,
.pts-three .pts-content {
  border: solid 1px #e7e6e2;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.pts-one .pts-item,
.pts-two .pts-item,
.pts-three .pts-item {
  padding: 20px;
}

.pts-one .pts-item h2,
.pts-two .pts-item h2,
.pts-three .pts-item h2 {
  font-size: 20px;
  line-height: 26px;
  color: #00b4c1;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 10px;
  padding-left: 0;
  text-align: left;
}

.pts-content .equalizer-inner {
  min-height: 20px;
}


.futher-reading-one,
.futher-reading-two,
.futher-reading-three {
  width: 329px;
  float: left;
  padding: 10px 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-container {
  position:relative;

  margin: 50px 0 0 -9px;
  width: 990px;
  padding-top: 23px;
  background: url(images/hr-line-full.png) no-repeat center top;
}
.fr-container h2 {
  text-align: left;
  padding-left: 9px;
  font-size: 24px;
}
.futher-reading-one .content,
.futher-reading-two .content,
.futher-reading-three .content {
  border: solid 1px #e7e6e2;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 13px;
  position: relative;
}
.futher-reading-one .item,
.futher-reading-two .item,
.futher-reading-three .item {
  padding: 20px 10px;
}

.futher-reading-one .item h2,
.futher-reading-two .item h2,
.futher-reading-three .item h2 {
  font-size: 20px;
  line-height: 26px;
  color: #00b4c1;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 10px;
  text-align: left;
}


































































































.search-content .filters {
  display: none;
}



.advertisingText,
.mediaOptions {
  clear: both;
}



.view-content,
.featured-img {
    overflow: hidden;
    _overflow:visible;
    _zoom:1;
    width: 100%;
    padding-bottom: 30px; 
}

.featured-img img,
.field-name-field-blog-image img {
  width: 99%;
  max-width: 100%;
  border: solid 1px #d4dcd4;
}







.home-supporters .container { 
  width: 970px;
  padding-top: 13px;
  background: url(images/hr-line-full.png) no-repeat center top;
}
.home-supporters .container h4 { 
  font-family: 'alegreya_bold_italic', Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  margin: 3px 0 17px;
  color: #00b8c6;

}

.home-supporters li { 
  margin: 0 4px 0 5px !important;
}







ul.links {
    overflow: hidden;
    _overflow:visible;
    _zoom:1;
    width: 100%;  
}

ul.links li {
  margin: 0 !important;
  padding: 0  !important;
  display: none !important;
  float: none;
}
ul.links li.node-readmore {
  display: block !important;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
}



ul.pager {
  text-align: left;
  margin: 50px 0 0 1%;
  padding: 0;
}
ul.pager li {
  display:inline-block;
  margin: 0;
  padding: 0 5px;
  height: 24px;
  width: auto;
  background: #0f3444;
  line-height: 24px;
  font-size: 14px;
  text-align: left;
}

ul.pager li a {
  font-size: 14px;
  line-height: 24px;
  color:#00b8c6;
  text-decoration: none;
  text-align: left;
}
ul.pager li:hover,
ul.pager li:hover a,
ul.pager li.pager-current,
ul.pager li.pager-current a {
  color: #0f3444;
  background: #00b8c6;
  cursor: pointer;
}

ul.pager li.pager-ellipsis {
  background: none;
  color: #0f3444;
}
ul.pager li.pager-first,
ul.pager li.pager-last,
ul.pager li.pager-previous,
ul.pager li.pager-next {
  display: none;
}











#edit-captcha {
  display: none;
}


.info-banner-ctrl {
  position: absolute;
  top:11px;
  right: 20px;
  display: block;
  width: 24px;
  height:29px;
  background: url(images/collapse-banner-arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}
.info-banner-ctrl.closed {
  background-position: 0 bottom;
}
.blog-banner-ctrl {
  position: absolute;
  top:11px;
  right: 20px;
  display: block;
  width: 24px;
  height:29px;
  background: url(images/collapse-banner-arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
}
.blog-banner-ctrl.closed {
  background-position: 0 bottom;
}





::-webkit-input-placeholder {
   color: #000;
  font-size: 14px;
}
:-moz-placeholder { 
   color: #000;  
  font-size: 14px;
}
::-moz-placeholder { 
   color: #000;  
  font-size: 14px;
}
:-ms-input-placeholder {  
   color: #000; 
  font-size: 14px;
}



.advertisingText {
  padding-top: 50px;
  width: 100%;
}
.advertisingText p img {
  max-width: 100%;
}


.audioHolder {
  padding-bottom: 40px;
}
.audioTitle {
  font-size: 20px; 
  line-height: 24px; 
  font-family: 'alegreya_med_italic', Helvetica, Arial, sans-serif;
  color: #00b4c1;
  margin-bottom:15px;
}

#mediaOptions {

}






















/******************** WP STUFF  ***********/







.tag-select-trigger {
  position: absolute;
  /*top: 31px;*/
  bottom: -3px;
  right: 10px;
}
.tag-select-trigger a{
  display: block;
  width:60px;
  height:67px;
  background: url(images/icon-tags.png) no-repeat right top;
}

.section.tag-list {
  position: relative;
  margin-top:-16px;
  z-index: 20;
}

.section.tag-list .container {
  position: relative;
  padding: 0;
  background: #fff;
  font-size: 0.9em;
  line-height: 1.8em;
  border-top: solid 3px #DF2646;
  border-bottom: solid 6px #DF2646;
  background: url(images/bg-grey.png) repeat 0 0;
}

.section.tag-list .container .cloud {
  position: relative;
    padding: 20px;
}
.tag-list a,
.tag-list a:visited {
  text-decoration: none;
  text-transform:capitalize;
  padding: 0 10px 0 10px; 
  line-height: 28px; 
  color: #000;
}
.tag-list a:hover {
  color: #DF2646;
  text-decoration: none;
}

.tag-trigger-highlight {
  position: absolute;
  top: -53px;
  right:0;
  display: block;
  width:50px;
  height:53px;
  background: url(images/icon-tags-highlight.png) no-repeat right top;
}




















body#tnc-modal,
body#contact-modal {
  background: #fff !important;
}
body#tnc-modal .container,
body#contact-modal .container {
  width: 100%;
  max-width: 688px;
  margin: 0 auto;
}
body#contact-modal  {
  font-style: italic;
}
body#contact-modal h1 {
  background: #fff !important;
  text-align: center;
  font-size: 1.5em;
  border-top: dotted 1px #DF2646;
  border-bottom: dotted 1px #DF2646;
  width: 174px;
  margin: 0 auto 40px;
  font-style: normal;
}


body#contact-modal .address p {
  margin-bottom: 3px;
  font-style: normal;
}

body#contact-modal .newsletter-form {
}
body#contact-modal .newsletter-form p {
  line-height: 2em;
  font-style: normal;
  font-weight: bold;
}



.modal-collection {
  display: none;
}
#keep-uptodate,
#online-support,
#online-concern {
  padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1024px;
margin: 30px auto;
}
#keep-uptodate .col.first,
#online-support .col.first,
#online-concern .col.first {
  padding-right: 20px;
}
#keep-uptodate .col.last,
#online-support .col.last,
#online-conern .col.last {
  padding-left: 20px;
}
.modal-title {
  padding-bottom: 13px;
  margin-bottom: 30px;
  background: url(images/hr-line-full.png) no-repeat center bottom;
}

.modal-title h2 {
  padding-right: 45px;
  background: url(images/bg-bubbles-heading.png) no-repeat right top;
  display: block;

  margin: 0 auto 15px;
}

#online-support .grid-1-2,
#online-concern .grid-1-2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



#online-support .modal-title h2,
#online-concern .modal-title h2 {
  width: 180px;
}
#keep-uptodate .modal-title h2 {
  width: 475px;
}
.modal-content p,
.modal-content li {
  font-size: 16px; 
  line-height: 24px; 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 500;
}
.modal-content p strong {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 700;
}
.modal-content p strong span {
  color: #00b4c1;
}
.modal-content p.small {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
}


#online-support .modal-txt,
#online-concern .modal-txt {
  height: 195px;
}
#keep-uptodate .modal-txt{
  /* height: 195px; */
}

.page-issues-register form {
  margin-top: 20px;
}

.modal-content input[type="text"],
.modal-content input[type="email"],
.modal-content textarea,
.page-issues-register input[type="text"],
.page-issues-register input[type="email"],
.page-issues-register textarea {
  background: #fff;
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  box-shadow: inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  border: solid 1px #eee;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  width: 100%;
  max-width: 320px;
}

.modal-content input[type="submit"],
.page-issues-register input[type="submit"] {
  display: inline-block;
  width: auto;
  height: 40px;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 40px;
  font-weight: 300;
  padding: 0 26px;
  background: #d5d5cc;
  color: #0c2f3e;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
.modal-content input[type="submit"]:hover,
.page-issues-register input[type="submit"]:hover  {
  color: #d5d5cc;
  background: #0c2f3e;
}

.modal-content {
  margin-bottom: 30px;
  background: url(images/hr-line-full.png) no-repeat center bottom;
}

#quiz {
  padding: 20px 130px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 30px auto;
}
#quiz .modal-title h2 {
  width: 260px;
}
#quiz .questions {
  padding-bottom: 20px;
}

#quiz .answers {
  display: none;
  padding-bottom: 20px;
}

#quiz .answer-yes,
#quiz .answer-no {
  display: none;
}



a.next-quiz,
a.next-quiz:hover {
  position: absolute;
  top: 185px;
  right: 0;
  display: block;
  width: 119px;
  height: 94px;
  background: url(images/take-a-minute-next.png) no-repeat 0 0;
  text-indent: -9999px;
}


a.rss {
  padding-left: 24px;
  background: url(images/icon-rss.png) no-repeat 0 0;
}















.embedded-content {
  background: #fbfbf0;  
}
.embedded-content .block-total-subscription {
  display: none;
}

.time-out-content {
  width: 1024px;
  margin: 30px auto;
  position: relative;
  padding: 25px 120px 20px 20px;
  background: url(images/hr-line-full.png) no-repeat center top;
}
.time-out-content .grid-1-3 {
  width: 330px;
  padding-top: 220px;
  background: url(images/take-a-minute-modal.png) no-repeat 0 0;
}
.time-out-content .grid-2-3 {
  width: 490px;

}
.hr {
  width: 100%;
  padding: 20px 0 0;
  background: url(images/hr-line-full.png) no-repeat center top;
}

a.next-time-out,
a.next-time-out:hover {
  position: absolute;
  top: 85px;
  right: 0;
  display: block;
  width: 119px;
  height: 94px;
  background: url(images/take-a-minute-next.png) no-repeat 0 0;
  text-indent: -9999px;
}
.single-time_out a.next-time-out {
  text-indent: 9999px;
}


.time-out-content h3 {
  text-transform: uppercase;
}
.time-out-content .video-holder  p {
  display: none;
}

.time-out-content .field-name-body p:first-child {
    font-size: 30px; 
    line-height: 30px; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    font-weight: 400;
}

.time-out-content .field-name-body  p:first-child em {
    font-style: normal;
}
.time-out-content .field-name-body  p:first-child strong {
    font-weight: 400;
}
.time-out-content .field-name-body img {
  display: none;
}

a.floattotop {
    display: none;
    overflow: hidden;
    width: 32px;
    height: 32px;
    z-index: 1038;
    position: fixed;
    bottom: 10px;
    right: 2%;
    top: auto;
    left: auto;
    padding: 0;
    border: none;
    background: rgba(0,184,198,0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODBFQkRBNDZBRjlCMTFFNjlEOEVCQjJGREE4NjdEOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODBFQkRBNDdBRjlCMTFFNjlEOEVCQjJGREE4NjdEOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MEVCREE0NEFGOUIxMUU2OUQ4RUJCMkZEQTg2N0Q5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MEVCREE0NUFGOUIxMUU2OUQ4RUJCMkZEQTg2N0Q5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppgu9xcAAAHuSURBVHjaxJY7TwJBFIV3diEaMYZYGNR2jVZ01JbGhMrGWFjT0pkYiI2NjdHenmiBP4BfoYWNJFYmhsIHEUFxZzxHRyMRmFlc4CYnuzsz93ybeQvHEM+N+0kh3B3Pi2/EvPii68ZmhBBx1iml2lK+19+D9m0QtMtKyYPpxGzLGSQAmmo26+eBDJpSBjXoGIAs5ENJLb5nWcc2bMsc5oaCNV4eNvHXdZhUYbgOCVMO27Atc5hLDyvYS/PpUEr5hsQCDLywPcMc5tKDXmaYkq8YizXnn0EPevWEsgv4V1HAOqDw/NO9HGQ9ZgUn4oBnkd4dE4kzS08QL2qgHtMqGT/rjNOZM8wZUtCbDLIwdo97XEM2U/877mrVU+gsBFCQQZbLHQRlJeweyhJ2gsc8lNLvxtDeJbJcbFcL2LoqlrAjPNLQqlZal1lA3QpZztdSUL4FbB+6hMSvMqHL9i261SeLL4ykAbYLXUGxLnUxXbdrAHLvVUYgjPLQNTTRp82EbpM3Avt1KQxy0A2UsOjyhG6b6wFcIsvFefaE75UePttQJjXnN0xA3Sajc7rF8ier9dq44HnmDDnIIMvlSY3vrTALf4Cdht5bn6yRb20j3LzL4zueRn4Aj+WKEfElqmh1iRrLNXHYF2FhAY70qv8hwAD8b8MLb5UTtwAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius: 99px;
}


.section.carewise .container {
  padding: 20px 0 80px;
}

.section.carewise .long-tile {
  background: #F8F8EE;
  border:solid 1px #D3D0D0;
  border-radius: 25px;
  height: 121px;
}
.section.carewise .long-tile .col {
    padding: 0;
    position: relative;
}
.section.carewise .long-tile .col.thumb  {

}
.section.carewise .long-tile .col.thumb img {
  max-width: 100%;
}
.section.carewise .long-tile .col.txt  {
    padding: 15px 25px 0;
    position: relative;
}
.section.carewise .long-tile .col.txt h3 {

}
.section.carewise .long-tile .col.txt a.btn {
  margin: 15px 0 0 0;
  text-transform: uppercase;
  font-size: 18px;
  padding: 0 20px;
}
.section.carewise .long-tile .col.txt a.btn:first-child {
  margin: 15px 20px 0 0;
}


#super-header {
  background: #F7BE02;
}
#super-header .container {
  background: url(images/WeCare-for-carersnz.svg) no-repeat right center;
  background-size: auto 100px;
  min-height: 96px;
}
#super-header h3 {
  font-size: 24px;
  font-weight: 400;
  color: #063143;
  padding: 30px 250px 0 0;
  line-height: 1.3;
}
#super-header a {
  color: #063143;
  text-decoration: underline;
}
/******** NAVIGATION ********/

.preload {
  position: absolute;
  top: -12000px;
  left: 0;
  width: 1px;
  height: 1px;
  overflow:hidden;
}

.preload .inf {   background: url(images/bg-panel-menu.jpg) no-repeat center bottom;}
.preload .new {   background: url(images/bg-panel-menu-news.jpg) no-repeat center bottom;}
.preload .tab1 {    background: url(images/bg-info-tab.png) no-repeat center bottom;}
.preload .tab2 {    background: url(images/bg-respite-tab.png) no-repeat center bottom;}
.preload .tab3 {    background: url(images/bg-news-tab.png) no-repeat center bottom;}


.nav ul,
.nav ul li {
  margin: 0;
  padding: 0 !important;
  list-style: none;
  position: relative;
}
.nav ul li {
  margin: 0;
  padding: 0;
  display: block;
  list-style-image: none;
  width: auto;
  text-indent: 0;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:hover, .nav ul li a:active {
  text-decoration:none; 
}
.nav.hrz ul li {
  float: left;
}
.nav.vert ul li {
  float: none;
}

.nav li:before {
  content:  none;
}

.nav.hrz.center ul {
  float: left !important;
  left: 50% !important;
}
.nav.hrz.center ul li {
  right: 50% !important;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;  }
* html ul li a { height: 1%; }
body { font-size: 100%;  }
/* End */


.topnavigation .topmenu {}
  .topmenu ul { }
  .topmenu ul li { height: 47px; margin: 0; }
  .topmenu ul li a  {  display: inline-block; height: 47px; padding: 0 8px;
                       color: #000; font-family: "museo-slab", Georgia,sans-serif; font-weight: 700; font-size: 14px;  line-height: 47px; }

  .topmenu ul>li>a:hover { color: #00b8c6; }
  .topmenu ul>li:hover, .topmenu ul>li:hover>a { color: #00b8c6; }
  .topmenu ul>li.about>a:hover { color: #fff; }
  .topmenu ul>li.about:hover, .topmenu ul>li.about:hover>a { color: #fff; background: #00b8c6; }
  


  .topmenu ul li.first { margin-left: 0; }
  .topmenu ul li.last { margin-right: 0; }

  .topmenu  ul li.social { height: 33px; margin: 14px 0 0 7px; }
  .topmenu  ul li.social a { display:block;  width: 21px; height: 21px;  line-height: 21px; padding: 0;
                background: url(images/icons-top-nav-social.png) no-repeat 0 0; text-indent: -9999px; } 

  .topmenu  ul li.email a  {  width: 30px;  background-position: 0 0; }
  .topmenu  ul li.facebook a  {  background-position: -40px 0; }
  .topmenu  ul li.twitter a  {  background-position: -70px 0; }
  .topmenu  ul li.pinterest a  {  background-position: -100px 0; }
  .topmenu  ul li.email a:hover  {  background-position: 0 -30px }
  .topmenu  ul li.facebook a:hover  {  background-position: -40px -30px }
  .topmenu  ul li.twitter a:hover  {  background-position: -70px -30px }
  .topmenu  ul li.pinterest a:hover  {  background-position: -100px -30px }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;  }
* html ul li a { height: 1%; }

/* End */

  .topmenu  ul li ul.sub-menu { display:none; }
  .topmenu  ul li:hover ul.sub-menu { display:block; }

  .topmenu  ul li ul.sub-menu { position:absolute; top:35px; right:0; min-width: 160px; margin:0; padding: 0; z-index:100; background: #00b8c6; }

  .topmenu ul li ul.sub-menu li  { float: none;  display: inline-block; height: 28px; width: 100%; border-top: solid 1px #55cfd7; padding: 0; background: none; text-align: right;}
  .topmenu ul li ul.sub-menu li a  {  display: inline-block; height: 28px; background: none; font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
                                     font-size: 14px; font-weight: 400; color: #fff; line-height: 28px; padding: 0 14px 0 0; text-transform: none;  text-align: right; }
  .topmenu ul li ul.sub-menu li.first  { border-top: none; }
  .topmenu ul li ul.sub-menu>li>a:hover,
  .topmenu ul li ul.sub-menu>li>a.active { color: #000; }


.navigation .mainmenu {
  width: 100%;
  position: relative;
  z-index: 2;
}
  .mainmenu ul { position: relative; z-index: 1;}
  .mainmenu ul li { position:relative; height: 55px; padding-right: 21px !important; }
  .mainmenu ul li a  { position:relative; display:block; height: 50px; padding: 5px 0 0 65px; 
             font-size: 16px; line-height: 50px; 
             color: #000; font-weight: 700; font-family: 'Open Sans', Helvetica, Arial, sans-serif;
             background: url(images/sprite-main-nav.png) no-repeat 0 0;}
  .mainmenu ul li span { position:absolute; top: 0; left: 65px; display: inline-block; 
             font-size: 14px; height: 28px; line-height: 28px; font-weight: 400; 
             font-family: 'alegreya_thin_italic', sans-serif; white-space: nowrap;
            }
  /* .mainmenu ul li.first { padding-right: 6px !important; } */
  .mainmenu ul li.last { padding-right: 0 !important; }

  .mainmenu ul li.home a { width: 156px;  background-position: 0 0; }
  .mainmenu ul li.information a { width: 187px;  background-position: -233px 0; }
  .mainmenu ul li.learn a { width: 151px;  background-position: -448px 0; }
  .mainmenu ul li.wellbeing a { width: 187px;  background-position: -663px 0; }
  .mainmenu ul li.support a { width: 170px; margin-right: 23px;  background-position: -878px 0; }
  .mainmenu ul li.news a { width: 180px;  background-position: -1093px 0; }

  .mainmenu ul li.home a:hover,
  .mainmenu ul li.home a.active  { background-position: 0 -61px; }
  .mainmenu ul li.information a:hover,
  .mainmenu ul li.information a.active,
  .node-type-article .mainmenu ul li.information a,
  .page-node-607 .mainmenu ul li.information a,
  .node-type-info-pack-item .mainmenu ul li.information a { background-position: -233px -61px; }
  .mainmenu ul li.learn a:hover,
  .mainmenu ul li.learn a.active { background-position: -448px -61px; }
  .mainmenu ul li.wellbeing a:hover,
  .mainmenu ul li.wellbeing a.active { background-position: -663px -61px; }
  .mainmenu ul li.support a:hover,
  .mainmenu ul li.support a.active { background-position: -878px -61px; }
  .mainmenu ul li.news a:hover,
  .mainmenu ul li.news a.active,
  .node-type-blog-post .mainmenu ul li.news a,
  .page-taxonomy-term-914 .mainmenu ul li.news a { background-position: -1093px -61px; }


  .info-navigation {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 10;
     display: none; 
  }

  .info-navigation .info-tab {
    display: block;
    width: 214px;
    height:72px;
    position: absolute;
    top: -72px;
    left: 167px;
    background: url(images/bg-info-tab.png) no-repeat 0 0;

  }

  .info-navigation .info-tab a  { position:relative; display:block; height: 50px; padding: 27px 0 0 75px; 
             font-size: 16px; line-height: 50px; text-decoration: none;
             color: #000; font-weight: 700; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
  .info-navigation .info-tab span { position:absolute; top: 22px; left: 75px; display: inline-block; 
             font-size: 14px; height: 28px; line-height: 28px; font-weight: 400; 
             font-family: 'alegreya_thin_italic', sans-serif; 
            }
  .info-navigation li.all {
    display: none;
  }

  .infomenu {
    display: block;
    width: 980px;
    background: url(images/bg-panel-menu.jpg) no-repeat center bottom;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -webkit-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;

    padding: 15px 25px 50px;


  }
  .infomenu p {
    font-size: 12px; 
    line-height: 20px;
    color: #00b8c6;
  }
  .infomenu h4 {
    font-size: 18px; 
    line-height: 20px;
    font-family: 'alegreya_bold_italic', Helvetica, Arial, sans-serif;
    margin: 0 0 5px;
  }
  .infomenu .col-1,
  .infomenu .col-2,
  .infomenu .col-3 {
    width: 230px;
    padding-right: 20px;
  }
  .infomenu .col-3 {
    border-right: solid 1px #cccccc;
  }
  .infomenu .col-4 {
    width: 240px;
    padding-left: 20px;
  }
  .infomenu ul li a  { position:relative; display:block; height: 20px; padding: 0; 
   font-size: 14px; line-height: 20px; 
   color: #0f3444;  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   }
  .infomenu ul li a:hover  { 
    text-decoration: underline;
    color: #00b8c6;
   }


  .respite-navigation {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 10;
    display: none;
  }

  .respite-navigation .respite-tab {
    display: block;
    width: 214px;
    height:72px;
    position: absolute;
    top: -72px;
    left: 375px;
     background: url(images/bg-respite-tab.png) no-repeat 0 0; 

  }

  .respite-navigation .respite-tab a  { position:relative; display:block; height: 50px; padding: 27px 0 0 75px; 
             font-size: 16px; line-height: 50px; text-decoration: none;
             color: #000; font-weight: 700; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
  .respite-navigation .respite-tab span { position:absolute; top: 22px; left: 75px; display: inline-block; 
             font-size: 14px; height: 28px; line-height: 28px; font-weight: 400; 
             font-family: 'alegreya_thin_italic', sans-serif; 
            }

  .respitemenu {
    display: block;
    width: 980px;
    background: url(images/bg-panel-menu.jpg) no-repeat center bottom;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -webkit-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;

    padding: 15px 25px 50px;


  }
  .respitemenu p {
    font-size: 12px; 
    line-height: 20px;
    color: #00b8c6;
  }
  .respitemenu h4 {
    font-size: 18px; 
    line-height: 20px;
    font-family: 'alegreya_bold_italic', Helvetica, Arial, sans-serif;
    margin: 0 0 5px;
  }
  .respitemenu h4 span {
    font-size: 11px; 
  }
  .respitemenu .col-1 {
    width: 380px;
  }
  .respitemenu .col-2 {
    width: 270px;
    border-right: solid 1px #cccccc;
  }
  .respitemenu .col-1 ul,
  .respitemenu .col-2 ul,
  .respitemenu .col-4 ul {
    width: 50%;
    float: left;
  }

  .respitemenu .col-4 {
    width: 275px;
    padding-left: 20px;
  }
  .respitemenu ul li a  { position:relative; display:block; height: 20px; padding: 0; 
   font-size: 14px; line-height: 20px; 
   color: #0f3444;  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   }
  .respitemenu ul li a:hover  { 
    text-decoration: underline;
    color: #00b8c6;
   }

  .respitemenu .col-4 ul li a {
    text-decoration: underline;
    color: #00b8c6;
    font-style: italic;
  }
  .respitemenu .col-4 ul li a:hover {
    color: #0f3444;
  }

  .subhead-all {
    clear:both;
    display:none;
  }


  .news-navigation {
    position: absolute;
    top: 50px;
    right: -6px;
    z-index: 11;
    display: none;
  }

  .news-navigation .news-tab {
    display: block;
    width: 203px;
    height:73px;
    position: absolute;
    top: -72px;
    right: -5px;
    background: url(images/bg-news-tab.png) no-repeat 0 0;
    z-index: 1;


  }

  .news-navigation .news-tab a  { position:relative; display:block; height: 50px; padding: 27px 0 0 74px; 
             font-size: 16px; line-height: 50px; text-decoration: none;
             color: #000; font-weight: 700; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
  .news-navigation .news-tab span { position:absolute; top: 22px; left: 74px; display: inline-block; 
             font-size: 14px; height: 28px; line-height: 28px; font-weight: 400; 
             font-family: 'alegreya_thin_italic', sans-serif; 
            }

  .newsmenu {
    display: block;
    width: 195px;
    background: url(images/bg-panel-menu-news.jpg) no-repeat center bottom;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.75);
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -webkit-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;

    padding: 15px 25px 50px; 
    position:relative;
    margin-right: -1px;
    z-index: 0;

  }

  .newsmenu ul li a  { 
    position:relative; display:block; height: 20px;  padding: 0; 
   font-size: 14px; line-height: 20px; 
   color: #0f3444;  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   }
  .newsmenu ul li a:hover  { 
    text-decoration: underline;
    color: #00b8c6;
   }









.info-nav .container {
  padding-top: 30px;
  overflow: hidden;
}

.info-nav .col {
  padding: 0 0 0 30px;
  height: 35px;
  overflow: hidden;
  /* border-right: solid 1px #ccc; */
}
.info-nav .col ul.submenu {
  width: 255px;
  float: left;
  position: relative;
}
.info-nav .col .ctrl {
  float: left;
  width: 32px;
  padding-left: 8px;
  height: 35px;
}
.info-nav .col .ctrl a {
  display: block;
  width: 22px;
  height: 17.5px;
  text-indent: -9999px;
  background: url(images/bg-nav-arrows.png) no-repeat 0 0;
}
.info-nav .col .ctrl a:hover {
  background-position: right 0;
}
.info-nav .col .ctrl a.down {
  background-position: 0 bottom;
}
.info-nav .col .ctrl a.down:hover {
  background-position: right bottom;
}


.info-nav .so,
.info-nav .pp {
  display: none;
}
.info-nav .hd {
  padding: 0 !important;
}
.info-nav .col.hd ul.sub-menu {
  width: 285px;
  float: left;
}
.info-nav .hd h2 {
  padding: 0 0 7px 45px;
  background: url(images/bg-bubbles-blog-heading.png) no-repeat left top; 
  font-size: 30px;
  font-family: 'alegreya_bold_italic', Helvetica, Arial, sans-serif;
  text-align: left;
  margin-bottom: 0;
}
.info-nav .col li {
  margin-bottom: 10px;
}

.info-nav .col ul.menu li a {
  height: 35px;
  line-height: 35px;
  font-size: 20px;
}


.info-nav .browse-media {
  position: relative;
  width: 150px;
  border: none;
  height: 55px;
  margin-top: -8px;
}
.info-nav .browse-media label {
  font-size: 10px;
  line-height: 20px;
  font-weight: normal;
  color: #bfbfbf; 
}
.info-nav .browse-media select {

  font-style: italic;
  background: #fafaed;
  -webkit-box-shadow: inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         inset 0px 0px 6px 0px rgba(50, 50, 50, 0.1);
  border: solid 1px #bfbfbf;  
}
















.blog-nav { margin-top: 26px; }
  .blog-nav ul { }
  .blog-nav ul li { height: 62px; margin: 25px 0 0; border-right: solid 1px #eaeae6; }
  .blog-nav ul li a  {  display: inline-block; height: 62px; color: #00b4c1; font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
                        font-weight: 400; font-size: 18px;  line-height: 46px; padding: 0 32px; padding-bottom: 11px; 
                        border-bottom: solid 5px transparent;}

  .blog-nav ul>li>a:hover,
  .blog-nav ul>li>a.active,
  .blog-nav ul>li.current-menu-item>a { color: #00b8c6; border-bottom: solid 5px #00b4c1; }
  .blog-nav ul>li.first.current-menu-item>a { color: #00b8c6; border-bottom: solid 5px transparent; }

  .blog-nav ul>li:hover, .blog-nav ul>li:hover>a { color: #00b8c6; }

  .blog-nav ul li.first {  margin: 19px 0 0;  }
  .blog-nav ul li.first a { height: 68px; width: 130px; text-indent: -9999px; background: url(images/bg-blog-nav-home.png) no-repeat center center; }


  .blog-nav  ul li.topics { border: none; text-indent: -9999px; }
  .blog-nav  ul li.hide { border: none; text-indent: -9999px; } 


.page-nav {  margin-top: 1px; }
  .page-nav ul { border-bottom: solid 1px #000; width: 100%; }
  .page-nav ul li { height: 46px; margin: 0; background: #9be0e5;  border-top: solid 1px #000; position: relative; margin-top: -1px;}
  /* .page-nav>ul>li.last { border-bottom: solid 1px #000; } */
  .page-nav ul li a  {  display: inline-block; height: 44px; width: 100%; color: #000; font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
                        font-weight: 700; font-size: 16px;  line-height: 44px; padding: 0 0 0 15px;
                        background: #9be0e5; text-transform: uppercase; }

  .page-nav ul li.first { height: auto; }

  .page-nav>ul>li>a:hover,
  .page-nav>ul>li>a.active { background: #00b8c6; }
  .page-nav>ul>li.has-child>a:hover,
  .page-nav>ul>li.has-child>a.active,
  .page-nav>ul>li.has-child>a {   background: #00b8c6 url(images/page-nav-arrow.png) no-repeat right 0; }

  .page-nav ul li ul.sub-menu { display: none;}

  .page-nav ul li ul.sub-menu li  { height: auto; background: #fff; border-top: solid 1px #00b4c1; }
  .page-nav ul li ul.sub-menu li a  {  display: inline-block; height: auto; width: 185px; color: #00b4c1; 
                                      line-height: 24px; padding: 7px 0 7px 35px; background: none; text-transform: none; }

  .page-nav ul li ul.sub-menu>li>a:hover,
  .page-nav ul li ul.sub-menu>li>a.active,
  .page-nav ul li ul.sub-menu>li.current-menu-item>a { background: #fff url(images/bg-bubbles-blog-heading.png) no-repeat left 3px;  }
  .page-nav ul li ul.sub-menu>li>a:hover { color: #000; }

  .page-nav ul li:hover ul.sub-menu,
  .page-nav ul li.current-menu-parent ul.sub-menu {
    display: block;
  }


.info-banner .links {
  width: 100%;
  max-width: 882px;
  height: 80px;
  margin: 77px auto 0;
}
.info-banner .links ul {
  float: left;
  width: 138px;
  margin-left: 9px; 
}
.info-banner .links ul li {
  margin: 0; line-height: 18px;
}
.info-banner .links ul li a {
  color: #000; font-weight: 700; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-style: italic;
  font-size: 14px; line-height: 18px; letter-spacing: -0.5px;
}
.info-banner .links ul li a:hover {
    text-decoration: underline;
  }

.footernav ul { }
  .footernav ul li { height: 50px; margin: 0 10px; }
  .footernav ul li a  {  display: inline-block; height: 50px; color: #0abcc2; 
                  font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px;  line-height: 50px; }

  .footernav ul>li>a:hover { color: #fff; }
  .footernav ul>li:hover, .footernav ul>li:hover>a { color: #fff; }

  .footernav  ul li.home { width: 62px; margin: 0 15px 0 0;  }
  .footernav  ul li.home a { display:block;  width: 62px; height: 50px;  line-height: 21px;
                background: url(images/icon-home-footer.png) no-repeat 0 0; text-indent: -9999px; } 
  .footernav  ul li.home a:hover  {  background-position: 0 bottom; }

  .footernav  ul li.social { height: 33px; margin: 14px 0 0 7px; }
  .footernav  ul li.social a { display:block;  width: 21px; height: 21px;  line-height: 21px;
                background: url(images/icons-footer-nav-social.png) no-repeat 0 0; text-indent: -9999px; }  


  .footernav .donate,
  .footernav .join,
  .footernav .sub-menu,
  .footernav .about:hover .sub-menu {
    display: none;
  }

  .footernav  ul li.email a  {  width: 30px;  background-position: 0 0; }
  .footernav  ul li.facebook a  {  background-position: -40px 0; }
  .footernav  ul li.twitter a  {  background-position: -70px 0; }
  .footernav  ul li.pinterest a  {  background-position: -100px 0; }
  .footernav  ul li.email a:hover  {  background-position: 0 -30px }
  .footernav  ul li.facebook a:hover  {  background-position: -40px -30px }
  .footernav  ul li.twitter a:hover  {  background-position: -70px -30px }
  .footernav  ul li.pinterest a:hover  {  background-position: -100px -30px; }


  .footersubmenu { float: right;}





.responsive-nav  {
  position: absolute;
  top: -12px;
  left:0;
  z-index: 101;
  width: 100%;
  z-index: 20;

}



.responsive-nav.is-scrolled  {
  top: 0;
}
a.responsive-nav-trigger {
  display: none; 
  position: absolute;
  z-index: 2000; 

  top: 21px;  
  right: 2%;
  margin: 0;  

  padding: 0 5px 0 35px;
  height:30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: 300;
  text-align: center;
  color: #00b8c6;
  text-decoration: none;
  margin: 0 2px 10px 0;
  text-transform: uppercase;
  background: url(images/bg-primary-nav-trigger.png) no-repeat 5px top;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.responsive-nav.is-scrolled .responsive-nav-trigger {
  background: #f9f9f1 url(images/bg-primary-nav-trigger.png) no-repeat 5px top;
  right: 5px;
}
.responsive-nav-trigger.is-active,
.responsive-nav.is-scrolled .responsive-nav-trigger.is-active {
  background-position:  5px bottom;
/*   right: auto;
left: 25px; */
}




.responsive-nav .responsive-menus {
  display: none;
  position: absolute; left: 0; z-index: 1900;
  width: 100%; height: auto;
  margin: 0;
  background: #fff;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 00.15);
  -moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 00.15);
  box-shadow:         0px 10px 10px 0px rgba(50, 50, 50, 00.15);
  top:        6px;
  padding:  45px 0 0 0;
  border-top: solid 6px #00b8c6;
  background: #fff url(images/bg.jpg) repeat center top;
}
.respmenu-wrap {


}

.responsive-menus .titlebarmenu  { 
  float: left;
  display: block;
  width: 100%;
  margin: 0;
}
.respmenu-wrap.is-active { 
  
}
.responsive-menus>ul { 

}



.responsivemenu { 
  height: auto;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}


.responsivemenu >ul { 
  width: 96%;
  max-width: 450px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 20px !important;

    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.responsivemenu>ul.is-active { 
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}



.responsive-menus ul li { 
  position: static; 
  height: auto; 
  width: 100%; 
  z-index:100; 
  display:block; 
  float: none !important;
}
.responsive-menus ul li:after {
  content: "";
  display: table;
  clear: both;
}

.responsive-menus ul li a  { 
  display:block; 
  height: auto;  
  margin: 0 30px 0 0; 
  font-size: 1.25em;
  text-align: left;
  font-weight: 700; 
  color: #010101; 
  text-transform: uppercase;
  line-height: 1.3;
  border: none;
  min-width: 300px;
  white-space: normal;
  padding: 10px 30px 10px 15px;
}
.responsive-menus ul li.has-child>a  { 
  background: url(images/bg-respmenu-a.png) no-repeat right center;

}
 .responsive-menus ul li ul li a { 
  text-transform: none;

 }
.responsive-menus ul li.sec a  { 
  font-size: 0.9em;
}
.responsive-menus ul li.first-sub { 
  margin-top: 10px;
  padding-top: 10px !important;
   border-top: solid 2px #e8e9e6;
}


.responsive-menus ul li.current-page-ancestor>a,
.responsive-menus ul li.current_page_item>a,
.responsive-menus ul li.current-menu-item>a {
  color: #00b8c6;
}
/* .responsive-menus ul li.current-page-parent a {
  color: #010101;
} */
.responsive-menus .col {
  padding-top: 10px;
  /* background: #fff url(images/bg-main-bottom.png) repeat-x center top; */
}


  .responsive-menus li.has-child ul.sub-menu a {
    background: none;
    float: none;
  }

  .responsive-menus ul.sub-menu {
    top: 0; 
    max-width: 300px;
    left: 50%;
    position: absolute;
  }
.responsivemenu>ul.is-active>li {

  width: 50%; 
  }
.responsivemenu>ul.is-active ul.sub-menu {
    
  }
  .responsivemenu>ul.is-active>li {
    border-top: solid 1px #fcfbf8;
    border-bottom: solid 1px #fcfbf8; 
  }
  .responsivemenu>ul>li.is-active {
    border-top: solid 1px #ceb571;
    border-bottom: solid 1px #ceb571;
    background: #fff;  
  }




.responsive-menus ul li.resp-olc>ul {
    position: absolute;
    top: 0; 
    left: 52%;
    width: 48%;
}
.responsive-menus ul li.resp-olc>ul li ul {
    position: relative;
    top: 10px;
    left: 0;
    width: 100%;
    max-width: 450px;
}
.responsive-menus ul li.resp-olc>ul li ul:after {
  content: "";
  display: table;
  clear: both;
}

 .responsive-menus ul li.resp-olc>ul>li {
  padding: 0;
  list-style-image: none;
  float: left !important;
  width: 50%;
  display: block; 
}
 .responsive-menus ul li.resp-olc ul li a { 
    display: block; 
    font-size: 0.9em;
    line-height: 1.3;
    text-decoration: none;
    text-transform: none;
    float: none;
    background: none;
    text-align: left; 
    margin: 0;
    padding: 4px 0;
    width: 100%;
    height: auto;
  }

 .responsive-menus ul li.resp-olc  li.noclick a,
 .responsive-menus ul li.resp-olc  li.noclick a:hover { 
    color: #000;
    cursor: default;
  }
  .responsive-menus ul li.resp-olc ul li ul { 
    float: none; display: block; width: 100%; 
  }
  .responsive-menus ul li.resp-olc ul li ul li { 
    float: none;
    padding: 3px 0 3px 0;
    display:block; width: 100%; height: auto; 
  }
  .responsive-menus ul li.resp-olc ul li ul li.inset {
    padding-left: 10px !important;
  }

  .responsive-menus ul li.resp-olc>ul>li>a {
    display: none !important;
  }


.info-nav .col li.all {
    display: none !important;
}

.info-filter,
.info-filter #caring-topics,
.info-filter #supporting-topics,
.info-filter #planning-topics {
  display: none;
}
.info-filter #select-topic option.all {
  display: none;
}

















/******* END NAVIGATION ********/



.nav ul li a:active {
  color: #00b8c6 !important;
}



a.btn,
.btn a,
.info-pack-item .content a {
  display: inline-block;
  width: auto;
  height: 30px;
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 26px;
  background: #00b8c6;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 999px;
  text-decoration: none;
}
a.btn:hover {
  color: #00b8c6;
  background: #0f3444;
}

/***************WP STDS*****************/


p.postmetadata {
  font-size: 0.65em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  color: #666;  
    margin-bottom: 20px;
}
p.postmetadata a {
  color: #666;
  text-decoration: none;
}
p.postmetadata a:hover {
  color: #DF2646;
}

p.wp-caption {
  font-size: 0.7em;
  font-style: italic;
  padding: 0 0 15px;
  border-bottom: solid 1px #bcbcbc;
  margin-bottom: 40px;

}

.share-col span {
  cursor: pointer;
}
.share-col span:hover {
  color: #fff;
}


.widget {
  margin: 0;
}
.widget ul,
.widget ul li {
  padding: 0;
  margin: 0;
}

.thread-alt {
  background-color: #f8f8f8;
}
.thread-even {
  background-color: white;
}
.depth-1 {
}
.even, .alt {
}

.entry {
  padding-top: 30px;
}
.entry p a:visited {
  color: #b85b5a;
  }

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em;
  }
.commentlist li ul li {
  font-size: 1em;
}

.commentlist li {
  font-weight: bold;
}

.commentlist li .avatar { 
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
  }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  }

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  }

#commentform p {
  }

.commentmetadata {
  font-weight: normal;
  }






html>body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
  }

html>body .entry li {
  margin: 7px 0 8px 10px;
  }

.entry ul li:before {
  content: "\00BB \0020";
  }

.entry ol {
  padding: 0 0 0 35px;
  margin: 0;
  }

.entry ol li {
  margin: 0;
  padding: 0;
  }

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  }


/* End Entry Lists */

/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
  }



#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  border: solid 1px #e2eff4; 
  }

#commentform {
  margin: 5px 10px 0 0;
  }
#commentform textarea {
  width: 100%;
  padding: 4px;
  border: solid 1px #e2eff4; 
  }
#respond:after {
    content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
  }
#commentform #submit {
  clear:both;
  padding: 4px; margin: 0;  
  border: solid 1px #e2eff4; 
  background: #fff; 
  cursor: pointer;
  font-family: Helvetica, Arial,  sans-serif;
  font-size: 10px;
  color: #00749b;
  text-transform:uppercase;
}
#commentform #submit:hover { }  
  

/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding: 0;
  text-align: justify;
  }

.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;

  }
.commentlist li ul li { 
  margin-right: -5px;
  margin-left: 10px;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }
/* End Comments */


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50200000;
  overflow: hidden;
  position: fixed;
  background: #3b7782;
  opacity: 0.7;
  filter: alpha(opacity=70); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50300000;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 50500000; 
  background: #fbfbf0;  
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  max-width: 1400px; 
  padding: 8px;
  cursor: auto; 
  background: #fff;
  overflow: auto;
  }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 50400000; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 50600000; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 40px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 11px; }

.mfp-close-btn-in .mfp-close {
  color: #000; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  top: 0;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: solid transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  opacity: 0.8;
  border-top-width: 12px;
  border-bottom-width: 12px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 20px;
  border-bottom-width: 20px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 12px solid black;
    left: 5px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    border-right: 20px solid white; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 12px solid black;
    left: 3px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 20px solid white; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; 
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1400px; 
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.6);

  /*border: solid 8px #999;*/


  background: #fff; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-break: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 800px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



/***** FlexSlider *****/ 

.flexslider ol,
.flexslider ul {
  padding-right: 0 !important;
  padding-left: 0 !important; 
  list-style: none !important;
  list-style-type: none !important; 
}
.flexslider ol li,
.flexslider ul li {
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important; 
  list-style: none !important;
  list-style-type: none !important; 
}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 70px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute !important; top: 90px; cursor: pointer; text-indent: -9999px;  /* -webkit-transition: all .3s ease;*/}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -30px; }
.flex-direction-nav .flex-prev {left: -30px;}
.flexslider:hover .flex-next {opacity: 0.8; right: -20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: -20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.key-messages .row ul.flex-direction-nav {
  position: relative;
  width: 100% !important;
    height: 40px;
    margin: 0;
    padding: 0 !important;
    background: transparent;
}
.key-messages .row ul.flex-direction-nav li {
  width: 0 !important; height: 0 !important;
}
.key-messages .row ul.flex-direction-nav li a {
  top: -20px;
  margin: 0;
}
.key-messages .row ul.flex-direction-nav .flex-next {right: 30px; }
.key-messages .row ul.flex-direction-nav .flex-prev {left: 30px;}



/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; top: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.flex-direction-nav,
.flex-direction-nav li {
  height: 0;
  line-height: 0;
}
.view-home-carer-types,
.home-carers .view-content {
  overflow: visible;
}

.promoslide {
  width: 100%;
  height: 200px;
  background: #567567;
}
.promoslide a {
  display: block;
  width: 100%;
    height: 423px;
}


.masonry-brick {
    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​


/***************MEDIA*****************/
/** images */

img,
.txt img,
p img {

  max-width: 100%;  
  }



.featureimg,
.thumbimage {
  max-width: 100%;
  padding: 5px;
  border: solid 1px #00b8c6;
}

.featureimg img,
.thumbimage img {
  width: 100%;
}





.bookimg {
  max-width: 100%;
  text-align: center;
}
.bookimg img {
  width: 60%;
  margin: 0 auto;
}

.featureimg.home {
  width: 129px;
  padding: 3px;
  border: solid 1px #ccc;

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

.article-content {
  width: 100%;
}
.article-content .featureimg {
  margin-bottom: 15px;
}
img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  margin: 0 0 0 20px;

  }

img.alignleft {
  margin: 0 30px 2px 0;

  }

.alignright {
  float: right;
  }

.alignleft {
  float: left
  }

.video-embed {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin-bottom: 30px;
}
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
  margin-bottom: 20px;
}
/***************FORMS*****************/

body, textarea:focus, input:focus{
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/***************ANIMATION*****************/


.comein {
  transform: translateY(15px);
  animation:         comein 0.8s ease forwards; /* IE 10+, Fx 29+ */
  -webkit-animation: comein 0.8s ease forwards; /* Safari 4+ */
  -moz-animation:    comein 0.8s ease forwards; /* Fx 5+ */
  -o-animation:      comein 0.8s ease forwards; /* Opera 12+ */
}
.comeindelay {
  transform: translateY(15px);
}

.comein:nth-child {
  animation-duration: 0.2s;          /* IE 10+, Fx 29+ */
  -webkit-animation-duration: 0.2s;  /* Safari 4+ */
  -moz-animation-duration: 0.2s;     /* Fx 5+ */
  -o-animation-duration: 0.2s;       /* Opera 12+ */
}

.fadein {
    -webkit-animation: fadein 1.8s; /* Safari and Chrome */
       -moz-animation: fadein 1.8s; /* Firefox */
        -ms-animation: fadein 1.8s; /* Internet Explorer */
         -o-animation: fadein 1.8s; /* Opera */
            animation: fadein 1.8s;
} 


.homenav, .bottlenav {
    -webkit-transition: 1.8s; /* Safari and Chrome */
       -moz-transition: 1.8s; /* Firefox */
        -ms-transition: 1.8s; /* Internet Explorer */
         -o-transition: 1.8s; /* Opera */
            transition: 1.8s;
}

.homenav.maxedout {
  max-width: 2000px;
}
.bottlenav.maxedout {
  max-width: 1500px;
}

.bottlenav.maxedout li {
  width: 25% !important;
  margin: 0 4% !important;
}

/* {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -webkit-transition: opacity 1.5s ease-in-out; 
  -o-transition: opacity 1.5s ease-in-out;
}
 */


.already-visible {
  transform: translateY(0);
  opacity: 1;
  animation: none;
}




#TB_overlay {
  z-index: 99998 ;
}
.cm_ajax_loading img {
  width: 32px !important;
  height: 32px !important;
}
/* 
@keyframes comein {
  to { transform: translateY(0); }
}
Firefox
@-moz-keyframes comein {
  to { transform: translateY(0); }
}

Safari and Chrome
@-webkit-keyframes comein {
  to { transform: translateY(0); }
}

Internet Explorer
@-ms-keyframes comein {
  to { transform: translateY(0); }
}​

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

Firefox
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

Safari and Chrome
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

Internet Explorer
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​
 */
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1500px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1350px) {}

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



}


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



}





@media only screen and (max-width: 1024px), screen and (max-device-width: 1024px) {

  .subhead-all {
    display:block;
  }






}
@media only screen and (max-width: 990px), screen and (max-device-width: 990px) {


#super-header h3 {
  padding: 15px 250px 0 0;
}

.section.carewise .long-tile {
    height: auto;
}
.section.carewise .long-tile .col {
  text-align: center;
    overflow: hidden;

}
.section.carewise .long-tile .col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section.carewise .long-tile .col p {
  margin-bottom: 20px;
}


#header a.logo {
    width: 160px;
    height: 109px;
    text-indent: -9999px;
    margin: 0 auto 10px;
    padding-top: 9px;

  background-size: 100% auto;
}
.topsearch input[type="text"] {
    width: 165px;
}
.mainmenu ul li {
  padding-right: 21px !important;
}
.mainmenu ul li.last {
    padding-right: 21px !important;
}
  .mainmenu ul li.home { width: 16%; }
  .mainmenu ul li.information { width: 22%; }
  .mainmenu ul li.wellbeing { width: 22%; }
  .mainmenu ul li.support { width: 20%; }
  .mainmenu ul li.news { width: 20%;  }

  .mainmenu ul li.home a { background-position: -10px 0; }
  .mainmenu ul li.information a { background-position: -243px 0; }
  .mainmenu ul li.wellbeing a { background-position: -673px 0; }
  .mainmenu ul li.support a { background-position: -888px 0; }
  .mainmenu ul li.news a { background-position: -1103px 0; }

.mainmenu ul li a {
    width: 100% !important;
    padding: 5px 0 0 55px;
}
.mainmenu ul li span {
    left: 55px;
}
  .mainmenu ul li.home a:hover,
  .mainmenu ul li.home a.active  { background-position: -10px -61px; }
  .mainmenu ul li.information a:hover,
  .mainmenu ul li.information a.active,
  .node-type-article .mainmenu ul li.information a,
  .page-node-607 .mainmenu ul li.information a,
  .node-type-info-pack-item .mainmenu ul li.information a { background-position: -243px -61px; }
  .mainmenu ul li.wellbeing a:hover,
  .mainmenu ul li.wellbeing a.active { background-position: -673px -61px; }
  .mainmenu ul li.support a:hover,
  .mainmenu ul li.support a.active { background-position: -888px -61px; }
  .mainmenu ul li.news a:hover,
  .mainmenu ul li.news a.active,
  .node-type-blog-post .mainmenu ul li.news a,
  .page-taxonomy-term-914 .mainmenu ul li.news a { background-position: -1103px -61px; }





.info-navigation,
.respite-navigation {
    width: 100%;
    left:0;
}
.news-navigation {
  right: 0px;
}
.infomenu,
.respitemenu {
    display: block;
    width: 100%;
    padding: 15px 15px 50px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;

}
.info-navigation .col-1,
.info-navigation .col-2,
.info-navigation .col-3,
.info-navigation .col-4 {
  width: 24%;
  padding: 0 1%;
}
.info-navigation .col-4 {
  width: 28%;
}

.respite-navigation .col-1,
.respite-navigation .col-2,
.respite-navigation .col-4 {
  width: 33.3333%;
  padding: 0 1%;
}
/* .info-navigation .col-4 {
  clear: both;
  margin-top: 20px;
  padding: 30px 1% 0;
  border-top: solid 1px #cccccc;
} */
.info-navigation .info-tab {
  left: calc(16% - 20px);
}
.respite-navigation .respite-tab {
  left: calc(38% - 20px); 
}
.respitemenu .col-1 ul, 
.respitemenu .col-2 ul, 
.respitemenu .col-4 ul {
  float: none;
  width: 100%;
}
.info-navigation .col-4,
.respitemenu .col-4 {
  padding-left: 20px;
}








  .container {
    width: 96%;
  }
#header .container,
.home-banner .container ,
.info-nav .container,
.info-banner .container,
.filters {
  width: 100%;
}



.filters {
  background-size: 100% 100%;
}
.filters select {
  width: 100%;
}




}
@media only screen and (max-device-width: 960px) {
.info-banner  {
    display: none;
}
 .info-filter {
    display: block;
  }
 .news-filter {
    display: none;
  }


.info-nav {
     display: none;
  }
/* .info-banner .container {
    width: 96%;
    height: auto;
    background: transparent;
}
.info-banner .links {
    height: auto;
    margin: 25px auto 0;
    padding-bottom: 20px;
} */

div.sign-up {
    right: 2%;
    text-align: right; 
}
.info-banner-ctrl {
     display: none;
  }

.respite-banner .container {
    width: 100%;
    height: 287px;
    background: url(images/banner-respite.png) no-repeat left top;
    padding-bottom: 0;
    border-bottom: solid 1px #ddd;
}
.respite-banner-content {
    width: 96%;
    margin: 0 auto;
}
.respite-banner .container h2 {
    padding: 23px 2% 0 15px;
    text-align: right;
}

.respite-banner-content a.btn {
    margin: 45px 0 0 0;
    float: right;
}
.respite-banner-content p {
    float: right;
    width: 425px;
    padding: 43px 20px 0 0;
    font-size: 16px;
    line-height: 20px;
}
.respite-banner-content a.more {
    right: 2%;
}

.respite-banner {
  padding-top: 20px;
}

.respite-banner .container h2 {
    float: none;
    position: relative;
    margin-top: -40px;
    text-align: center;
}

.respite-banner-content a.btn {
    margin: 84px 0 0 0;
    float: right;
}
.respite-banner-content p {
    float: none;
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
    padding: 0 185px 0 325px;
    font-size: 14px;
}
.respite-banner-content a.more {
    right: 2%;
    top: 164px;
}

.time-out-content .col.first {
  display: none;
}


.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 90%;
}

.key-messages .container {
    width: 100%;
    position: relative;
}
.key-messages .row {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;


}
.key-messages .row ul {
/*     width: 930px; 

    height: auto;*/
  }

.key-messages .row ul li {
   /*  width: 310px; */
}
.key-messages .row ul li:last-child {
/*   clear:both;
margin: 30px 0 0 25%; */
}
.key-messages a.more {
    right: 2%;
}

.section.other-services .row {
  padding: 50px 0 45px;
}
.section.other-services .row .col {
  padding-left: 1%;
}
.section.other-services .row .col:first-child {
  padding-left: 1%;
}
.postmeta span {
    border: none;
}
.postmeta span.tag {
  clear: both;
  padding: 0;
}
.feature-post .row:first-child .col {
    padding-bottom: 80px;
}

}
@media only screen and (max-width: 860px), screen and (max-device-width: 860px) {

.section.community .col {
  width: 50%;
}

.section.community a.fb {
  margin-left: 0px;
  position: relative;
    margin-top: -20px;
}
  .section.community a.fb::before {
    content: "\A";
    white-space: pre; 
  }






}
@media only screen and (max-width: 800px), screen and (max-device-width: 800px) {

div.sign-up {
    position: absolute;
    top: 100px;
    right: 2%;
    width: 100%;
    text-align: right; 
}




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

.respite-banner-content p {
    top: 78px;
}
#super-header h3 {
  padding: 20px 250px 0 0;
  font-size: 20px;
}

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

 a.responsive-nav-trigger {
    display: block;
  }
  .navigation,
  .responsive-nav .responsive-menus,
  .topnavigation .about,
  .topnavigation .donate,
  .topnavigation .join,
  .page-template-default .grid-1-4,
  .blog-nav,
  .respite-banner {
     display: none;
  }
  .navigation.item-list,
  .news-filter,
  .time-out-filter {
    display: block;
  }



ul#menu-topmenu {
  float: right;
  margin-right: 120px;
}
#header {
    height: 145px;
    background-size: 100% auto;
}

#header .topnavigation {
    width: 250px;
    background-size: 100% auto ;
}




.respite-banner-content p {
    top: 68px;

}

.footernav {
     display: none;
}
#footer {
    background-position: center bottom;
    height: auto;
    margin-top: 40px;
}





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


#super-header h3 {
  font-size: 18px;
  padding: 25px 200px 0 0;
}
#super-header .container {
  background-size: auto 80px;
}
.section.carewise .long-tile {
    height: auto;
    overflow: hidden;
}
.section.carewise .long-tile .col {
  text-align: center;
}
.section.carewise .long-tile .col img {
  width: 100%;
}
.section.carewise .long-tile .col p {
  margin-bottom: 20px;
}



.rhide {
    display: none !important;
}
.rshow {
    display: block !important;
}

  html {
    -webkit-text-size-adjust: none;
  }

  .container {
    width: 90%;
  }
  .padleft {
    padding-left: 0;
  }
  .padright {
    padding-right: 0;
  }
  .pad {
    padding: 0;
  }
  .col,
  footer .col {
    float: none;
    width: 100%;
    padding: 0 0 20px;
    margin-left: 0%;
    margin-right: 0%;
    margin-left: auto;
    margin-right: auto;
  }
  .grid-1-4, .grid-1-2, .grid-3-4, .grid-1-3, .grid-2-3 { 
    width:100%; 
  }

  .prefix-1,.prefix-2,.prefix-3,.prefix-4,.prefix-5,.prefix-6,.prefix-7,.prefix-8,.prefix-9,.prefix-10 { 
    padding-left: 0 !important; 
  }
  .suffix-1,.suffix-2,.suffix-3,.suffix-4,.suffix-5,.suffix-6,.suffix-7,.suffix-8,.suffix-9,.suffix-10 { 
    padding-right: 0 !important; 
  } 

.topsearch,
.info-banner-ctrl {
     display: none;
  }

.home-banner .container {
  width: 100%;
}
.feature-article {
    padding-bottom: 0px !important;
}
.featured-post,
.listed-post {
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
.postmeta.col,
.postdate.col {
  text-align: left;
  margin: 0;
  padding: 0;
}

#keep-uptodate .col.first,
#online-support .col.first {
  padding-right: 0;
}
#keep-uptodate .col.last,
#online-support .col.last {
  padding-left: 0;
}

.info-nav .container {
    width: 96%;
    display: block;
    height: 162px;
    background-size: 100% 100%;
    padding: 30px 0 0 30px;
}
.info-nav .col  {
  padding-left: 0;
   margin-bottom: 10px;
   width: 290px;
   margin-left: auto;
   margin-right: auto;
}
.info-nav .col ul.submenu li {
  text-align: center;
}

.filters {
    height: auto;
    background: url(images/bg-support-serach-box-resp.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.filters .col {
  padding-bottom: 10px;
}
.filters input[type="submit"] {
    margin: 10px 0 0;
}

.support-content .item-list > ul > li.active {
    background: url(images/btn-close-resp.png) no-repeat right 5px;
}
.support-content .item-list > ul > li {
    background: url(images/btn-view-resp.png) no-repeat right 5px;
}
.support-content .view-content h4 {
  max-width: 100%;
  padding-right: 20%;
}




div.sign-up {
    top: 130px;
    right: 0;
    margin-right: 0;
    text-align: center;
}



.featureimg, .thumbimage {
  max-width: 300px;
  margin: 20px 0 !important;
}
.feature-post .data {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
}
.feature-post .row:first-child .col {
    padding-bottom: 20px;
}



.listed-post {
  padding-top: 20px;
  background: url(images/hr-line-full.png) no-repeat center top;
  background-size: 100% auto;
}
.listed-post .row {
  display: flex;
  flex-direction: column;
}
.listed-post .row .first {
  order: 1;
}
.listed-post .row .last {
  order: 2;
}
.single-post .col {
  padding-bottom: 0;
}
.single-post .postmeta, .single-post p.postmeta {
    text-align: left;
}
.single-post .data {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 20px 0;
}
.single-post.news-post .data {
  border: none;
}
.single-post .postmeta {
  order: 1;
}
.single-post p.postmeta {
  order: 2;
  margin-bottom: 3px;
}
.single-post p.postmeta span {
  padding: 0 !important;
}

.single-post .single-content .row:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.single-post .single-content .row:nth-child(2) .grid-1-3 {
  order: 1;
}
.single-post .single-content .row:nth-child(2) .grid-2-3 {
  order: 2;
}
.single-post .featureimg, .thumbimage {

  margin: 0 0 20px 0 !important;
}



.info-banner .links ul {
    float: left;
    width: 25%;
    margin-left: 0;
}
.info-banner .links ul li {
    text-align: center;
}
.respite-tile {
  float: left;
  width: 50%;
}

.respite-banner .container {
    width: 100%;
    height: 287px;
    background-size: auto 80%;
    background-position: 20px top;

}

.respite-banner-content a.btn {
    margin: 72px 12% 0 0;
}
.respite-banner-content p {

    top: 84px;
    padding: 0 185px 0 310px;
    display: none;
}
.respite-banner-content a.more {
    top: 148px;
    right: 15%;
}

.respite-useful-links,
#respite-guide-panel {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.respite-useful-links {
  margin-top: 20px;
}













.section.other-services .row {
    padding: 20px 0 0;
}
.section.other-services img {
  display: block;
  width: 100%;
  max-width: 474px;
  margin: 0 auto;
}

.info-pack-page h4 {
    margin: 0 0 20px 0;
    width: 100%;
    float: none;
}
.info-pack-page .grid-2-3 p, .info-pack-page .grid-2-3 ul {
    width: 100%;
    float: none;
}
.info-pack-page .grid-2-3 {
    background: none;
    padding: 0 0 30px 0;
}

.info-pack-page {
    background: url(images/hr-line-2-3.png) no-repeat center bottom;
    padding: 0 0 30px 0;
}
.info-links-tall {
  float: none;
  margin: 0 auto;
}
.info-pack-items .info-pack-item>div {
  margin: 0 auto;
}
.section.community .col {
  width: 100%;
}
.section.community a.fb {
  margin-left: 20px;
  position: relative;
    margin-top: -20px;
}
  .section.community a.fb::before {
    content: "\A";
    white-space: pre; 
  }

.single-time_out a.next-time-out,
.single-time_out a.next-time-out:hover {
  position: relative;
  top: auto;
  right: auto;
  float: right;
}
.single-time_out p.righttxt {
  text-align: left;
  padding-top: 20px;
}




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

#header {
  height: 115px;  
  background: none;
  border-bottom: solid 1px #dee2e0;
}
#header .topcontact {
    float: none;
    position: absolute;
    top: 55px;
    right: 0;
    background: none;
    text-align: right;
    margin-right: 2%;
  }
#header a.logo {
    position: relative;
    top: -12px;
    margin: 0 0 0 4%;
}
.info-banner .links ul {
    width: 33.333%;
}

.key-messages .row ul li {
/*   float: none;
width: 100% !important;
margin: 30px 0 0 0; */
}
.key-messages .row ul li:last-child {
/*   clear:both;
margin: 30px 0 0 0; */
}

a.floattotop {
    width: 32px;
    height: 32px;
    bottom: 10px;
    right: 2%;
}

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


#super-header h3 {
  font-size: 16px;
  padding: 20px 180px 0 0;
}
#super-header .container {
  background-size: auto 70px;
}


#header .topcontact span {
  font-size: 12px;
  text-align: right;
  width: auto;
  padding-right: 1%;
}
#header .topcontact span.number {
  font-size: 16px;
  padding-right: 1%;
}
#header a.logo {
    top: -27px;
    width: 110px;
    margin: 0 0 0 2%;
}
.info-banner .links ul {
    width: 50%;
}

.listed-post {
  background: none;
  border-top: solid 1px #dee2e0;
}


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

#super-header h3 {
  font-size: 16px;
  padding: 20px 60px 0 0;


}
#super-header .container {
  background: url(images/WeCare-for-carersnz.svg) no-repeat right bottom;
  background-size: auto 60px;

  padding-bottom: 40px;
}
}








@media only screen and (max-width: 375px) {
  h1 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    margin: 0 0 25px 0 !important;

  }
.single h1, .page h1, .mag-page h1, .info-pack-page h1, .info-pack-item-page h1, .node-type-respite-item h1, .node-time-out h1, .post-type-archive-time_out h1 {
    font-size: 24px;  
}


}
@media only screen and (min-width: 320px) and (max-device-width: 767px) and (orientation: landscape)  {

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


#header {
  height: 135px;
  background: none;
  border-bottom: solid 1px #dee2e0;

}
#header .topcontact {
    float: none;
    position: absolute;
    top: 85px;
    right: 0;
    width: 100%;

    text-align: center;
    margin-right:0%;
  }
#header  .topnavigation {
  float: left;
  width: 100%;
  background: none;
}
ul#menu-topmenu {
  float: left;
    margin-right: 0;
    margin-left: 1%;
}
#header a.logo {
    position: relative;
    top: -20px;
    margin: 0 auto;
}
.info-nav .container {
    width: 96%;
    display: block;
    height: auto;
    background-size: 100% 100%;
    padding: 30px 0 0 0;
}







.respite-tile {
  float: none;
  width: 100%;
}
.section.community {
   text-align: center;
}
.section.community img {
    float: none;
    margin-bottom: 15px;
}
.section.community a.fb {
  margin-left: 0;
}





}