/*
Theme Name:	ARTA 2016
Description: Custom theme for American Residential Treatment Association, 2016
Version: 1.0
Author: Gabe Halberg / Dadra Design
Author URI: http://dadradesign.com
*/
/*global palette*/
/*type*/
/*sizes*/
*:not(select) {
  margin: 0;
  padding: 0;
  border: 0; }

.clear {
  clear: both;
  line-height: 0;
  margin: 0;
  padding: 0; }

a:focus {
  outline: none; }

/* disable default styling for various browsers */
input[type=search],
input:not([type="checkbox"]),
textarea {
  outline: none !important;
  /*for webkit*/
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 0 !important; }

/*** all displays ***/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .shiftnav-main-toggle-content a {
    background-image: url(images/logo-small@2x.png) !important;
    background-size: 155px 16px !important; } }

/*** large displays and up -- 900px and more ***/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 900px), only screen and (min-resolution: 192dpi) and (min-width: 900px) {
  header #header-primary a#logo {
    background-image: url(images/logo-large@2x.png) !important;
    background-size: 118px 29px !important; } }

/*death note for ie8 and under*/
#lte-ie8 {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 100000; }
  #lte-ie8 .content {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    background: darkred; }
  #lte-ie8 h2 {
    font-weight: bold;
    color: #fff; }
  #lte-ie8 a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline; }

a.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  padding: 10px 20px;
  font-size: .8em;
  font-weight: 700;
  color: #fff !important;
  text-decoration: none;
  background: #337432;
  border-radius: 5px;
  z-index: 20000;
  transition: none; }
  a.skip:active, a.skip:focus, a.skip:hover {
    top: 60px;
    left: 30%; }
    @media screen and (min-width: 900px) {
      a.skip:active, a.skip:focus, a.skip:hover {
        top: 130px;
        left: 45%; } }
/*  shiftnav toggle bar & menu (small screen header & off-canvas nav)
=========================================================================*/
#shiftnav-toggle-main {
  padding: 0 !important;
  background: #337432 !important;
  /* toogle bar menu button */ }
  #shiftnav-toggle-main .shiftnav-main-toggle-content {
    padding: 0 !important;
    /* toogle bar logo */ }
    #shiftnav-toggle-main .shiftnav-main-toggle-content a {
      display: block;
      width: 155px;
      height: 16px;
      margin: 19px 0 10px 20px;
      text-indent: -9999px;
      background: url(images/logo-small.png) no-repeat center center; }
  #shiftnav-toggle-main .shiftnav-toggle-burger {
    padding-top: 17px !important;
    padding-right: 20px !important;
    font-size: 1.1em;
    color: #fff; }

#shiftnav-main .shiftnav-menu a {
  color: #4a4a4a !important; }
  #shiftnav-main .shiftnav-menu a:hover {
    color: #fff !important;
    background: #2f879d !important; }

#shiftnav-main .social-mobile {
  margin: 15px 5px 0 15px; }
  #shiftnav-main .social-mobile a {
    padding: 0 10px;
    font-size: 36px;
    color: #337432; }

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target,
.shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target,
.shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target,
.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target {
  background: none !important; }

.shiftnav .shiftnav-menu-image {
  padding-top: 22px !important;
  padding-bottom: 10px !important; }
  .shiftnav .shiftnav-menu-image img {
    width: 155px; }

header {
  /* hide header on small screen and use shift-nav toggle bar instead (see styles above) */
  position: absolute;
  top: auto;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden; }
  @media screen and (min-width: 900px) {
    header {
      position: fixed;
      top: 0;
      left: auto;
      width: 100%;
      height: auto;
      overflow: visible;
      background: #fff;
      z-index: 100000; } }
  header #header-primary {
    border-bottom: 1px solid #e1dad0; }
    header #header-primary .content {
      position: relative;
      max-width: 1260px;
      margin: 0 auto;
      overflow: hidden; }
      header #header-primary .content:after {
        content: "";
        display: table;
        clear: both; }
      @media screen and (min-width: 1260px) {
        header #header-primary .content {
          overflow: visible; } }
    header #header-primary a#logo {
      transition: none;
      display: block;
      position: absolute;
      top: 25px;
      left: 30px;
      width: 140px;
      height: 29px;
      text-indent: -9999px;
      background: url(images/logo-large.png) no-repeat left center; }
    header #header-primary #tagline {
      transition: none;
      position: absolute;
      top: 26px;
      left: 165px;
      display: inline-block;
      text-align: center;
      font-size: .75em;
      font-weight: 500;
      color: #666; }
      @media screen and (min-width: 1260px) {
        header #header-primary #tagline {
          font-size: .675em; } }
    header #header-primary nav {
      display: flex;
      justify-content: flex-end;
      align-items: stretch;
      font-size: 0; }
      header #header-primary nav a {
        display: inline-flex;
        align-items: center;
        height: 74px;
        padding: 0 25px;
        font-size: 13px;
        font-weight: 500;
        text-align: center;
        color: #fff;
        transition: all 0.15s ease; }
        @media screen and (min-width: 1080px) {
          header #header-primary nav a {
            padding: 0 40px; } }
        @media screen and (min-width: 1260px) {
          header #header-primary nav a {
            font-size: 14px; } }
        header #header-primary nav a:first-child {
          background: #2f879d; }
        header #header-primary nav a:nth-child(2) {
          background: #19778e; }
        header #header-primary nav a:nth-child(3) {
          background: #00627a; }
        header #header-primary nav a:nth-child(4) {
          background: #045062; }
        header #header-primary nav a:hover {
          color: #fff;
          background: #3997ae; }
        header #header-primary nav a:focus {
          outline: none; }
      header #header-primary nav .social-header {
        margin: 0 5px 0 10px; }
        @media screen and (min-width: 1080px) {
          header #header-primary nav .social-header {
            margin-left: 0 10px 0 20px; } }
        header #header-primary nav .social-header a {
          padding: 0 10px;
          font-size: 28px;
          color: #045062;
          background: none; }
          @media screen and (min-width: 1080px) {
            header #header-primary nav .social-header a {
              padding: 0 15px; } }
.hero {
  background: url(images/bkgnd-blue-stripes.jpg); }
  .hero .content {
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 20px;
    /*self-clear*/
    padding: 20px 20px 25px 20px;
    text-align: center; }
    @media screen and (min-width: 660px) {
      .hero .content {
        padding: 30px 40px; } }
    @media screen and (min-width: 1080px) {
      .hero .content {
        padding: 40px; } }
    @media screen and (min-width: 1340px) {
      .hero .content {
        padding-right: 0;
        padding-left: 0; } }
    .hero .content:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 1080px) {
      .hero .content {
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media screen and (min-width: 1260px) {
      .hero .content {
        padding-top: 40px;
        padding-bottom: 30px; } }
    .hero .content h1 {
      margin: 0 0 10px 0; }
    .hero .content h2 {
      margin: 0;
      font-size: 1.3em;
      font-weight: 300;
      line-height: 1.4em; }
      @media screen and (min-width: 900px) {
        .hero .content h2 {
          font-size: 1.7em; } }
footer {
  padding: 20px;
  text-align: center;
  color: #fff;
  background: #00627a; }
  footer ul {
    padding: 5px 0 20px 0; }
    footer ul li {
      list-style-type: none; }
      @media screen and (min-width: 660px) {
        footer ul li {
          display: inline-block; } }
      footer ul li a {
        display: block;
        margin: 15px 5px;
        padding: 10px 25px;
        line-height: 1.35em;
        font-weight: 300;
        font-size: .9em;
        color: #fff;
        border-radius: 5px;
        background: #045062; }
        @media screen and (min-width: 660px) {
          footer ul li a {
            margin: 0 5px;
            padding: 15px 30px; } }
        footer ul li a:hover {
          color: #fff;
          background: #19778e; }
  footer .social-footer {
    margin: -5px 0 20px 0; }
    @media screen and (min-width: 660px) {
      footer .social-footer {
        margin: 10px 0 25px 0; } }
    footer .social-footer a {
      padding: 0 10px;
      font-size: 2.25em;
      color: #fff;
      background: none; }
  footer .content {
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 20px;
    /*self-clear*/
    padding-bottom: 0;
    border-top: 1px solid #2f879d; }
    @media screen and (min-width: 660px) {
      footer .content {
        padding: 30px 40px; } }
    @media screen and (min-width: 1080px) {
      footer .content {
        padding: 40px; } }
    @media screen and (min-width: 1340px) {
      footer .content {
        padding-right: 0;
        padding-left: 0; } }
    footer .content:after {
      content: "";
      display: table;
      clear: both; }
    footer .content a {
      padding: 0 0 4px 0;
      font-size: .8em;
      font-weight: 400;
      color: #fff;
      border-bottom: 1px dashed transparent; }
      footer .content a:hover {
        text-decoration: underline; }
    footer .content #copy {
      margin-top: 20px; }
    footer .content #copy,
    footer .content #dadra {
      margin-right: auto;
      margin-left: auto;
      font-size: .8em;
      max-width: 480px; }

body {
  -webkit-text-size-adjust: 100%;
  font-family: "Rubik", Arial, sans-serif;
  color: #4a4a4a;
  font-weight: 300; }
  @media screen and (max-width: 219px) {
    body {
      font-size: .8em; } }
  @media screen and (min-width: 1260px) {
    body {
      font-size: 1.1em; } }
main {
  position: relative;
  display: block; }

@media screen and (min-width: 900px) {
  #headroom {
    margin-top: 74px; } }

@media screen and (min-width: 1260px) {
  #headroom {
    margin-top: 76px; } }

.main-content {
  box-sizing: border-box;
  max-width: 1260px;
  margin: 0 auto;
  padding: 30px 20px;
  /*self-clear*/ }
  @media screen and (min-width: 660px) {
    .main-content {
      padding: 30px 40px; } }
  @media screen and (min-width: 1080px) {
    .main-content {
      padding: 40px; } }
  @media screen and (min-width: 1340px) {
    .main-content {
      padding-right: 0;
      padding-left: 0; } }
  .main-content:after {
    content: "";
    display: table;
    clear: both; }

@media screen and (min-width: 900px) {
  .main-content.has-sidebar article {
    float: right;
    width: 66.66%; } }

.main-content.has-sidebar aside {
  margin: 20px 0 0 0; }
  @media screen and (min-width: 900px) {
    .main-content.has-sidebar aside {
      float: left;
      width: 25.5%;
      margin: 0; } }
.main-content.no-sidebar {
  max-width: 900px; }

/*  small screen fixed positioning for wp toolbar on front end
================================================================*/
@media only screen and (max-width: 680px) {
  html #wpadminbar {
    position: absolute !important;
    top: -46px !important;
    z-index: 90000 !important; } }

/*  butttons
==================================================*/
.button,
input.button {
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 15px 30px;
  text-align: center;
  line-height: 1.4em;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  font-family: inherit;
  border-radius: 4px;
  background: #00627a;
  cursor: pointer;
  transition: all 0.15s ease; }
  .button:hover,
  input.button:hover {
    color: #fff;
    background: #19778e; }

.logo-grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .logo-grid .logo-grid-item {
    width: 28%;
    margin: 5px 6% 30px 0; }
    .logo-grid .logo-grid-item:nth-of-type(3n+3) {
      margin-right: 0 !important; }
    @media screen and (min-width: 480px) {
      .logo-grid .logo-grid-item {
        width: 20%;
        margin-right: 6.66%; }
        .logo-grid .logo-grid-item:nth-of-type(3n+3) {
          margin-right: 6.66% !important; }
        .logo-grid .logo-grid-item:nth-of-type(4n+4) {
          margin-right: 0 !important; } }
    @media screen and (min-width: 900px) {
      .logo-grid .logo-grid-item {
        width: 15%;
        margin-right: 6.25%; }
        .logo-grid .logo-grid-item:nth-of-type(3n+3) {
          margin-right: 6.25% !important; }
        .logo-grid .logo-grid-item:nth-of-type(4n+4) {
          margin-right: 6.25% !important; }
        .logo-grid .logo-grid-item:nth-of-type(5n+5) {
          margin-right: 0 !important; } }
    .logo-grid .logo-grid-item img {
      display: block;
      margin: 0 auto; }

/*  images
==================================================*/
img,
.alignleft,
.alignright,
.aligncenter,
.alignnone,
.wp-caption,
.img-link {
  max-width: 100%;
  height: auto;
  box-sizing: border-box; }

.alignleft {
  display: block;
  margin: 25px 0 20px 0; }
  @media screen and (min-width: 480px) {
    .alignleft {
      float: left;
      max-width: 50%;
      margin: 15px 30px 10px 0; } }
  @media screen and (min-width: 1260px) {
    .alignleft {
      margin-top: 18px; } }
.alignright {
  display: block;
  margin: 25px 0 20px 0; }
  @media screen and (min-width: 480px) {
    .alignright {
      float: right;
      max-width: 50%;
      margin: 15px 0 10px 30px; } }
  @media screen and (min-width: 1260px) {
    .alignright {
      margin-top: 18px; } }
.aligncenter {
  display: block;
  margin: 30px auto 20px auto; }

.alignnone {
  display: block;
  margin: 30px 0; }

.wp-caption img {
  max-width: 100%; }

p.wp-caption-text {
  margin: 2px 0 0 0;
  font-size: .8em;
  text-align: center;
  line-height: 1.4em; }

aside .alignleft,
aside .alignright,
aside .aligncenter,
aside .alignnone,
aside .wp-caption,
aside .img-link {
  margin-bottom: 40px; }

/*  vids & iframes
==================================================*/
/*video (fitvids plugin)*/
.fluid-width-video-wrapper {
  clear: both;
  margin: 0 0 40px 0; }

.embed-container {
  clear: both;
  position: relative;
  margin: 25px 0;
  padding-bottom: 60%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*  headings
==================================================*/
h1 {
  margin: 0 0 18px 0;
  font-size: 2em;
  font-weight: 300;
  color: #004d60; }
  @media screen and (max-width: 219px) {
    h1 {
      font-size: 1.4em; } }
  @media screen and (min-width: 660px) {
    h1 {
      font-size: 2.5em; } }
  @media screen and (min-width: 900px) {
    h1 {
      font-size: 3.5em; } }
h2 {
  margin: 0 0 18px 0;
  line-height: 1.3em;
  font-size: 1.5em;
  font-weight: 400;
  color: #004d60; }
  @media screen and (max-width: 219px) {
    h2 {
      font-size: 1.2em; } }
  @media screen and (min-width: 900px) {
    h2 {
      font-size: 1.7em; } }
h3 {
  margin: 0 0 10px 0;
  font-size: 1.2em;
  font-weight: 400;
  color: #004d60; }
  @media screen and (max-width: 219px) {
    h3 {
      font-size: 1em; } }
  @media screen and (min-width: 660px) {
    h3 {
      font-size: 1.3em; } }
  @media screen and (min-width: 900px) {
    h3 {
      font-size: 1.4em; } }
h4 {
  margin: 0 0 10px 0;
  font-size: 1.1em;
  font-weight: 400;
  color: #004d60; }
  @media screen and (max-width: 219px) {
    h4 {
      font-size: .9em; } }
  @media screen and (min-width: 900px) {
    h4 {
      font-size: 1.2em; } }
/*  various text elements
==================================================*/
p {
  margin: 0 0 18px 0;
  line-height: 1.8em; }

strong {
  font-weight: 500; }

blockquote {
  margin: 0 20px 25px 20px;
  font-style: italic;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.8em; }
  blockquote p {
    margin: 20px 0; }
  blockquote span {
    display: block;
    margin: 10px 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: .8em; }

/*  links
==================================================*/
a {
  color: #119cac;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.15s ease; }
  a:hover {
    color: #00b8cd; }

/*  lists
==================================================*/
main ul,
main ol {
  margin: 18px 20px; }
  @media screen and (min-width: 1260px) {
    main ul,
    main ol {
      margin: 18px 20px; } }
main ul li,
main ol li {
  margin: 0 0 13px 10px;
  line-height: 1.6em; }

main ul ul,
main ol ol,
main ul ol,
main ol ul {
  margin: 10px 0 10px 10px; }

main ul ul li,
main ol ul li {
  list-style-type: square; }

main ol ol li,
main ul ol li {
  list-style-type: lower-alpha; }

.home .hero {
  position: relative;
  overflow: hidden; }
  .home .hero:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 780px) {
    .home .hero {
      border-bottom: 6px solid #cac6b9; } }
  .home .hero .img-wrap {
    display: block;
    min-height: 250px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (min-width: 780px) {
      .home .hero .img-wrap {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 60%;
        min-height: auto;
        z-index: 10; } }
    @media screen and (min-width: 1260px) {
      .home .hero .img-wrap {
        width: 55%; } }
  .home .hero .content {
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 20px;
    /*self-clear*/
    padding-bottom: 40px; }
    @media screen and (min-width: 660px) {
      .home .hero .content {
        padding: 30px 40px; } }
    @media screen and (min-width: 1080px) {
      .home .hero .content {
        padding: 40px; } }
    @media screen and (min-width: 1340px) {
      .home .hero .content {
        padding-right: 0;
        padding-left: 0; } }
    .home .hero .content:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 780px) {
      .home .hero .content {
        position: relative;
        width: 55%;
        max-width: none;
        margin: -225px 0 -225px 45%;
        padding: 225px 0;
        text-align: left;
        background: url(images/bkgnd-tan-grunge.jpg);
        border-radius: 10000px 0 0 10000px;
        z-index: 1000;
        overflow: hidden; } }
    @media screen and (min-width: 900px) {
      .home .hero .content {
        margin: -250px 0 -250px 45%;
        padding: 250px 0; } }
    @media screen and (min-width: 1260px) {
      .home .hero .content {
        width: 50%;
        margin: -300px 0 -300px 50%;
        padding: 300px 0; } }
    .home .hero .content h1 {
      max-width: 500px;
      margin: 0 auto 10px auto;
      font-weight: 400;
      font-size: 1.6em;
      line-height: 1.5em; }
      @media screen and (min-width: 780px) {
        .home .hero .content h1 {
          margin: 50px 30px 30px 90px;
          font-size: 1.8em;
          line-height: 1.3em; } }
      @media screen and (min-width: 900px) {
        .home .hero .content h1 {
          margin-left: 100px;
          font-size: 2em; } }
      @media screen and (min-width: 1260px) {
        .home .hero .content h1 {
          margin-left: 110px;
          font-size: 2.3em; } }
    .home .hero .content p {
      margin: 0 0 25px 0;
      font-size: 1.6em;
      font-weight: 700;
      color: #337432; }
      @media screen and (min-width: 780px) {
        .home .hero .content p {
          margin: 0 0 40px 0;
          padding: 8px 0 8px 90px;
          font-weight: 300;
          font-size: 1.7em;
          color: #fff;
          background: #337432; } }
      @media screen and (min-width: 900px) {
        .home .hero .content p {
          padding-left: 100px;
          font-size: 1.8em; } }
      @media screen and (min-width: 1260px) {
        .home .hero .content p {
          padding-left: 110px;
          font-size: 2em; } }
    .home .hero .content .button {
      margin-bottom: 0;
      font-size: .9em; }
      @media screen and (min-width: 780px) {
        .home .hero .content .button {
          margin: 0 0 70px 90px; } }
      @media screen and (min-width: 780px) {
        .home .hero .content .button {
          margin-left: 100px; } }
      @media screen and (min-width: 780px) {
        .home .hero .content .button {
          margin-left: 110px; } }
      @media screen and (min-width: 1260px) {
        .home .hero .content .button {
          margin: 0 0 90px 110px; } }
.home #home-intro .button,
.home #home-conditions .button,
.home #home-about .button {
  font-size: .9em; }

@media screen and (min-width: 900px) {
  .home #home-intro,
  .home #home-conditions,
  .home #home-about {
    font-size: 1.1em; }
    .home #home-intro .button,
    .home #home-conditions .button,
    .home #home-about .button {
      font-size: .85em; } }

.home #home-intro .content {
  box-sizing: border-box;
  max-width: 1260px;
  margin: 0 auto;
  padding: 30px 20px;
  /*self-clear*/
  max-width: 900px; }
  @media screen and (min-width: 660px) {
    .home #home-intro .content {
      padding: 30px 40px; } }
  @media screen and (min-width: 1080px) {
    .home #home-intro .content {
      padding: 40px; } }
  @media screen and (min-width: 1340px) {
    .home #home-intro .content {
      padding-right: 0;
      padding-left: 0; } }
  .home #home-intro .content:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 780px) {
    .home #home-intro .content {
      padding: 50px; } }
  @media screen and (min-width: 1080px) {
    .home #home-intro .content {
      max-width: 1000px; } }
  .home #home-intro .content .button {
    margin-top: 10px; }

.home #home-conditions {
  background: url(images/bkgnd-blue-stripes.jpg); }
  .home #home-conditions .content {
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 20px;
    /*self-clear*/
    max-width: 900px; }
    @media screen and (min-width: 660px) {
      .home #home-conditions .content {
        padding: 30px 40px; } }
    @media screen and (min-width: 1080px) {
      .home #home-conditions .content {
        padding: 40px; } }
    @media screen and (min-width: 1340px) {
      .home #home-conditions .content {
        padding-right: 0;
        padding-left: 0; } }
    .home #home-conditions .content:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 780px) {
      .home #home-conditions .content {
        padding: 50px; } }
    @media screen and (min-width: 1080px) {
      .home #home-conditions .content {
        max-width: 1000px; } }
    @media screen and (min-width: 780px) {
      .home #home-conditions .content p {
        margin-bottom: 25px; } }
    .home #home-conditions .content .conditions-list {
      margin: 0 0 25px 20px; }
      .home #home-conditions .content .conditions-list:after {
        content: "";
        display: table;
        clear: both; }
      @media screen and (min-width: 780px) {
        .home #home-conditions .content .conditions-list {
          margin-bottom: 30px;
          -webkit-column-count: 2;
             -moz-column-count: 2;
                  column-count: 2;
          -webkit-column-gap: 0px;
             -moz-column-gap: 0px;
                  column-gap: 0px; }
          .home #home-conditions .content .conditions-list span {
            page-break-inside: avoid;
            -webkit-column-break-inside: avoid;
               -moz-column-break-inside: avoid;
                    break-inside: avoid;
            line-height: 1.4em; } }
      .home #home-conditions .content .conditions-list span {
        display: list-item;
        margin: 0 0 11px 0;
        font-weight: 400; }
    .home #home-conditions .content .button {
      margin-bottom: 15px; }
      @media screen and (min-width: 780px) {
        .home #home-conditions .content .button {
          margin-bottom: 15px; } }
.home .feature {
  position: relative; }
  .home .feature:nth-child(2n+1) {
    background: url(images/bkgnd-blue-stripes.jpg); }
  .home .feature .feature-wrap {
    max-width: 1260px;
    margin: 0 auto; }
  .home .feature .feature-img-wrap {
    display: block;
    min-height: 250px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (min-width: 480px) {
      .home .feature .feature-img-wrap {
        min-height: 300px; } }
    @media screen and (min-width: 580px) {
      .home .feature .feature-img-wrap {
        min-height: 350px; } }
    @media screen and (min-width: 780px) {
      .home .feature .feature-img-wrap {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        min-height: auto;
        z-index: 10; } }
  @media screen and (min-width: 780px) {
    .home .feature .feature-text-wrap {
      position: relative;
      width: 50%;
      margin: 0 0 0 50%; } }
  .home .feature .feature-text-wrap .content {
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 20px;
    /*self-clear*/ }
    @media screen and (min-width: 660px) {
      .home .feature .feature-text-wrap .content {
        padding: 30px 40px; } }
    @media screen and (min-width: 1080px) {
      .home .feature .feature-text-wrap .content {
        padding: 40px; } }
    @media screen and (min-width: 1340px) {
      .home .feature .feature-text-wrap .content {
        padding-right: 0;
        padding-left: 0; } }
    .home .feature .feature-text-wrap .content:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 900px) {
      .home .feature .feature-text-wrap .content {
        padding: 50px 60px 60px 60px; } }
    @media screen and (min-width: 1260px) {
      .home .feature .feature-text-wrap .content {
        padding: 80px 60px; } }
  @media screen and (min-width: 1080px) {
    .home .feature .feature-text-wrap h2 {
      margin: 0 0 20px 0; } }
  .home .feature .feature-text-wrap h2 a {
    font-weight: 400;
    color: #004d60; }
  .home .feature .feature-text-wrap p {
    margin: 0 0 25px 0; }
  .home .feature .feature-text-wrap .button {
    margin-bottom: 10px;
    font-size: .9em; }
  @media screen and (min-width: 780px) {
    .home .feature.feature-img-right .feature-img-wrap {
      margin-left: 50%; }
    .home .feature.feature-img-right .feature-text-wrap {
      margin-left: 0; } }
  @media screen and (min-width: 1260px) {
    .home .feature.feature-img-left .feature-text-wrap .content {
      padding-right: 0; }
    .home .feature.feature-img-right .feature-text-wrap .content {
      padding-left: 0; } }
#home-about {
  background: url(images/bkgnd-blue-stripes.jpg); }
  #home-about .content {
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
    padding: 30px 20px;
    /*self-clear*/
    padding-bottom: 10px;
    max-width: 900px; }
    @media screen and (min-width: 660px) {
      #home-about .content {
        padding: 30px 40px; } }
    @media screen and (min-width: 1080px) {
      #home-about .content {
        padding: 40px; } }
    @media screen and (min-width: 1340px) {
      #home-about .content {
        padding-right: 0;
        padding-left: 0; } }
    #home-about .content:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 780px) {
      #home-about .content {
        padding: 60px 60px 40px 60px; } }
    @media screen and (min-width: 1080px) {
      #home-about .content {
        max-width: 1000px;
        padding-bottom: 50px; } }
.page-template-member-directory .intro {
  box-sizing: border-box;
  max-width: 1260px;
  margin: 0 auto;
  padding: 30px 20px;
  /*self-clear*/
  text-align: center; }
  @media screen and (min-width: 660px) {
    .page-template-member-directory .intro {
      padding: 30px 40px; } }
  @media screen and (min-width: 1080px) {
    .page-template-member-directory .intro {
      padding: 40px; } }
  @media screen and (min-width: 1340px) {
    .page-template-member-directory .intro {
      padding-right: 0;
      padding-left: 0; } }
  .page-template-member-directory .intro:after {
    content: "";
    display: table;
    clear: both; }
  .page-template-member-directory .intro p {
    margin: 0 auto;
    max-width: 1000px;
    font-size: 1.2em; }

.page-template-member-directory a.sidebar-toggle {
  position: relative;
  display: block;
  padding: 20px;
  font-weight: 400;
  color: #fff;
  background: #00627a;
  cursor: pointer; }
  @media screen and (min-width: 660px) {
    .page-template-member-directory a.sidebar-toggle {
      padding: 20px 40px; } }
  @media screen and (min-width: 900px) {
    .page-template-member-directory a.sidebar-toggle {
      display: none; } }
  .page-template-member-directory a.sidebar-toggle:after {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 21px;
    font-family: FontAwesome;
    content: "\f0dc";
    font-weight: 400; }
    @media screen and (min-width: 660px) {
      .page-template-member-directory a.sidebar-toggle:after {
        right: 40px; } }
  .page-template-member-directory a.sidebar-toggle.active:after {
    font-family: FontAwesome;
    content: "\f077";
    font-weight: 400; }
  .page-template-member-directory a.sidebar-toggle:hover {
    background: #19778e; }

.page-template-member-directory #directory:after {
  content: "";
  display: table;
  clear: both; }

@media screen and (min-width: 900px) {
  .page-template-member-directory #directory {
    background: #f0eeea; } }

.page-template-member-directory aside {
  display: none;
  box-sizing: border-box;
  padding: 25px 20px 30px 20px; }
  @media screen and (min-width: 660px) {
    .page-template-member-directory aside {
      padding: 25px 40px 30px 40px; } }
  @media screen and (min-width: 900px) {
    .page-template-member-directory aside {
      padding: 25px 20px 30px 20px; } }
  @media screen and (min-width: 900px) {
    .page-template-member-directory aside {
      display: block !important;
      float: left;
      width: 25%; } }
  @media screen and (min-width: 1260px) {
    .page-template-member-directory aside {
      width: 20%;
      font-size: .9em; } }
  @media screen and (min-width: 1600px) {
    .page-template-member-directory aside {
      width: 15%; } }
  @media screen and (min-width: 1900px) {
    .page-template-member-directory aside {
      width: 12.5%; } }
  .page-template-member-directory aside h3 {
    display: none; }
    @media screen and (min-width: 900px) {
      .page-template-member-directory aside h3 {
        display: block;
        margin: 0 0 5px 0; } }
  .page-template-member-directory aside em {
    display: block;
    margin: 0 0 30px 0;
    font-size: .85em;
    color: #666; }
  .page-template-member-directory aside .input-group {
    margin: 25px 0; }
    .page-template-member-directory aside .input-group .checkbox {
      display: block;
      position: relative;
      cursor: pointer;
      margin: 15px 0; }
      .page-template-member-directory aside .input-group .checkbox input[type="checkbox"] {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        margin: 0;
        opacity: 0;
        z-index: 1; }
        .page-template-member-directory aside .input-group .checkbox input[type="checkbox"]:checked ~ label:after {
          opacity: 1; }
        .page-template-member-directory aside .input-group .checkbox input[type="checkbox"]:focus ~ label:before {
          background: #eee; }
      .page-template-member-directory aside .input-group .checkbox label {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding-left: 1.5em; }
        .page-template-member-directory aside .input-group .checkbox label:before, .page-template-member-directory aside .input-group .checkbox label:after {
          content: '';
          display: block;
          position: absolute; }
        .page-template-member-directory aside .input-group .checkbox label:before {
          left: 0;
          top: 0;
          width: 18px;
          height: 18px;
          margin-right: 10px;
          background: #ddd;
          border-radius: 3px; }
        .page-template-member-directory aside .input-group .checkbox label:after {
          content: '';
          position: absolute;
          top: 4px;
          left: 4px;
          width: 10px;
          height: 10px;
          border-radius: 2px;
          background: #469e45;
          opacity: 0;
          pointer-events: none; }
  .page-template-member-directory aside button {
    font-size: 1em; }

.page-template-member-directory .directory-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  max-width: none;
  min-height: 150px;
  margin: 0 auto;
  padding: 0; }
  @media screen and (min-width: 900px) {
    .page-template-member-directory .directory-grid {
      float: right;
      width: 75%; } }
  @media screen and (min-width: 1260px) {
    .page-template-member-directory .directory-grid {
      width: 80%; } }
  @media screen and (min-width: 1600px) {
    .page-template-member-directory .directory-grid {
      width: 85%; } }
  @media screen and (min-width: 1900px) {
    .page-template-member-directory .directory-grid {
      width: 87.5%; } }
  .page-template-member-directory .directory-grid div.grid-item {
    display: none;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
    text-decoration: none;
    background: #fff; }
    @media screen and (min-width: 540px) {
      .page-template-member-directory .directory-grid div.grid-item {
        width: 50%;
        border-right: 1px solid #cac6b9;
        border-bottom: 1px solid #cac6b9; } }
    @media screen and (min-width: 900px) {
      .page-template-member-directory .directory-grid div.grid-item {
        font-size: .9em; } }
    @media screen and (min-width: 1080px) {
      .page-template-member-directory .directory-grid div.grid-item {
        width: 33.33%; } }
    @media screen and (min-width: 1600px) {
      .page-template-member-directory .directory-grid div.grid-item {
        width: 25%; } }
    @media screen and (min-width: 1900px) {
      .page-template-member-directory .directory-grid div.grid-item {
        width: 20%; } }
    @media screen and (min-width: 900px) {
      .page-template-member-directory .directory-grid div.grid-item:hover {
        background: #fcfaf5; } }
    .page-template-member-directory .directory-grid div.grid-item a {
      display: block;
      height: 100%;
      font-weight: 300; }
    .page-template-member-directory .directory-grid div.grid-item img {
      display: block;
      max-width: none;
      width: 100%;
      transition: all 0.15s ease; }
    .page-template-member-directory .directory-grid div.grid-item:hover img {
      opacity: .9; }
    .page-template-member-directory .directory-grid div.grid-item .text-wrap {
      padding: 20px 20px 25px 20px;
      color: #4a4a4a;
      line-height: 1.6em; }
      @media screen and (min-width: 660px) {
        .page-template-member-directory .directory-grid div.grid-item .text-wrap {
          padding: 25px 25px 30px 25px; } }
      .page-template-member-directory .directory-grid div.grid-item .text-wrap h2 {
        margin: 0 0 12px 0;
        line-height: 1.2em;
        font-weight: 400; }
        @media screen and (min-width: 1080px) {
          .page-template-member-directory .directory-grid div.grid-item .text-wrap h2 {
            font-size: 1.8em; } }
      .page-template-member-directory .directory-grid div.grid-item .text-wrap .location {
        margin: 0 0 12px 0;
        font-size: 1.4em;
        color: #004d60; }
      .page-template-member-directory .directory-grid div.grid-item .text-wrap .program-type {
        margin: 0 0 12px 0; }
        .page-template-member-directory .directory-grid div.grid-item .text-wrap .program-type strong {
          font-weight: 500; }
        .page-template-member-directory .directory-grid div.grid-item .text-wrap .program-type span:last-of-type {
          display: none; }
      .page-template-member-directory .directory-grid div.grid-item .text-wrap p {
        margin: 0;
        line-height: 1.6em; }
  .page-template-member-directory .directory-grid .fail-message {
    position: absolute;
    top: 70px;
    left: 20px;
    bottom: 0;
    right: 20px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: 150ms; }
    @media screen and (min-width: 900px) {
      .page-template-member-directory .directory-grid .fail-message {
        top: 100px; } }
    .page-template-member-directory .directory-grid .fail-message span {
      display: inline-block;
      max-width: 400px !important;
      font-weight: 700; }
      @media screen and (min-width: 900px) {
        .page-template-member-directory .directory-grid .fail-message span {
          padding: 30px;
          font-size: 1.5em;
          background: #fcfaf5;
          border-radius: 6px; } }
  .page-template-member-directory .directory-grid.fail .fail-message {
    opacity: 1;
    pointer-events: auto; }

.page-template-choosing-the-right-facility .tabs-wrap {
  position: relative;
  box-sizing: border-box;
  max-width: 1260px;
  margin: 0 auto;
  padding: 30px 20px;
  /*self-clear*/
  max-width: none; }
  @media screen and (min-width: 660px) {
    .page-template-choosing-the-right-facility .tabs-wrap {
      padding: 30px 40px; } }
  @media screen and (min-width: 1080px) {
    .page-template-choosing-the-right-facility .tabs-wrap {
      padding: 40px; } }
  @media screen and (min-width: 1340px) {
    .page-template-choosing-the-right-facility .tabs-wrap {
      padding-right: 0;
      padding-left: 0; } }
  .page-template-choosing-the-right-facility .tabs-wrap:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 900px) {
    .page-template-choosing-the-right-facility .tabs-wrap {
      padding: 0 0 30px 0; } }
  .page-template-choosing-the-right-facility .tabs-wrap #tabs-nav-target {
    position: absolute;
    top: -60px; }
    @media screen and (min-width: 900px) {
      .page-template-choosing-the-right-facility .tabs-wrap #tabs-nav-target {
        top: -122px; } }
    @media screen and (min-width: 1260px) {
      .page-template-choosing-the-right-facility .tabs-wrap #tabs-nav-target {
        top: -124px; } }
  @media screen and (min-width: 900px) {
    .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap {
      background: #00627a !important; } }
  .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav {
    display: block;
    position: relative;
    margin: 0 0 -1px 0;
    box-sizing: border-box;
    border: 0;
    border-radius: 20px 20px 0 0;
    z-index: 100; }
    @media screen and (min-width: 900px) {
      .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav {
        max-width: 1080px;
        margin: 0 auto;
        text-align: center;
        font-size: 0;
        border-radius: 0; } }
    .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li {
      display: block;
      position: relative;
      margin: 0;
      box-sizing: border-box;
      list-style-type: none; }
      @media screen and (min-width: 900px) {
        .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li {
          display: inline-block;
          border-right: 1px solid #fff; } }
      .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li:last-of-type {
        margin: 0 0 20px 0; }
        @media screen and (min-width: 900px) {
          .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li:last-of-type {
            margin: 0;
            border-right: 0; } }
        .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li:last-of-type a {
          padding-bottom: 10px;
          box-shadow: none; }
          @media screen and (min-width: 900px) {
            .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li:last-of-type a {
              padding-bottom: 15px; } }
          @media screen and (min-width: 1260px) {
            .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li:last-of-type a {
              padding-bottom: 20px; } }
      .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a {
        display: block;
        margin-bottom: -20px;
        padding: 10px 20px 30px 20px;
        font-weight: 400;
        color: #fff;
        border: 1px solid transparent;
        border-radius: 20px 20px 0 0;
        background: #00627a;
        box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.2); }
        @media screen and (min-width: 900px) {
          .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a {
            position: relative;
            margin-bottom: 0;
            padding: 15px 25px;
            font-weight: 500;
            font-size: 15px;
            line-height: 1.5em;
            box-shadow: none;
            border-radius: 0;
            border: 0; } }
        @media screen and (min-width: 1080px) {
          .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a {
            padding: 15px 30px; } }
        @media screen and (min-width: 1260px) {
          .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a {
            padding: 20px 35px;
            font-size: 16px; } }
        .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a:hover {
          background: #19778e; }
        .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a:before {
          padding-right: 10px;
          font-family: FontAwesome;
          content: "\f0da";
          font-weight: 400 !important; }
          @media screen and (min-width: 900px) {
            .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a:before {
              padding-right: 0 !important;
              content: "" !important; } }
        .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a span {
          display: inline-block;
          margin-right: 5px; }
          @media screen and (min-width: 900px) {
            .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a span {
              display: block; } }
        .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a br {
          display: none; }
          @media screen and (min-width: 900px) {
            .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li a br {
              display: inline; } }
      .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li.ui-tabs-active a {
        position: relative;
        color: #4a4a4a;
        cursor: text;
        background: #fff;
        border-color: #00627a;
        border-bottom-color: #fff; }
        @media screen and (min-width: 900px) {
          .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li.ui-tabs-active a {
            color: #fff;
            background: #337432; } }
        .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li.ui-tabs-active a:before {
          padding-right: 10px;
          font-family: FontAwesome;
          content: "\f0d7";
          font-weight: 400 !important; }
        @media screen and (min-width: 900px) {
          .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li.ui-tabs-active a:after {
            content: "";
            position: absolute;
            bottom: -25px;
            left: 50%;
            height: 0;
            width: 0;
            border: solid transparent; } }
        @media screen and (min-width: 900px) {
          .page-template-choosing-the-right-facility .tabs-wrap .tabs-nav-wrap ol.tabs-nav li.ui-tabs-active a:after {
            margin-left: -20px;
            border-top: 25px solid #337432;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            transition: all 0.15s ease; } }
  .page-template-choosing-the-right-facility .tabs-wrap .tab-panels {
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    border: 1px solid #00627a;
    border-top: 0;
    z-index: 0; }
    @media screen and (min-width: 900px) {
      .page-template-choosing-the-right-facility .tabs-wrap .tab-panels {
        max-width: 880px;
        margin: 0 auto;
        padding: 40px;
        border: 0; } }
    @media screen and (min-width: 1260px) {
      .page-template-choosing-the-right-facility .tabs-wrap .tab-panels {
        padding-top: 50px; } }
  .page-template-choosing-the-right-facility .tabs-wrap .button.prev-tab {
    margin-right: 10px; }

.page-template-member-single .hero .crumbs {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  font-size: .8em;
  border-bottom: 1px solid #ccc; }
  @media screen and (min-width: 900px) {
    .page-template-member-single .hero .crumbs {
      margin: 0 0 25px 0;
      padding: 0 0 25px 0;
      text-align: left; } }
  .page-template-member-single .hero .crumbs a {
    font-weight: 300;
    color: #4a4a4a; }
    .page-template-member-single .hero .crumbs a:hover {
      text-decoration: underline; }
  .page-template-member-single .hero .crumbs span {
    display: inline-block;
    margin: 0 3px; }

.page-template-member-single .hero h1 {
  margin: 0; }

.page-template-member-single .hero h2 {
  display: block;
  max-width: 900px;
  margin: 10px auto 0 auto;
  font-size: 1.3em;
  line-height: 1.4em; }
  @media screen and (min-width: 900px) {
    .page-template-member-single .hero h2 {
      font-size: 1.7em; } }
.page-template-member-single .hero-img-wrap {
  max-width: 1260px;
  margin: 0 auto;
  overflow: hidden;
  /*allow trimming of image bottoms (see below)*/ }
  .page-template-member-single .hero-img-wrap:after {
    content: "";
    display: table;
    clear: both; }
  .page-template-member-single .hero-img-wrap img.hero-primary {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 66.66%;
    margin-bottom: -2px;
    /*trim bottom of images so all pics are same height*/
    border-right: 1px solid transparent; }
  .page-template-member-single .hero-img-wrap img.hero-secondary {
    display: block;
    float: left;
    width: 33.33%;
    margin-bottom: 1px; }
  .page-template-member-single .hero-img-wrap img.hero-tertiary {
    display: block;
    float: left;
    width: 33.33%;
    margin-bottom: -2px;
    /*trim bottom of images so all pics are same height*/ }

.page-template-member-single p.member-intro {
  margin: 0 0 25px 0;
  font-weight: 400;
  font-size: 1.05em;
  color: #004d60; }
  @media screen and (min-width: 900px) {
    .page-template-member-single p.member-intro {
      margin: 0 0 35px 0;
      font-size: 1.3em;
      font-weight: 300; } }
.page-template-member-single p.multiple-locations-note {
  margin: -10px 0 30px 0;
  padding: 15px 20px;
  font-weight: 500;
  line-height: 1.5em;
  border-left: 4px solid #469e45;
  background: #f0eeea; }

.page-template-member-single .facility-specs {
  margin: 0 0 25px 0;
  background: #f0eeea; }
  @media screen and (min-width: 1260px) {
    .page-template-member-single .facility-specs {
      margin: 0 0 30px 0; } }
  .page-template-member-single .facility-specs .facility-details,
  .page-template-member-single .facility-specs .conditions,
  .page-template-member-single .facility-specs .services {
    padding: 20px; }
    @media screen and (min-width: 660px) {
      .page-template-member-single .facility-specs .facility-details,
      .page-template-member-single .facility-specs .conditions,
      .page-template-member-single .facility-specs .services {
        padding: 25px 30px; } }
  .page-template-member-single .facility-specs .facility-details,
  .page-template-member-single .facility-specs .conditions {
    border-bottom: 1px solid #fff; }
  .page-template-member-single .facility-specs .facility-details span {
    display: block;
    margin: 0 0 11px 0; }
  @media screen and (min-width: 660px) {
    .page-template-member-single .facility-specs .facility-details,
    .page-template-member-single .facility-specs .conditions-list,
    .page-template-member-single .facility-specs .services-list {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 50px;
         -moz-column-gap: 50px;
              column-gap: 50px; }
      .page-template-member-single .facility-specs .facility-details span,
      .page-template-member-single .facility-specs .conditions-list span,
      .page-template-member-single .facility-specs .services-list span {
        -webkit-column-break-inside: avoid;
           -moz-column-break-inside: avoid;
                break-inside: avoid;
        page-break-inside: avoid;
        line-height: 1.4em; } }
  .page-template-member-single .facility-specs .conditions strong,
  .page-template-member-single .facility-specs .services strong {
    display: block;
    margin-bottom: 15px; }
  .page-template-member-single .facility-specs .conditions .conditions-list,
  .page-template-member-single .facility-specs .conditions .services-list,
  .page-template-member-single .facility-specs .services .conditions-list,
  .page-template-member-single .facility-specs .services .services-list {
    margin: 0 0 0 15px; }
    .page-template-member-single .facility-specs .conditions .conditions-list:after,
    .page-template-member-single .facility-specs .conditions .services-list:after,
    .page-template-member-single .facility-specs .services .conditions-list:after,
    .page-template-member-single .facility-specs .services .services-list:after {
      content: "";
      display: table;
      clear: both; }
    .page-template-member-single .facility-specs .conditions .conditions-list span,
    .page-template-member-single .facility-specs .conditions .services-list span,
    .page-template-member-single .facility-specs .services .conditions-list span,
    .page-template-member-single .facility-specs .services .services-list span {
      display: list-item;
      margin: 0 0 11px 0; }
  .page-template-member-single .facility-specs .conditions p.conditions-blurb,
  .page-template-member-single .facility-specs .conditions p.services-blurb,
  .page-template-member-single .facility-specs .services p.conditions-blurb,
  .page-template-member-single .facility-specs .services p.services-blurb {
    margin: 15px 0 0 0;
    line-height: 1.4em; }
    @media screen and (min-width: 660px) {
      .page-template-member-single .facility-specs .conditions p.conditions-blurb,
      .page-template-member-single .facility-specs .conditions p.services-blurb,
      .page-template-member-single .facility-specs .services p.conditions-blurb,
      .page-template-member-single .facility-specs .services p.services-blurb {
        margin: 20px 0 0 0; } }
.page-template-member-single .facility-images {
  margin: 30px 0; }
  .page-template-member-single .facility-images .img-row {
    overflow: hidden;
    /*allow trimming of image bottoms (see img below)*/
    border-bottom: 1px solid transparent; }
    .page-template-member-single .facility-images .img-row img {
      display: block;
      float: left;
      box-sizing: border-box;
      margin-bottom: -5px;
      /*trim bottom of images so all pics are same height*/ }
      .page-template-member-single .facility-images .img-row img.img-full {
        width: 100%; }
      .page-template-member-single .facility-images .img-row img.img-two-thirds {
        width: 66.6666%;
        border-right: 1px solid transparent; }
      .page-template-member-single .facility-images .img-row img.img-half {
        width: 50%;
        border-right: 1px solid transparent; }
      .page-template-member-single .facility-images .img-row img.img-third {
        width: 33.3333%;
        border-right: 1px solid transparent; }
      .page-template-member-single .facility-images .img-row img:last-of-type {
        border: 0; }

.page-template-member-single article .button {
  margin-top: 15px;
  background: #F49500; }
  .page-template-member-single article .button:hover {
    background: #ff9c00; }

.page-template-member-single a.sidebar-toggle {
  position: relative;
  display: block;
  padding: 20px 60px 20px 20px;
  font-weight: 400;
  color: #fff;
  background: #00627a;
  cursor: pointer; }
  @media screen and (min-width: 660px) {
    .page-template-member-single a.sidebar-toggle {
      padding: 20px 60px 20px 40px; } }
  @media screen and (min-width: 900px) {
    .page-template-member-single a.sidebar-toggle {
      display: none; } }
  .page-template-member-single a.sidebar-toggle:after {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 35%;
    font-family: FontAwesome;
    content: "\f0c1";
    font-weight: 400; }
    @media screen and (min-width: 660px) {
      .page-template-member-single a.sidebar-toggle:after {
        right: 40px; } }
  .page-template-member-single a.sidebar-toggle.active:after {
    font-family: FontAwesome;
    content: "\f077";
    font-weight: 400; }
  .page-template-member-single a.sidebar-toggle:hover {
    background: #19778e; }

.page-template-member-single aside {
  display: none;
  position: relative;
  margin: 0 0 25px 0 !important;
  padding-bottom: 15px;
  border-bottom: 1px solid #e1dad0; }
  @media screen and (min-width: 900px) {
    .page-template-member-single aside {
      display: block !important;
      margin: 0 !important;
      padding: 0;
      border: 0; } }
  .page-template-member-single aside a.member-logo {
    display: block;
    max-width: 300px;
    margin: 0 0 30px 0; }
    @media screen and (min-width: 900px) {
      .page-template-member-single aside a.member-logo {
        width: 100%;
        max-width: none; } }
  .page-template-member-single aside .button {
    display: block;
    box-sizing: border-box;
    max-width: 300px;
    margin: 0 0 25px 0;
    background: #F49500; }
    @media screen and (min-width: 900px) {
      .page-template-member-single aside .button {
        width: 100%;
        max-width: none; } }
    .page-template-member-single aside .button:hover {
      background: #ff9c00; }
  .page-template-member-single aside .social {
    margin: 0 0 20px 0; }
    .page-template-member-single aside .social .social-icon {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin: 0 5px 7px 0;
      background-size: 40px !important; }
      .page-template-member-single aside .social .social-icon.facebook {
        background: url(images/facebook@2x.png) no-repeat; }
      .page-template-member-single aside .social .social-icon.twitter {
        background: url(images/twitter@2x.png) no-repeat; }
      .page-template-member-single aside .social .social-icon.youtube {
        background: url(images/youtube@2x.png) no-repeat; }
      .page-template-member-single aside .social .social-icon.vimeo {
        background: url(images/vimeo@2x.png) no-repeat; }
      .page-template-member-single aside .social .social-icon.instagram {
        background: url(images/instagram@2x.png) no-repeat; }
      .page-template-member-single aside .social .social-icon.linkedin {
        background: url(images/linkedin@2x.png) no-repeat; }
      .page-template-member-single aside .social .social-icon.pinterest {
        background: url(images/pinterest@2x.png) no-repeat; }
      .page-template-member-single aside .social .social-icon.googleplus {
        background: url(images/googleplus@2x.png) no-repeat; }
  .page-template-member-single aside p {
    margin: 0 0 10px 0;
    line-height: 1.4em; }
    .page-template-member-single aside p strong {
      font-weight: 500; }
/*# sourceMappingURL=style.css.map */