div.joyride-content-wrapper {
  ul {
    list-style-type: none;

    li {
      margin-bottom: 10px;
      span {
        display: block;
      }
      p.small { font-size: 0.8em; }

      span.icon { 
        width: 108px !important; 
        height: 108px !important; 
        display: inline;
      }

      span.icon.memory {
        background: image-url("icons/spr-icons-categories-lg.png") 0 0;
      }
    }
  }
}


.games-grid {
  list-style: none;
  @extend .matrix;
  @extend .three-cols;
  padding: 0 10px;

  li {
    cursor: pointer;
    margin-bottom: 20px;


    .game-item-wrapper {
      border: 1px solid #efefef;
      border-radius: 3px;
      padding: 20px;
      margin: 0 auto;
      text-align: center;
      width: 95%;
      min-height: 475px;

      span {
        margin: 10px auto;
        width: 108px;
        height: 108px;
        display: inline-block;

        &.score-memory {
          background: image-url("icons/categories/icn-joyride-memory.png") center center no-repeat;
        }
        &.score-spatial_recognition {
          background: image-url("icons/categories/icn-joyride-spatial_recognition.png") center center no-repeat;
        }
        &.score-problem_solving {
          background: image-url("icons/categories/icn-joyride-problem_solving.png") center center no-repeat;
        }
        &.score-focus {
          background: image-url("icons/categories/icn-joyride-focus.png") center center no-repeat;
        }
        &.game-lock {
          background: image-url("icons/icn-lock.png") center center no-repeat;
        }
      }

      &:hover {
        border: 1px solid #CECECE;
        background: #efefef;
      }
    }

    .training-description {
    }

  }
}
