@charset "UTF-8";
.container.resources {
  padding-top: 120px; }
  .container.resources h2 {
    color: #faa41a;
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 48px; }
  .container.resources p {
    max-width: 24em;
    line-height: 32px;
    margin-bottom: 24px; }
  .container.resources .anatomy {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    position: relative; }
    .container.resources .anatomy img {
      width: 100%; }
    .container.resources .anatomy .pain-button {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #faa41a;
      position: absolute;
      cursor: pointer;
      transition: transform .5s; }
      .container.resources .anatomy .pain-button:hover {
        transform: scale(2.9);
        cursor: pointer !important; }
      .container.resources .anatomy .pain-button[href="#knee"] {
        top: 66%;
        left: 30%; }
      .container.resources .anatomy .pain-button[href="#head"] {
        top: 4%;
        left: 44%; }
      .container.resources .anatomy .pain-button[href="#neck"] {
        top: 13%;
        left: 44%; }
      .container.resources .anatomy .pain-button[href="#shoulder"] {
        top: 18%;
        left: 63%; }
      .container.resources .anatomy .pain-button[href="#ribs"] {
        top: 28%;
        left: 55%; }
      .container.resources .anatomy .pain-button[href="#thorax"] {
        top: 36%;
        left: 47%; }
      .container.resources .anatomy .pain-button[href="#elbow"] {
        top: 34%;
        left: 15%; }
      .container.resources .anatomy .pain-button[href="#wrist"] {
        top: 45%;
        left: 80%; }
      .container.resources .anatomy .pain-button[href="#hand"] {
        top: 49%;
        left: 10%; }
      .container.resources .anatomy .pain-button[href="#lumbar"] {
        top: 43%;
        left: 47%; }
      .container.resources .anatomy .pain-button[href="#buttock"] {
        top: 47%;
        left: 34%; }
      .container.resources .anatomy .pain-button[href="#groin"] {
        top: 51%;
        left: 47%; }
      .container.resources .anatomy .pain-button[href="#thigh"] {
        top: 55%;
        left: 59%; }
      .container.resources .anatomy .pain-button[href="#calf"] {
        top: 76%;
        left: 59%; }
      .container.resources .anatomy .pain-button[href="#ankle"] {
        top: 84%;
        left: 32%; }
      .container.resources .anatomy .pain-button[href="#foot"] {
        top: 90%;
        left: 59%; }

.exercise h2 {
  color: #5257B2;
  font-size: 48px;
  line-height: 52px;
  margin-top: 40px;
  margin-bottom: 24px; }
.exercise table.borderless {
  margin-top: 24px;
  border: none;
  max-width: 600px;
  margin: 0 auto 40px !important; }
  .exercise table.borderless tr > td:first-of-type {
    color: #5257B2; }
  .exercise table.borderless tbody, .exercise table.borderless tr, .exercise table.borderless td {
    font-size: 16px;
    padding-left: 24px; }
.exercise .exercise-slider {
  position: static; }
  .exercise .exercise-slider .image {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-size: cover;
    background-position: center; }
    .exercise .exercise-slider .image .spacer {
      padding-bottom: 56%; }
  .exercise .exercise-slider .instructions {
    font-size: 18px;
    padding-left: 24px;
    background: white;
    margin-top: 12px;
    line-height: 16px;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 40px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee; }
  .exercise .exercise-slider .slick-arrow {
    appearance: none;
    -webkit-appearance: none;
    font-size: 0;
    width: 50px;
    height: 50px;
    border: none;
    position: absolute;
    top: 20%;
    cursor: pointer;
    background: none; }
    .exercise .exercise-slider .slick-arrow.slick-prev:before {
      content: '←';
      font-size: 40px;
      color: #5257B2;
      z-index: 1;
      text-align: right; }
    .exercise .exercise-slider .slick-arrow.slick-next:before {
      content: '→';
      font-size: 40px;
      color: #5257B2;
      text-align: left; }
    .exercise .exercise-slider .slick-arrow.slick-prev {
      left: 10px; }
    .exercise .exercise-slider .slick-arrow.slick-next {
      right: 10px; }

.single-exercise #single-meta {
  margin-top: 24px; }
  .single-exercise #single-meta a {
    padding-left: 0; }
  .single-exercise #single-meta ul {
    margin-left: 0; }

div.grider {
  font-size: 0;
  line-height: 0; }
  div.grider a.tile {
    display: inline-block;
    width: 33.33%;
    position: relative;
    display: inline-block;
    background-size: cover;
    background-position: center;
    transition: opacity .5s; }
    div.grider a.tile:hover {
      opacity: .5; }
    div.grider a.tile .spacer {
      padding-bottom: 75%; }
    div.grider a.tile .center {
      top: 50%;
      width: 100%;
      transform: translate(0, -50%);
      position: absolute; }
      div.grider a.tile .center h2 {
        text-align: center;
        font-size: 32px;
        margin-bottom: 0; }

@media screen and (max-width: 700px) {
  div.grider a.tile {
    width: 100%; } }
@media screen and (min-width: 500px) and (max-width: 700px) {
  div.grider a.tile {
    width: 100%; }
    div.grider a.tile .spacer {
      padding-bottom: 40%; } }
span.screen.white {
  display: inline-block !important;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 24px 24px;
  margin: auto;
  width: 100%; }

.fullscreen-header .container .inner-wrap {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 40px 24px;
  position: relative; }
  .fullscreen-header .container .inner-wrap:before, .fullscreen-header .container .inner-wrap:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    left: 100%;
    top: 0;
    bottom: 0;
    position: absolute; }
  .fullscreen-header .container .inner-wrap:before {
    left: auto;
    right: 100%; }

.container.resources .span_6 .pain-info:not(#default) {
  display: none; }
.container.resources .span_6 .pain-info:target + .pain-info + #default,
.container.resources .span_6 .pain-info:target + #default {
  display: none; }

.book_appt p {
  padding: 0; }

.book_appt {
  padding-top: 0;
  padding-bottom: 0;
  background: #F7E8D1; }
  .book_appt .nectar-button {
    margin-bottom: 0 !important; }

body[data-bg-header="true"] .container-wrap, html.fp-enabled .container-wrap {
  padding-top: 72px !important; }

.nectar-progress-bar strong {
  display: none !important; }

@media screen and (max-width: 650px) {
  .container.resources {
    padding-top: 0px; }

  .container.resources .anatomy .pain-button {
    display: block;
    width: 22px;
    height: 22px; } }
.pain-info a {
  margin-bottom: 54px !important; }

ul.articles {
  line-height: 40px; }
  ul.articles li {
    font-size: 24px; }
    ul.articles li a {
      cursor: pointer; }

@media screen and (max-width: 1000px) {
  .mobile-swap-order {
    display: flex;
    flex-direction: column-reverse; } }
button.accordion {
  background-color: white;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s; }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
  background-color: #eee; }

/* Style the accordion panel. Note: hidden by default */
div.panel {
  padding: 0 18px;
  background-color: white;
  display: none; }

button.accordion {
  position: relative;
  font-size: 20px; }
  button.accordion:after {
    content: "►";
    font-size: 12px;
    position: absolute;
    right: 20px; }
  button.accordion.active:after {
    transform: rotate(90deg); }

/*# sourceMappingURL=screen.css.map */