html {
  background-color: #f2f2f2;
  font-size: 16px; }

main {
  margin-left: 198px;
  box-sizing: border-box; }

header {
  margin-bottom: 2rem; }

body {
  background-color: white; }

#spine footer, #spine nav {
  margin-right: 1.75em;
  margin-left: 0; }

form {
  margin-bottom: 5px;
  padding: 10px 0;
  margin-left: 1rem !important; }
  form h3.subhead {
    font-size: 1.25rem !important; }

.titleContainer {
  margin-left: -1rem; }

.resultsListItem {
  line-height: 2.5rem;
  padding-left: .5rem; }
  .resultsListItem:first-of-type {
    margin-top: 2rem; }

#spine-sitenav a {
  color: #191919; }
  #spine-sitenav a:hover {
    color: #a90329 !important; }

.plainText {
  color: black;
  display: block;
  float: left;
  width: 100%; }

.resultSet {
  color: black;
  display: block;
  float: left;
  padding-right: .5rem; }

#spine {
  position: absolute;
  bottom: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

h1 {
  color: #a61d2f; }
  h1.pageTitle {
    text-align: center; }

h2.pageHeader {
  float: left;
  color: #191919; }

.searchTitle {
  margin-left: 0;
  font-weight: 900;
  font-size: 1.5rem; }

h3 {
  font-size: 1.5rem; }
  h3.searchTitle {
    margin-left: 0;
    font-weight: 900; }
  h3.subhead {
    font-size: 1.25rem;
    color: #191919; }

.detailSubheading::after .displayList:empty {
  display: none; }

.control-label {
  margin-top: .5rem;
  font-size: 1.3rem;
  font-weight: bold; }

.activityName {
  font-weight: 600;
  font-size: 1.25rem;
  text-align: left;
  margin-left: -.9735rem; }

.detailBlock {
  margin-top: 2rem; }

.detailContainer {
  margin-top: 2rem; }

.bookmarkHeading {
  color: #a61d2f;
  font-size: 1.25rem; }

.manageBLock, .manageBlock {
  border: 0px solid black; }

.manageText {
  text-align: center; }

.editText {
  color: #000;
  padding-left: .4rem;
  font-size: 1.5rem; }
  .editText:hover {
    color: #A61D2F;
    font-weight: 600;
    cursor: pointer; }

.addText {
  color: #000;
  padding-right: .4rem;
  font-size: 1.5rem; }
  .addText:hover {
    color: #A61D2F;
    font-weight: 600;
    cursor: pointer; }

.descriptionContainer {
  padding: 1rem 0; }

.trainingBlock {
  color: #fff;
  background-color: #A61D2F;
  height: 6rem;
  position: relative;
  margin-bottom: 1rem;
  border-radius: .5rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .trainingBlock:hover {
    background: #a90329;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
    /* IE6-9 */
    color: white;
    box-shadow: inset 6.5em 0 0 0 var(--hover); }
  .trainingBlock .trainingBlockText {
    font-size: 1.75rem;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%); }
  .trainingBlock a.trainingBlockLink {
    color: #fff; }
    .trainingBlock a.trainingBlockLink:hover {
      color: #fff; }

.homepageLinkBox {
  border: 2px solid #a61d2f;
  margin-bottom: 1rem;
  background-color: #fefefe;
  min-height: 4rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: .5em; }
  .homepageLinkBox:hover {
    background: #a90329;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
    /* IE6-9 */
    box-shadow: inset 6.5em 0 0 0 var(--hover);
    color: #fefefe; }
  .homepageLinkBox a, .homepageLinkBox .homepageLinkBoxLink {
    color: #a61d2f;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    vertical-align: middle;
    line-height: 1.85;
    padding: 1rem 0;
    width: 100%;
    margin: 0; }
    .homepageLinkBox a:hover, .homepageLinkBox .homepageLinkBoxLink:hover {
      color: #fefefe !important; }
    .homepageLinkBox a h3, .homepageLinkBox .homepageLinkBoxLink h3 {
      font-weight: 500;
      font-size: 1.6rem;
      width: 100%;
      margin: 0;
      padding: 0; }
      .homepageLinkBox a h3:hover, .homepageLinkBox .homepageLinkBoxLink h3:hover {
        color: #fefefe !important; }

a {
  color: #a61d2f; }
  a:hover {
    color: #fefefe !important; }

.adminBlock {
  color: #fff;
  background-color: #A61D2F;
  min-height: 3rem;
  margin-bottom: 2rem;
  border-right: 1px solid white;
  padding: 1rem 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  border-radius: 5px;
  margin: 0; }
  .adminBlock:hover {
    background: #a90329;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a90329 0%, #8f0222 44%, #6d0019 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
    /* IE6-9 */
    color: white;
    box-shadow: inset 6.5em 0 0 0 var(--hover); }

.titleQuestion {
  font-size: 1.25rem;
  font-weight: 900;
  color: #191919; }

.trainingpageLinkButton {
  border: 2px solid #a61d2f;
  color: #000;
  margin-bottom: 1rem;
  background-color: transparent;
  font-weight: 600;
  padding-top: .5rem;
  line-height: 1.5;
  font-size: 1.15rem; }

button#shelve::after, button#shelve::before {
  height: 9px; }

.gridContainer {
  margin: 0 .975rem;
  background-color: white; }

.searchResultTitle {
  font-size: 2.5rem;
  font-weight: 900;
  color: #191919; }

.resultsTitle {
  font-size: 1.5rem;
  font-weight: 900;
  color: #191919; }

input[type=submit] {
  background-color: #fff !important; }
  input[type=submit].adminSearchButton {
    margin-top: .15rem;
    border: 1px solid #da1e00 !important;
    border-radius: 4px;
    font-weight: 600;
    color: #da1e00;
    background-color: #fff !important;
    padding: .75rem 1rem;
    font-size: 1.2rem; }
    input[type=submit].adminSearchButton:hover {
      border: 1px solid #a61d2f;
      color: #fff;
      background-color: #da1e00 !important; }

input[type=file] {
  margin-top: 0;
  font-weight: 600;
  border: 2px solid #a61d2f;
  color: #a61d2f;
  background-color: #fefefe;
  border-radius: 4px;
  margin-left: .5rem; }

.searchContainer {
  display: inline-block; }

input[type=submit].editButton, input[type=submit] .adminSearchButton, button.editButton, button .adminSearchButton, a.editButton, a .adminSearchButton {
  margin-top: 2rem;
  border: 1px solid #da1e00 !important;
  border-radius: 4px;
  font-weight: 600;
  color: #da1e00;
  background-color: #fff !important;
  padding: .75rem 1rem;
  font-size: 1.2rem; }
  input[type=submit].editButton:hover, input[type=submit] .adminSearchButton:hover, button.editButton:hover, button .adminSearchButton:hover, a.editButton:hover, a .adminSearchButton:hover {
    border: 1px solid #a61d2f;
    color: #fff !important;
    background-color: #da1e00 !important; }

input[type=submit].searchButton, button.searchButton, a.searchButton {
  margin-top: 0;
  font-weight: 600;
  border: 2px solid #a61d2f;
  color: #a61d2f;
  background-color: #fefefe;
  border-radius: 4px; }
  input[type=submit].searchButton:hover, button.searchButton:hover, a.searchButton:hover {
    border: 1px solid #a61d2f !important;
    color: #fff !important;
    background-color: #a61d2f !important; }

.submitButton, input[type=submit] {
  margin-top: 2rem;
  border: 1px solid #a61d2f !important;
  border-radius: 4px;
  font-weight: 600;
  color: #a61d2f !important;
  background-color: #fff;
  padding: .75rem 1rem;
  font-size: 1.2rem; }
  .submitButton:active, input[type=submit]:active {
    background-color: #fff !important; }
  .submitButton:hover, input[type=submit]:hover {
    border: 1px solid #a61d2f !important;
    color: #fff !important;
    background-color: #a61d2f !important; }

.dropdown-pane {
  width: 15% !important; }

.imageContainer {
  float: left;
  width: 80%;
  padding: 0;
  margin: 0;
  max-height: 25rem;
  height: auto; }

.equipmentImageContainer {
  float: left;
  width: 80%;
  padding: 0;
  margin: 1rem 0;
  border: 1px dashed darkgray; }

.gifContainer {
  vertical-align: middle;
  margin: 0;
  width: 80%;
  max-height: 15rem;
  height: auto; }

.gifBlock {
  max-height: 15rem;
  float: none;
  clear: both;
  margin-top: 1rem; }

.imageBlock {
  height: auto; }

div.cell.imageBlock.end:empty, div.cell.imageBlock.empty {
  display: none; }

.exerciseImage, .equipmentImage {
  /*width: 100%;
    height: 100%;*/
  object-fit: cover;
  overflow: hidden;
  /*border:2px solid #e1e1e1;*/
  padding: .5rem;
  max-width: 100%;
  max-height: 18rem; }

.GIFImage, .gifImage {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
  border: 0px solid #e1e1e1;
  padding: 0rem; }

.GIFDetailsImage {
  margin-top: 1rem;
  width: 100%;
  margin: 1rem 0; }

.displayList {
  padding-top: 0;
  display: inline;
  list-style-type: none;
  margin-left: 0; }
  .displayList .displayListItem {
    list-style-type: none;
    display: inline-block;
    vertical-align: baseline;
    color: black; }
    .displayList .displayListItem::after {
      content: ","; }

.displayListItem:last-child:after {
  content: ""; }

.exerciseTitle {
  color: #a61d2f;
  font-size: 1.2rem;
  line-height: 1.25;
  text-transform: uppercase;
  padding-right: 1rem; }

.equipmentDisplayList {
  padding-top: 0;
  list-style-type: none;
  display: inline; }

.equipmentItem {
  display: inline; }

.masterList {
  overflow: auto;
  width: 80%;
  height: 500px;
  margin: 1rem 1rem 1rem 0;
  justify-content: space-around;
  margin-left: 1rem;
  color: #a61d2f;
  background-color: #fefefe; }
  .masterList a:hover {
    color: #191919; }
  .masterList .masterListItem {
    margin: .5rem 0 .5rem -1rem;
    border: 1px solid #090c02;
    display: inline;
    padding: .5em; }
    .masterList .masterListItem a {
      line-height: inherit;
      color: #902020 !important;
      text-decoration: none;
      cursor: pointer; }

.musclesContainer, .equipmentContainer {
  margin-left: 1rem !important;
  margin-bottom: -1rem; }

.masterExerciseList {
  width: 100%;
  margin: 1rem;
  padding-left: 2rem;
  color: #a61d2f; }
  .masterExerciseList a:hover, .masterExerciseList a:focus {
    color: #fefefe !important; }
  .masterExerciseList .masterListItem {
    margin: .5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: .25em; }
    .masterExerciseList .masterListItem a {
      line-height: inherit;
      color: #902020 !important;
      text-decoration: none;
      cursor: pointer; }

.pageSubtitle {
  font-size: 1.5rem;
  float: left;
  color: #090c02;
  font-weight: 900; }

.editItemName {
  color: #981e32; }

.editImageBlock {
  float: left;
  margin-top: 2rem;
  margin-left: 0 !important; }

.editGifBlock {
  float: left;
  margin-top: 2rem;
  margin-left: 0 !important; }

.editGroup {
  margin-top: 2rem; }

.editImage {
  border: 2px solid #717171;
  padding: .5rem;
  max-height: 24rem;
  width: auto; }

span.searchItemLink, .displayItemLink {
  font-weight: 600;
  color: #AC0020;
  padding-right: 0; }
  span.searchItemLink:hover, .displayItemLink:hover {
    border-bottom: 1px solid #da1e00;
    color: #191919;
    font-weight: 600;
    text-decoration: none;
    transition: color .3s ease;
    background-color: none; }

a .sublistItem {
  font-weight: 400 !important; }
  a .sublistItem:hover {
    background-color: #a61d2f;
    color: #fefefe !important; }

.stepsContainer, #Activity_Steps {
  min-height: 15rem;
  margin: 0;
  float: left;
  clear: both;
  width: 80%; }

.submitButtonContainer {
  float: left;
  clear: both;
  width: 80%; }

.searchItemLink, .displayItemLink {
  list-style-type: none;
  display: inline-block;
  vertical-align: text-bottom; }
  .searchItemLink:not(:last-child):after, .displayItemLink:not(:last-child):after {
    content: ", "; }

.displayItem:not(:last-child):after {
  content: ", "; }

.editLink, .addLink {
  color: #ffffff; }

.stepTitle {
  margin-left: -1rem;
  font-weight: 600; }

.detailSubheading, .equipmentName {
  font-weight: 600;
  font-size: 1rem;
  padding-top: 0;
  float: left;
  display: inline-flex; }
  .detailSubheading:after, .equipmentName:after {
    content: "\00a0  "; }

pre {
  white-space: pre-wrap;
  width: 85%; }

.stepSubheading {
  font-weight: 600;
  font-size: 1rem;
  padding-top: 0;
  white-space: pre-wrap;
  width: 85%; }

input[type=text]#searchtext {
  padding: 6px 4px;
  color: #717171;
  margin: 0;
  width: 50%;
  display: inline-block; }

input[type=checkbox]:checked ~ span {
  color: #ff0000;
  font-weight: 500; }

ul.editList {
  margin-left: 0; }
  ul.editList > li {
    padding: .5rem 0 .15rem 0;
    line-height: 1.0em;
    list-style-type: none; }
    ul.editList > li:nth-child(odd) {
      background: #f1f1f1; }

.categoryList {
  /*overflow-y: scroll;*/
  height: 20rem; }

.muscleList, .bodyAreaList, .modalityList {
  overflow-y: scroll;
  height: 16rem; }

.equipmentList, .activityList, stepList {
  overflow-y: scroll;
  height: 22rem;
  resize: both; }

li.searchItem {
  list-style-type: none; }

li.searchType {
  list-style-type: none;
  display: inline-block; }

/*Error Messages*/
#Description-error {
  color: #ff0000;
  padding: 1rem; }

.stepText {
  font-family: inherit;
  font-size: 1rem;
  line-height: 2;
  white-space: pre-line; }

.headingContainer {
  margin-left: 1rem; }

.resultsContainer {
  margin: 0 0 2rem -1rem;
  width: 67%; }
  .resultsContainer form {
    margin-left: 0;
    line-height: 2; }
    .resultsContainer form div.grid-x:nth-child(even) {
      background: #f2f2f2;
      color: #a61d2f; }
    .resultsContainer form div.grid-x:nth-child(odd) {
      background: #FFF;
      color: #a61d2f; }
    .resultsContainer form a {
      color: #a61d2f; }
      .resultsContainer form a:hover {
        font-weight: 600;
        color: #a61d2f !important;
        font-weight: 700;
        border-bottom: 2px solid #981e32; }

/*Tab styles*/
.tabs {
  background: none;
  margin-top: 1rem;
  border: 0px; }
  .tabs:hover, .tabs a:hover {
    color: #ca1237 !important; }

.tabs-title {
  width: 20%; }
  .tabs-title > a {
    border-left: 1px solid #e1e1e1;
    font-size: 1.25rem;
    font-weight: 700;
    overflow: hidden;
    background-color: #191919;
    color: white;
    border-top-right-radius: .9rem;
    margin-right: .15rem;
    position: relative; }
    .tabs-title > a::after {
      content: '';
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: #da1e00;
      position: absolute;
      -webkit-transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: translate3d(150%, 0, 0);
      transform: translate3d(150%, 0, 0); }
  .tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
    background: #fefefe;
    color: #a61d2f !important; }
    .tabs-title > a:focus::after, .tabs-title > a[aria-selected=true]::after {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      color: #da1e00;
      font-weight: bold; }

.muscleSearchContainer {
  width: 50%;
  float: left; }

.exerciseManContainer {
  width: 50%;
  float: right;
  border-left: 1px solid #f2f2f2; }

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .adminBlock {
    border-radius: 0;
    margin: 0;
    font-size: .815rem; }
  .adminBlock {
    font-size: .8rem; }
  .imageContainer {
    float: left;
    width: 100%;
    max-height: 32rem; }
  .gifContainer {
    vertical-align: central;
    width: 100%; }
    .gifContainer .gifBlock:empty {
      display: none; }
  .gifBlock {
    margin-left: 0;
    padding: 0;
    margin-top: 1rem; }
    .gifBlock:empty {
      display: none; }
  .div.cell.gifBlock:empty {
    display: none; }
  .trainingBlockText {
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 0;
    line-height: 1.2;
    font-size: 1.35rem !important;
    text-align: left; }
  #wsu-signature {
    background-image: url(https://repo.wsu.edu/spine/2.0.2/marks/wsu-signature-horizontal.svg) !important; } }

/* Small only */
@media screen and (max-width: 39.9375em) {
  .small-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  body {
    background-color: #f2f2f2; }
  .imageContainer {
    float: left;
    width: 100%;
    max-height: 32rem; }
  .gifContainer {
    width: 100%; }
    .gifContainer input[type=file] {
      margin-left: 0; }
  input[type=file] {
    margin-left: 0; }
  .imageBlock {
    border-top: 0 solid #f2f2f2;
    border-bottom: 0 solid #f2f2f2;
    /*height:15rem;*/
    width: auto;
    overflow: hidden;
    margin: 0 0 .1rem 0; }
    .imageBlock.exerciseImage {
      object-fit: scale-down; }
  .exerciseImage[src*="9oADAMBAAIRAxEAPwD9/KKKKAP/2Q"] {
    display: none; }
  div.cell.imageBlock.end:empty, div.cell.imageBlock:empty {
    display: none; }
  .GIFDetailsImage {
    margin-top: 1rem;
    width: 70%;
    margin: 1rem 15%; }
  .activityName {
    text-align: center; }
  #wsu-signature {
    background-image: url(https://repo.wsu.edu/spine/2.0.2/marks/wsu-signature-horizontal.svg) !important;
    background-position: right 14px;
    background-size: 250px auto; }
  .manageBlock, .manageBLock {
    border: 1px solid black;
    margin: 1rem 1rem 2rem 1rem;
    height: 7rem; }
  .adminBlock {
    border-radius: 0;
    margin: 0;
    font-size: 1.15rem; }
  .editText {
    float: left;
    padding-left: .4rem;
    font-size: 2rem; }
  .editImage {
    margin: 1rem 0 1rem .75rem;
    width: 99%; }
  .editGif, .editGIF {
    margin: 1rem 0 1rem 0;
    width: 99%; }
  .addText {
    float: right;
    padding-right: .4rem;
    font-size: 2rem; }
  .GIFImage {
    width: 100%;
    margin: 3rem 0 0 0;
    padding-left: 0%; }
  .pageTitle {
    padding: 0;
    margin: 0 0 1rem 0;
    font-size: 1.75rem; }
  .trainingBlock {
    height: 8rem; }
  .trainingBlockText {
    font-size: 1.35rem !important; }
  .trainingBlockText2line {
    left: auto !important;
    margin-left: 0; }
  .homepageLinkBox a.homepageLinkBoxLink:hover {
    color: white; }
  .homepageLinkBox a.homepageLinkBoxLink > h3 {
    color: #a61d2f;
    text-align: center;
    font-size: 1.55rem; }
    .homepageLinkBox a.homepageLinkBoxLink > h3:hover {
      color: white; }
  form, .searchTitle {
    margin-left: 0 !important; }
  .masterList {
    width: 100%;
    margin-left: 0 !important; }
  .exerciseImage, .equipmentImage {
    /*width: 100%;*/
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    /*border: 0px solid #e1e1e1;*/
    padding: .5rem 0rem;
    max-width: 100%; }
  .resultsContainer, .headingContainer {
    margin-left: 0;
    width: 100% !important; }
  .resultsContainer form resultsListItem, .resultsContainer form {
    width: 100% !important; }
  .tabs-title > a {
    border-left: 1px solid #e1e1e1;
    font-size: .75rem;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: .5rem .15rem .5rem .15rem;
    font-weight: bold;
    word-break: break-all; }
  .gridContainer {
    margin: 0 .975rem;
    background-color: white;
    border-radius: 0.5rem !important;
    padding: 1rem; }
  .detailsContainer {
    margin-top: 2rem;
    clear: both;
    float: left;
    padding-top: 2rem; }
  header {
    top: 0;
    left: 0;
    width: 88% !important;
    position: fixed;
    height: 50px;
    margin: 0 1rem; }
  .titleContainer {
    margin-left: 0; }
  .stepsContainer, #Activity_Steps, pre {
    width: 100% !important; }
  .trainingBlock a.trainingBlockLink {
    color: #fff;
    letter-spacing: -.5px; } }