/* TABLET LANDSCAPE / DESKTOP */
/*retina image mixin*/
#news a:link, #news a:visited, #header a:link, #header a:visited, #content a:link, #content a:visited {
  color: #36499f; }

em {
  font-style: italic; }

.gradient {
  background: -webkit-linear-gradient(top, rgba(54, 73, 159, 0), rgba(54, 73, 159, .6));
  background: -o-linear-gradient(top, rgba(54, 73, 159, 0), rgba(54, 73, 159, .6));
  background: -moz-linear-gradient(top, rgba(54, 73, 159, 0), rgba(54, 73, 159, .6));
  /*Fx 3.6-15*/
  background: linear-gradient(to bottom, rgba(54, 73, 159, 0), rgba(54, 73, 159, .6));
  /*Standard*/
  /*phone*/ }

.in-page .InfinityNumber13386 {
  color: #efb21b;
  font-weight: 700;
  display: inline-block;
  border-radius: 5px;
  padding: 2px; }

.in-page .InfinityNumber13386:before {
  content: "\f095";
  padding-right: 2px;
  /*lists*/ }

#content ul ul {
  font-size: 1em; }

.single-post #content ul, aside#sidebar ul {
  -moz-column-count: 1;
  -moz-column-gap: 0px;
  -webkit-column-count: 1;
  -webkit-column-gap: 0px;
  column-count: 1;
  column-gap: 0px; }

.page #content ul, .page #content ul ul {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px; }

.page #content .one-col ul, .page-id-59 #content ul, .page-id-4563 #content ul {
  -moz-column-count: 1 !important;
  -moz-column-gap: 0px !important;
  -webkit-column-count: 1 !important;
  -webkit-column-gap: 0px !important;
  column-count: 1 !important;
  column-gap: 0px !important; }

.page #content ul li {
  margin-left: 30px;
  list-style-type: disc; }

.page #content ol li {
  list-style-type: decimal;
  margin-left: 30px;
  /*images*/ }

.sprite {
  display: block;
  text-indent: -9999px;
  background: url('../img/sprite.png') no-repeat;
  /* on retina, use image that's scaled by 2 */
  /*end retina image mixin*/ }
  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sprite {
    background-image: url("../img/sprite2x.png");
    background-size: 686px 741px; } }

.responsive-img {
  width: 100% !important;
  height: auto !important; }

#content #content {
  position: relative; }

img.alignright, .wp-caption.alignright {
  float: right;
  margin: 0 -5% 50px 50px; }

img.alignleft, .wp-caption.alignleft {
  float: left;
  margin: 0 50px 50px -5%; }

img.alignnone {
  margin: 0px 0 30px -5% !important;
  width: 110% !important;
  height: auto; }

.page-id-4564 img.alignnone {
  margin: 0 auto;
  width: auto !important; }

.blog img.alignnone, .archive img.alignnone, .search img.alignnone {
  width: 100% !important;
  margin: 0 0 30px 0 !important; }

div > .breakout {
  position: relative; }

.breakout {
  float: right;
  position: relative;
  right: -200px;
  margin-left: -170px; }

.breakout > img {
  width: 100%;
  height: auto;
  /*caption*/ }

.wp-caption {
  background: #f1f5f7;
  border-radius: 5px; }

.wp-caption img {
  margin: 0 !important;
  height: auto;
  width: 100%; }

.wp-caption p {
  color: #36499f;
  padding: 10px;
  margin: 0 !important;
  font-size: 70%;
  text-align: center;
  line-height: 0;
  /*font awesome*/ }

.fa, .in-page .InfinityNumber13386:before, .btn-phone span:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  /*text*/ }

.f-18 {
  font-size: 1.13em;
  line-height: 1.66em;
  margin-bottom: 1.75em; }

.f-16 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em; }

.single-locations .f-16 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.8em; }

.f-14 {
  font-size: 0.88em;
  line-height: 1.5em;
  margin-bottom: 1em; }

.f-22 {
  font-size: 1.375em;
  line-height: 1.55em;
  margin-bottom: 35px; }

strong {
  font-weight: 700; }

.tright {
  text-align: right;
  /*spacing*/ }

.p-20 {
  padding: 20px 0; }

.pall-20 {
  padding: 20px; }

.p-30 {
  padding: 30px 0; }

.p-50 {
  padding: 50px 0; }

.p-60 {
  padding: 60px 0; }

.p-80 {
  padding: 80px 0; }

.pleft-20 {
  padding-left: 20px; }

.pleft-50 {
  padding-left: 50px; }

.pright-20 {
  padding-right: 20px; }

.pright-50 {
  padding-right: 50px; }

.m-20 {
  margin: 20px 0; }

.m-50 {
  margin: 50px 0; }

.m-80 {
  margin: 80px 0; }

.mleft-10 {
  margin-left: 10px; }

.mleft-20 {
  margin-left: 20px; }

.mleft-50 {
  margin-left: 50px; }

.mright-10 {
  margin-right: 10px; }

.mright-20 {
  margin-right: 20px; }

.mright-30 {
  margin-right: 30px; }

.mright-50 {
  margin-right: 50px;
  /*btns*/ }

.btn, form input[type="submit"] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 3px solid transparent;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-blue, form input[type="submit"] {
  border-color: #36499f;
  background: transparent;
  color: #36499f;
  font-size: 16px;
  padding: 8px 12px; }

.btn-blue:hover, form input[type="submit"]:hover {
  border-color: #5a6ec7;
  color: #5a6ec7; }

.btn-white {
  border-color: #fff;
  background: transparent;
  color: #fff !important;
  font-size: 16px;
  padding: 8px 12px; }

.btn-white:hover {
  color: rgba(255, 255, 255, .8) !important;
  border-color: rgba(255, 255, 255, .8); }

.btn-phone {
  background: #efb21b;
  border-color: #efb21b;
  color: white !important; }

.btn-phone:hover {
  background: #ffb90b;
  border-color: #ffb90b;
  color: white !important; }

.btn-phone a {
  color: #fff !important;
  text-decoration: none; }

.btn-phone span:before {
  content: "\f095";
  padding-right: 5px; }

.btn-sm {
  font-size: 16px;
  padding: 6px 12px !important; }

.btn-lrg {
  font-size: 24px;
  padding: 6px 12px !important;
  /*headers*/ }

h1, h2, h3, h4, h5 {
  color: #36499f;
  font-weight: 700; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
  color: #36499f;
  text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active {
  text-decoration: underline; }

.home h2 {
  font-size: 2.19em;
  line-height: 1.14em;
  margin-bottom: 1.14em; }

#content h2 {
  font-size: 1.875em;
  line-height: 1.16em;
  margin-bottom: 1em; }

.category #content h2 {
  font-size: 1.375em;
  line-height: 1.27em;
  margin-bottom: 1em; }

#content h3 {
  font-size: 1.125em;
  line-height: 1.4em;
  margin-bottom: 1em;
  /*archive titles*/
  /*floats*/ }

.pull-left {
  float: left; }

.pull-right {
  float: right;
  /*grid*/ }

.col-20 {
  width: 20%; }

.col-30 {
  width: 30%; }

.col-40 {
  width: 40%; }

.col-50 {
  width: 50%; }

.col-60 {
  width: 60%; }

.col-70 {
  width: 70%; }

.col-80 {
  width: 80%; }

.col-100 {
  width: 100%; }

.col-60-center {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  /*thirds*/ }

.col-three {
  width: 33.33333%;
  /*col-four*/ }

.col-four {
  width: 25%;
  /*animations*/ }

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }

.hvr-icon-forward:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  /*forms*/ }

input[type="text"], select, input[type="email"], textarea {
  clear: both;
  border: 3px solid #b0c7d2;
  background: #fff;
  border-radius: 5px;
  padding: 6px 12px !important;
  width: 95% !important; }

input[type="text"]:focus, select:focus, input[type="email"]:focus, textarea:focus {
  border: 3px solid #36499f; }

form input[type="submit"] {
  font-size: 24px;
  padding: 6px 12px !important; }

.clientid {
  display: none; }

.clickable a {
  color: #efb21b !important;
  text-decoration: none !important; }

.phonecontmobile .clickable a, header .clickable a, #location-list .btn .clickable a, #location-list form input[type="submit"] .clickable a, form #location-list input[type="submit"] .clickable a, .btn .clickable a, form input[type="submit"] .clickable a {
  color: #fff !important;
  text-decoration: none !important; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  header .shiftnav-toggle {
    display: block !important; }

  header #desktop {
    display: none; }

  .container {
    padding: 0 3%; }

  .tax-location-area article, .post-type-archive-locations article.col-30 {
    width: 45%;
    clear: none;
    float: left !important; }

  .page #content ul, .page-id-59 #content ul {
    -moz-column-count: 1 !important;
    -moz-column-gap: 0px;
    -webkit-column-count: 1 !important;
    -webkit-column-gap: 0px;
    column-count: 1 !important;
    column-gap: 0px; }

  .home section#locations {
    background: #293879 url('../img/map-mobile.png') center top no-repeat;
    background-size: 100% auto;
    min-width: 100%;
    min-height: 100%; }

  .home section#treatment-programs-cta p, .col-40.tright {
    text-align: center; }

  .home section#treatment-programs-cta p {
    margin: 0 0 20px 0; }

  header #trigger-overlay {
    display: none; }

  .map-address {
    margin-right: 0 !important; } }

@media only screen and (max-width: 959px) {
  /* TABLETS PORTRAIT */
    .container {
      padding: 0 3%; }
    header .shiftnav-toggle {
      display: block !important; }
    .home section#locations #markers {
      opacity: 0.5; }
    .col-30.pull-right, .col-60.pull-left {
      width: 100%;
      display: block;
      clear: both;
      float: none; }
    .tax-location-area article, .post-type-archive-locations article.col-30 {
      width: 45%;
      clear: none;
      float: left !important; }
    .breakout {
      right: 0px;
      width: 50%;
      margin-left: 30px; }
    .affix {
      position: static; }
    header #trigger-overlay {
      display: none; } }

@media only screen and (max-width: 768px) {
  .container {
    padding: 0 3%; }

  #content h2 {
    font-size: 1.13em;
    line-height: 1.47em;
    margin-bottom: 1.47em; }

  header .phonenumber {
    padding: 0 8px; }

  .col-50, .col-30, .col-30.mleft-20, .col-three.pull-left, .col-60.pull-right, .col-60, .col-40, .home section#treatment-programs-cta .col-100, .home section#treatment-programs-cta .col-100 div, .col-60-center, footer .right, footer .left, .col-30.pull-right, .col-60.pull-left {
    width: 100%;
    display: block;
    clear: both;
    float: none; }

  .single-locations .intro p, .post-type-archive-locations p {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em; }

  .home section#treatment-programs-cta p, .col-40.tright {
    text-align: center; }

  .home section#treatment-programs-cta p {
    margin: 0 0 20px 0; }

  #treatment .col-three.pull-left {
    margin-bottom: 3em; }

  footer .left {
    padding-bottom: 20px; }

  footer .footer-nav li, footer .social-nav li {
    padding: 0 10px 20px 10px; }

  .home section#locations {
    background: #293879 url('../img/map-mobile.png') center top no-repeat;
    background-size: 100% auto;
    min-width: 100%;
    min-height: 100%; }

  .home section#locations i.marker {
    display: none; }

  #news .col-30.mleft-20 {
    width: 30%;
    margin-left: 10px;
    float: left;
    clear: none; }

  #news p {
    display: none; }

  #page-header, #page-header:before, #page-header .container {
    height: 200px;
    min-height: 200px; }

  #page-header i {
    display: block;
    width: 82px;
    height: 83px;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 15;
    background: url("../img/sprite2x.png");
    background-size: 343px 371px; }

  .single-locations #page-header i {
    background-position: -80px -65px !important;
    /*detox*/ }

  .page-template-single-treatment-program i.icon-23 {
    background-position: 1px -149px !important;
    /*detox*/ }

  .page-template-single-treatment-program i.icon-26, .page-template-single-treatment-program i.icon-28, .page-template-single-treatment-program i.icon-34, .page-template-single-treatment-program i.icon-35, .page-template-single-treatment-program i.icon-36 {
    background-position: -80px -149px !important;
    /*residential*/ }

  .page-template-single-treatment-program i.icon-21 {
    background-position: -163px -149px !important;
    /*IOP*/ }

  .page-template-single-treatment-program i.icon-37, .page-template-single-treatment-program i.icon-38, .page-template-single-treatment-program i.icon-39 {
    background-position: -243px -65px !important;
    /*adolescent*/ }

  .page-template-single-treatment-program i.icon-40 {
    background-position: -243px -149px !important;
    /*lgbtqi*/ }

  .page-template-single-treatment-program i.icon-41, .page-template-single-treatment-program i.icon-42, .page-template-single-treatment-program i.icon-43 {
    background-position: -81px -231px !important;
    /*continuing care*/ }

  .page-template-single-treatment-program i.icon-44 {
    background-position: 1px -231px !important;
    /*alumni*/ }

  .icon-61 {
    background-position: 1px -65px !important;
    /*admissions*/ }

  .icon-64 {
    background-position: -162px -231px !important;
    /*detox*/ }

  .single-locations #content {
    text-align: center; }

  #page-header h1 {
    position: absolute;
    bottom: 70px;
    padding: 0 10px;
    font-size: 1.875em;
    line-height: 1em;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }

  .page-template-default h1, .page-template-treatment-programs h1 {
    font-size: 2.5em;
    line-height: 1em; }

  .single-locations ul.programs, .single-locations ul.therapies, .single-locations .schedules ul {
    -moz-column-count: 1 !important;
    -moz-column-gap: 0px !important;
    -webkit-column-count: 1 !important;
    -webkit-column-gap: 0px !important;
    column-count: 1 !important;
    column-gap: 0px !important;
    list-style-type: none !important;
    margin: 0 0 1.65em 0; }

  .single-locations ul.programs li, .single-locations ul.therapies li, .single-locations .schedules ul li {
    padding: 0 0 5px 0;
    list-style-type: none !important;
    border-bottom: 1px solid #f1f5f7;
    margin: 0 0 5px 0; }

  .map-address {
    background: #f1f5f7;
    margin-bottom: 30px;
    margin-right: 0 !important; }

  .post-type-archive-locations .map, .tax-location-area .map {
    width: 100%;
    height: 300px;
    position: static; }

  .tax-location-area .container, .post-type-archive-locations .container {
    clear: both;
    padding: 0 30px !important; }

  .page img, .page-id-4564 img.alignnone {
    float: none;
    width: 100%;
    height: auto;
    clear: both;
    margin: 0 0 30px 0; }

  #lpButDivID-1453156429 img, #lpButDivID-1453157302138 img {
    margin: 0; }

  #trs-video {
    height: 300px;
    margin-bottom: 40px; }

  #trs-video #video-image {
    max-height: 300px !important;
    height: auto !important;
    height: 300px !important; }

  #trs-video #video-image .icon-54 {
    display: block;
    width: 82px;
    height: 83px;
    background: url("../img/sprite2x.png");
    background-size: 343px 371px;
    background-position: -162px -65px !important; }

  #in-page-cta {
    width: 80%; }

  .page-id-58 blockquote {
    width: 100%;
    float: none;
    margin: 30px 0 20px 0; }

  .page #content ul, .page-id-59 #content ul {
    -moz-column-count: 1 !important;
    -moz-column-gap: 0px;
    -webkit-column-count: 1 !important;
    -webkit-column-gap: 0px;
    column-count: 1 !important;
    column-gap: 0px;
    /*search*/ }

  body.blog h1, body.archive.category h1, body.search h1 {
    float: none !important;
    width: 100% !important;
    clear: both !important;
    display: block; }

  div.categories {
    display: block;
    width: 100% !important;
    float: none;
    line-height: 1.2em;
    padding-bottom: 30px; }

  div.categories select {
    float: left;
    /*blog*/ }

  .post-copy {
    padding: 10px 20px; }

  .single-post #featured-image, .single-post .post-cta {
    margin: 0px auto 20px auto; }

  #lpButDivID-1453156429 {
    display: none; }

  .single-post #featured-image {
    max-height: 300px; }

  #lpButDivID-1453157302138 {
    display: block; }

  #sitemap_pages, #sitemap_posts, #sitemap_dvteam, #sitemap_locations, .page-id-4564 .fourcol, .page-id-4564 .wp-caption {
    display: block;
    width: 100%; } }

@media only screen and (max-width: 640px) {
  /* SMARTPHONES LANDSCAPE */
    .home section#header {
      padding: 30px 0; }
    .home section#header h1 {
      font-size: 2.5em !important;
      line-height: 1em !important;
      margin-bottom: 30px; } }

@media only screen and (max-width: 480px) {
  /* SMARTPHONES PORTRAIT */
    header .phonenumber {
      display: none; }
    .phonecontmobile {
      display: block; }
    .home #header span.clickable {
      clear: both;
      display: block; }
    .home section#header ul, .home section#header ul li {
      margin-left: 0; }
    .home section {
      text-align: center; }
    .home section#treatment i {
      float: none;
      margin: 0 auto 10px auto; }
    .home section#treatment ul li {
      padding-bottom: 15px; }
    .home section#treatment ul li p {
      display: none; }
    .btn, form input[type="submit"] {
      display: block;
      width: 90%;
      margin: 0 auto; }
    .btn-phone {
      margin-bottom: 10px; }
    .home section#locations #markers, .home section#locations ul {
      display: none; }
    #header .btn-blue, #header form input[type="submit"], form #header input[type="submit"] {
      margin-bottom: 10px; }
    .post-type-archive-locations article.locations a.view-on-map, .tax-location-area article.locations a.view-on-map, .post-type-archive-locations article.locations img, .tax-location-area article.locations img {
      display: none; }
    .post-type-archive-locations article.col-30, .tax-location-area article.col-30 {
      width: 100%;
      float: none;
      padding: 5px;
      margin: 0 0 5px 0; }
    .post-type-archive-locations article.col-30 h3, .tax-location-area article.col-30 h3 {
      margin: 0px !important;
      padding: 0;
      line-height: 0; }
    .breakout {
      right: 0px;
      width: 100%;
      margin-bottom: 30px;
      clear: both;
      margin-left: 0px; }
    .home section#header h1 {
      font-size: 2.5em !important;
      line-height: 1em !important;
      margin-bottom: 30px; }
    .home section#header p, .home section#header ul {
      font-size: 1.13em;
      line-height: 1.5em; }
    #news .post img {
      float: left;
      width: 30% !important;
      margin: 0 10px 0 0;
      height: auto !important; }
    #news .col-30.mleft-20 {
      margin: 0 0 10px 0;
      width: 100%;
      float: none;
      clear: both; }
    #news h3 {
      margin-bottom: 0; }
    #news p, .home section#locations #markers {
      display: none; }
    #news .post .pall-20 {
      padding: 10px;
      text-align: left;
      /*faq*/ }
    .page-id-59 #content ul, .page-id-59 #content li {
      margin: 0;
      padding: 0;
      /*text*/ }
    .post-type-archive-locations h1, .tax-location-area h1, .page h1, .error404 h1 {
      font-size: 2em;
      line-height: 1.2em;
      margin-bottom: 30px;
      float: none;
      clear: both; }
    .single h1.entry-title {
      font-size: 2em;
      line-height: 1.38em;
      margin-bottom: 30px; }
    article p, article ul, article ol, .page #content .col-60 p, .page #content ul, .page-template-default #content p, .error404 p, .single-locations .intro p, .tax-location-area p, .post-type-archive-locations p, .page-template-treatment-programs p, .page-template-single-treatment-program .col-60 p:first-of-type, .page-template-default #content p:first-of-type, .single-post .post-cta p, .page-template-single-treatment-program .col-30 ul li {
      font-size: 1em;
      line-height: 1.5em;
      margin-bottom: 1.5em; }
    .page-template-single-treatment-program .col-30 ul li {
      margin-bottom: 0px; }
    .page-template-single-treatment-program .treatment-cta p {
      text-align: center; }
    .page-template-single-treatment-program .treatment-cta p, .page-template-single-treatment-program #location-list p {
      font-size: 1.13em !important;
      line-height: 1.66em;
      margin-bottom: 1.75em; }
    .tax-location-area .copy, .post-type-archive-locations .copy, .page #content {
      padding: 30px 10px; }
    #location-list {
      padding: 20px 10px; }
    #location-list:after {
      background: transparent; }
    .post-type-archive-locations .map, .tax-location-area .map {
      width: 100%;
      height: 200px;
      position: static; } }

@media only screen and (max-width: 375px) {
  .logo {
    width: 177px;
    height: 49px;
    background: url('../img/sprite.png') no-repeat;
    /* on retina, use image that's scaled by 2 */
    /*end retina image mixin*/ }

  .post-type-archive-locations article.col-30 {
    width: 100%;
    float: none; } }
  @media only screen and (max-width: 375px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 375px) and (-o-min-device-pixel-ratio: 2.6/2), only screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 375px) and (min-device-pixel-ratio: 1.3), only screen and (max-width: 375px) and (min-resolution: 1.3dppx) {
    .logo {
      background-image: url("../img/sprite2x.png");
      background-size: 549px 593px; } }