@charset "UTF-8";
/* Colors */
/* General Colors */
/* Heading sizes */
/* Intro */
/* Header */
/* Slides/Slides Container */
/* Footer */
/* Footer Buttons */
/* Slide Numbers */
/* If you add/remove buttons, change this number */
/* Audio player width */
/* fill color of progress bar & more? */
/* rarely used */
.num {
  font-weight: bold;
  color: darkcyan;
  font-size: 2rem; }

.feedback {
  margin-bottom: 2rem; }

textarea {
  width: 100%;
  margin: 1rem 0;
  min-height: 125px;
  resize: none; }

.radio-container,
.checkbox-container {
  margin: 1rem 0; }
  div .radio-container input, div
  .checkbox-container input {
    margin: 0.5rem 0; }
  .radio-container input:enabled + label,
  .checkbox-container input:enabled + label {
    cursor: pointer; }
  .radio-container input + label,
  .checkbox-container input + label {
    display: inline-block;
    margin-left: 1rem; }

.submit,
.summary {
  background: #D10E40;
  color: #fefefe;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  transition: all 0.5s ease; }
  .submit:endabled:hover,
  .summary:endabled:hover {
    background: #050505; }
  .submit:disabled,
  .summary:disabled {
    background: #5F5A54;
    opacity: 0.6; }

.summary {
  margin: 1rem auto;
  display: block; }

.nav-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 2rem; }
  @media (max-width: 640px) {
    .nav-row {
      display: block; } }

.nav-btn {
  width: 200px;
  color: #fefefe;
  font-size: 1.1rem; }
  .nav-btn p {
    margin-top: 0.5rem; }
  .nav-btn .circle {
    display: block;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: 0 auto 1rem;
    background-color: pink;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: grayscale(1);
    transition: filter 0.6s ease; }
  @media (max-width: 640px) {
    .nav-btn {
      width: 100%;
      text-align: left;
      display: block;
      margin: 1rem 0;
      transform-origin: left; }
      .nav-btn .circle {
        display: inline-block;
        vertical-align: middle;
        width: 60px;
        height: 60px;
        margin: 0 .5rem 0 0; } }
  .nav-btn[data-goto="2"] .circle {
    background-image: url("icons/jackie.png"); }
  .nav-btn[data-goto="3"] .circle {
    background-image: url("icons/hayden.png"); }
  .nav-btn[data-goto="4"] .circle {
    background-image: url("icons/marissa.png"); }
  .nav-btn[data-goto="5"] .circle {
    background-image: url("icons/aron.png"); }
  .nav-btn:disabled {
    opacity: .4;
    pointer-events: none;
    transform: scale(0.8);
    color: transparent; }
    .nav-btn:disabled .circle {
      background-color: #999; }
  .nav-btn:hover .circle {
    border: 6px solid pink;
    filter: grayscale(0); }
  .nav-btn:focus {
    outline: 1px dotted #fefefe; }
  .nav-btn:enabled .circle {
    transform: scale(1); }
  .nav-btn.visited .circle {
    transform: scale(0.8);
    animation: none;
    position: relative; }
    .nav-btn.visited .circle::before {
      content: '✔';
      background: pink;
      color: darkgreen;
      position: absolute;
      left: -10px;
      top: -10px;
      font-size: 2.5rem;
      border-radius: 50%;
      width: 3rem; }

h2 {
  margin: 1rem 0; }
  .patient-slide h2 {
    color: darkcyan;
    font-weight: bold;
    text-transform: capitalize; }

h3 {
  margin: 1rem 0;
  color: darkcyan;
  font-weight: bold; }
  .feedback h3 {
    font-size: 1.4rem;
    border-color: darkcyan;
    border-bottom: solid 2px;
    padding-bottom: 0.25rem; }

p {
  margin: 0.6rem 0; }

a {
  text-transform: capitalize; }

img.circle {
  border-radius: 50%; }

img.full {
  width: 100%; }

.limelight-player {
  margin: 1rem 0; }

.nav-container {
  padding: 2rem 1rem;
  text-align: center;
  color: #fefefe;
  font-weight: bold;
  background: url("nav-back.jpg") #050505;
  background-size: cover;
  border-radius: 4px;
  margin: 1rem 0; }
  .nav-container p {
    font-weight: normal;
    margin: 0.25rem 0; }

.alpha-list {
  list-style-type: upper-alpha; }
  .alpha-list .alpha-list {
    list-style-type: lower-alpha; }

.chart-info {
  margin: 1rem auto;
  padding: 1rem;
  width: 60%;
  background: #cbdae0;
  border-radius: 1rem; }

.print-summary h2 {
  text-transform: capitalize; }

.print-summary .answer {
  border: solid 2px #050505;
  padding: 0 0.5rem;
  margin: 0.5rem; }

.next {
  position: relative;
  left: calc(100% - 8rem);
  height: 3rem;
  width: 8rem;
  padding-left: 50px;
  text-align: left;
  background-image: url("data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkxJREFUeNrsWU1LAkEYHpcueYrqFkKGYdDFU0FdVqhDh+zjUtDBDLyUCUJUN7Vbv0L8B94L3H+QEB0sqEC6qXjz2oyMsbjuzPuOu63WPjAI+zHzzLvP+8w7IyE+fPjwHAGnO3x5/4zRnxnTpc7q0mJtrEhzkknadNpigkcZcYO28qiTCIxAlpHMc7JYMPJFSt74FdKULPv0Jdr2HfjSFdpSlHzHNdJcCtUBzY4KRjiOkYyGIHzqAmHC+6vy/p2LtEsRVo54AKjhD5cJm4mHZRqfAnRUghJut5qk3WxZri+EQmQ6GIRKhY13oBxpbmtVKOHC7c3Qe8vRKLm8usZEPC6yQ1ki5qGjDItwH2/1OlYmeSX34MmnE2+g8/HRkU56XBclVUjrHpPWVUjHPCaNk4dIT7bJ9ipOtq9GQ7WCBPu00JeNxwfyXHtCOcT9XaFnfWZEoitkZzch822lxcWCbrerYmOWd9Y2NpV0o6m8xKKzrjjgT5ZtbSv3oQlqACFOUme95VkFjOzh0TG0FoGRhta2Wbo0Y4mz59mEIbDjoUn2dEKwIogRBxZDPcJZeA1SU9E0aP8GJc7upy8y4AmKxheRLmM+efo8I53Y7Nw8RkllNGmuJ/BuOUI92E6rbEJI7RuivJJZXhHrCjuJPYvLRAYWFQCKyj7NC/EK1sOZB/cJK3hxRXYeMpF7ROmKyDuIQxYch3bj0nFAyzhPipyLxFm/Oeii9rdPmEwRD2OTU5R0XMOoU9T/cWpqI5nJOJ+WTMLVfwJ8+PAxBvgWYADCoMrm4MiKnQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center left;
  font-weight: bold; }
  .limelight-player + .next {
    margin-top: 1rem; }
  .next:hover {
    /*background-position: 0 5px;
        transition: all linear .2s;*/
    animation: arrow-bob 0.75s ease-in-out alternate infinite; }
  .next:disabled {
    pointer-events: none;
    opacity: 0; }

@keyframes arrow-bob {
  from {
    background-position: 0 -5px; }
  to {
    background-position: 0 5px; } }