/* 020.Normalize.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
* {
  text-decoration: none;
  font-size: inherit;
  outline: none;
  padding: 0;
  margin: 0; }

code, kbd, samp, pre, tt, var, textarea,
input, select, isindex, listing, xmp, plaintext {
  font-size: 1em;
  font: inherit; }

dfn, i, cite, var, address, em {
  font-style: normal; }

th, b, strong, h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

a, img, a img, iframe, form, fieldset,
abbr, acronym, object, applet, table {
  border: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th, td {
  vertical-align: top; }

caption, center {
  vertical-align: top;
  text-align: left; }

body {
  background: white;
  line-height: 1;
  color: black; }

q {
  quotes: "" ""; }

ul, ol, dir, menu {
  list-style: none; }

sub, sup {
  vertical-align: baseline; }

a {
  color: inherit; }

hr {
  display: none; }

font {
  color: inherit !important;
  font: inherit !important;
  color: inherit !important;
  /* editor's note: necessary? */ }

marquee {
  overflow: inherit !important; }

blink {
  text-decoration: none; }

nobr {
  white-space: normal; }

input, select, textarea {
  color: inherit; }

#report-abuse {
  display: none !important; }

*::before, *::after {
  font-size: 1em; }

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  white-space: normal; }

/* 020.Normalize.scss ------------------------------------------------ */
/* 100.BaseStyles.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ------------------------------------------------ */
*, *::before, *::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 16px; }

::selection {
  color: transparent;
  background-color: blue; }

body {
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6; }
  body[data-in-wp-editor="no"] {
    background-color: #ffffff;
    color: #111111; }
  body.page-template-template-test, body.page-template-template-classic-groove, body.page-template-template-ballroom-and-latin {
    background-color: #333; }
    body.page-template-template-test > #bodyOuter, body.page-template-template-classic-groove > #bodyOuter, body.page-template-template-ballroom-and-latin > #bodyOuter {
      max-width: 320px;
      margin: 0 auto;
      -moz-user-select: none;
      -khtml-user-select: none;
      -webkit-user-select: none;
      -o-user-select: none;
      user-select: none; }
      body.page-template-template-test > #bodyOuter > #bodyInner > h1, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > h1, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > h1 {
        text-align: center;
        margin: 5px 0 10px;
        font-size: 28px;
        font-weight: bold; }
      body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter {
        overflow: hidden;
        border-top: none;
        min-height: 449px;
        box-shadow: 0px 0px 0px 2px #222222, 0px 0px 0px 3px #444444;
        position: relative; }
        body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > svg#cog, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > svg#cog, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > svg#cog {
          display: inline-block;
          width: 26px;
          height: 26px;
          position: absolute;
          top: 11px;
          right: 13px;
          color: #eeeeee;
          cursor: pointer; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > svg#cog:hover, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > svg#cog:hover, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > svg#cog:hover {
            color: #ffffff; }
        body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools {
          position: absolute;
          top: 50px;
          right: -320px;
          width: 320px;
          height: 399px;
          background-color: #2b2b2b;
          color: #eeeeee;
          z-index: 1;
          -webkit-transition: right 0.5s ease-in-out;
          -moz-transition: right 0.5s ease-in-out;
          -o-transition: right 0.5s ease-in-out;
          transition: right 0.5s ease-in-out;
          padding: 10px;
          text-align: center;
          text-shadow: 2px 2px 2px #000; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools.visible, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools.visible, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools.visible {
            right: 0; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action {
            margin-bottom: 10px;
            -webkit-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
            -o-transition: all 0.4s ease-in;
            transition: all 0.4s ease-in; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action > span, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action > span, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action > span {
              cursor: pointer;
              display: inline-block;
              background-color: #555;
              padding: 5px 10px;
              border-radius: 5px;
              font-size: 14px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action > span:hover, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action > span:hover, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .action > span:hover {
                color: #ffffff;
                background-color: #444; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 20px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn {
              display: inline-block;
              padding: 6px 12px;
              margin-bottom: 0;
              font-size: 14px;
              font-weight: 400;
              line-height: 1.42857143;
              text-align: center;
              white-space: nowrap;
              vertical-align: middle;
              cursor: pointer;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              background-image: none;
              border: 1px solid transparent;
              border-radius: 4px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn:hover, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn:focus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn:hover, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn:focus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn:hover, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn:focus {
                color: #333;
                text-decoration: none; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary {
                color: #fff;
                background-color: #428bca;
                border-color: #357ebd; }
                body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:hover, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:focus, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:active, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary.active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:hover, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:focus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary.active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:hover, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:focus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary:active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-primary.active {
                  color: #fff;
                  background-color: #3071a9;
                  border-color: #285e8e; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default {
                color: #333;
                background-color: #fff;
                border-color: #ccc; }
                body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:hover, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:focus, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:active, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default.active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:hover, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:focus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default.active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:hover, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:focus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default:active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.btn-default.active {
                  color: #333;
                  background-color: #e6e6e6;
                  border-color: #adadad; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-on, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-on, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-on {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 50%;
                margin: 0;
                border: 0;
                border-radius: 0;
                padding-right: 24px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-off, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-off, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-off {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 50%;
                right: 0;
                margin: 0;
                border: 0;
                border-radius: 0;
                padding-left: 24px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-handle, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-handle, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container .btn.toggle-handle {
                position: relative;
                margin: 0 auto;
                padding-top: 0;
                padding-bottom: 0;
                height: 100%;
                width: 0;
                border-width: 0 1px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > label, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > label, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > label {
              display: inline-block;
              padding-right: 5px;
              font-size: 12px;
              line-height: 1.2; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle {
              position: relative;
              overflow: hidden;
              text-shadow: none; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle.btn, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle.btn, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle.btn {
                min-width: 59px;
                min-height: 34px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle > .toggle-group, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle > .toggle-group, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle > .toggle-group {
                position: absolute;
                width: 200%;
                top: 0;
                bottom: 0;
                left: 0;
                transition: left .35s;
                -webkit-transition: left .35s;
                -moz-user-select: none;
                -webkit-user-select: none; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle.off .toggle-group, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle.off .toggle-group, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > .toggle-container > .toggle.off .toggle-group {
                left: -100%; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogToolsTitle, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogToolsTitle, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogToolsTitle {
            font-size: 20px;
            font-weight: bold;
            padding-bottom: 20px; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogGrooveInfo, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogGrooveInfo, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogGrooveInfo {
            padding-bottom: 20px;
            line-height: 1.2; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogClose, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogClose, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #cogTools > #cogClose {
            padding-top: 20px; }
        body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer {
          position: absolute;
          top: 50px;
          left: 0;
          width: 320px;
          font-family: Michroma, sans-serif;
          color: #ffffff;
          text-shadow: 2px 2px 2px #000; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > div, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > div, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > div {
            padding: 10px;
            opacity: 0.5;
            cursor: pointer;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > div.selected, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > div.selected, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > div.selected {
              opacity: 1; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveCategory1, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveCategory1, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveCategory1 {
            position: absolute;
            top: 0;
            left: 0; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveCategory2, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveCategory2, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveCategory2 {
            position: absolute;
            top: 0;
            right: 0; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveHighlight, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveHighlight, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveHighlight {
            position: absolute;
            display: block;
            top: 35px;
            left: 10px;
            width: 76px;
            height: 4px;
            background-color: #68cfeb;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveHighlight.right, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveHighlight.right, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #multiGrooveCategoryContainer > #grooveHighlight.right {
              left: 234px; }
        body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > h1, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > h1, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > h1 {
          font-family: Michroma, sans-serif;
          color: #3b6081;
          color: #ffffff;
          font-size: 24px;
          text-align: center;
          padding: 5px 0;
          background-color: #333;
          text-shadow: 2px 2px 2px #000;
          box-shadow: 0px 0px 0px 2px #222222, 0px 0px 0px 3px #444444; }
        body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection {
          -webkit-transition: all 1s ease;
          -moz-transition: all 1s ease;
          -o-transition: all 1s ease;
          transition: all 1s ease;
          color: #dddddd;
          margin: 0 auto;
          text-align: center;
          background-color: #333; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #888;
            margin: 15px auto 30px auto;
            box-shadow: inset #262626 0 -1px 2px 2px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 2px, inset rgba(255, 255, 255, 0.5) 0 2px 1px 1px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb.bar, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb.bar, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb.bar {
              background-color: red; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb.beat, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb.beat, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bulb.beat {
              background-color: orange; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            height: 50px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #bpmDigitsContainer, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #bpmDigitsContainer, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #bpmDigitsContainer {
              position: absolute;
              top: 0;
              height: 50px;
              border-radius: 5px;
              padding: 5px;
              background: linear-gradient(black 0%, black 90%, #656565);
              min-width: 97px;
              display: none; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #bpmDigitsContainer > img, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #bpmDigitsContainer > img, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #bpmDigitsContainer > img {
                display: inline-block;
                height: 100%;
                width: 29px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #minus, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #plus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #minus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #plus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #minus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > #plus {
              display: none; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm {
              font-family: "Courier New",Courier,monospace;
              font-size: 30px;
              border: 3px solid transparent;
              border: 0;
              border-radius: 0;
              background-color: transparent;
              width: 200px;
              padding: 1px 2px;
              padding: 0;
              text-align: center;
              font-weight: bold;
              position: relative;
              caret-color: #ffffff; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm::placeholder, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm::placeholder, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm::placeholder {
                font-family: Arial, Verdana, sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: #999999;
                text-align: center; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm.keep-tapping::placeholder, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm.keep-tapping::placeholder, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer > input#bpm.keep-tapping::placeholder {
                font-size: 18px;
                color: sandybrown;
                font-weight: normal; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #bpmDigitsContainer, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #bpmDigitsContainer, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #bpmDigitsContainer {
              display: block; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus {
              display: inline-block;
              cursor: pointer;
              -moz-user-select: none;
              -khtml-user-select: none;
              -webkit-user-select: none;
              -o-user-select: none;
              user-select: none;
              position: relative;
              font-size: 30px;
              text-align: center;
              color: #333333;
              text-shadow: rgba(102, 102, 102, 0.5) 0 -1px 0, rgba(255, 255, 255, 0.6) 0 2px 1px;
              background-color: #e6e6e6;
              box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
              /* outer HL */
              transition: color .2s;
              width: 50px;
              height: 50px;
              line-height: 50px;
              border-radius: 50%;
              background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%);
              font-family: "Courier New",Courier,monospace;
              font-size: 30px;
              font-weight: bold; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:before, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:after, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:before, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:after {
                content: "";
                top: 0;
                left: 0;
                position: absolute;
                width: inherit;
                height: inherit;
                border-radius: inherit;
                /* fake conical gradients */
                background-image: -webkit-radial-gradient(50% 0%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(50% 100%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(0% 50%, 50% 10%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(100% 50%, 50% 6%, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:before, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:before {
                transform: rotate(65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:after, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:after {
                transform: rotate(-65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:active, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus:active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus:active {
                color: #0066cc;
                text-shadow: rgba(0, 51, 102, 0.3) 0 -1px 0, #b3d9ff 0 2px 1px, #99ddff 0 0 5px, rgba(0, 128, 255, 0.6) 0 0 20px;
                box-shadow: inset #004d99 0 0px 0px 4px, inset rgba(0, 38, 77, 0.4) 0 -1px 5px 4px, inset rgba(0, 51, 102, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, rgba(128, 191, 255, 0.8) 0 0px 3px 2px, rgba(51, 102, 153, 0.25) 0 -5px 6px 4px, #e8f2fc 0 5px 6px 4px;
                /* outer HL */ }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #minus {
              margin-right: 30px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > #plus {
              margin-left: 30px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > input#bpm, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > input#bpm, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #bpmInputContainer.bpm-set > input#bpm {
              width: 97px;
              border-radius: 5px;
              height: 50px;
              box-shadow: black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
              /* outer HL */
              font-size: 47px;
              line-height: 1;
              color: transparent; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer {
            padding: 30px 0 30px; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap {
              display: inline-block;
              cursor: pointer;
              -moz-user-select: none;
              -khtml-user-select: none;
              -webkit-user-select: none;
              -o-user-select: none;
              user-select: none;
              position: relative;
              font-size: 30px;
              text-align: center;
              color: #333333;
              text-shadow: rgba(102, 102, 102, 0.5) 0 -1px 0, rgba(255, 255, 255, 0.6) 0 2px 1px;
              background-color: #e6e6e6;
              box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
              /* outer HL */
              transition: color .2s;
              width: 70px;
              height: 70px;
              line-height: 70px;
              border-radius: 50%;
              background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%);
              font-size: 25px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:before, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:after {
                content: "";
                top: 0;
                left: 0;
                position: absolute;
                width: inherit;
                height: inherit;
                border-radius: inherit;
                /* fake conical gradients */
                background-image: -webkit-radial-gradient(50% 0%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(50% 100%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(0% 50%, 50% 10%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(100% 50%, 50% 6%, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:before {
                transform: rotate(65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:after {
                transform: rotate(-65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #tapContainer > #tap:active {
                color: #0066cc;
                text-shadow: rgba(0, 51, 102, 0.3) 0 -1px 0, #b3d9ff 0 2px 1px, #99ddff 0 0 5px, rgba(0, 128, 255, 0.6) 0 0 20px;
                box-shadow: inset #004d99 0 0px 0px 4px, inset rgba(0, 38, 77, 0.4) 0 -1px 5px 4px, inset rgba(0, 51, 102, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, rgba(128, 191, 255, 0.8) 0 0px 3px 2px, rgba(51, 102, 153, 0.25) 0 -5px 6px 4px, #e8f2fc 0 5px 6px 4px;
                /* outer HL */ }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer {
            font-size: 18px;
            line-height: 1;
            padding-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper {
              box-shadow: black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
              /* outer HL */
              border-radius: 3px;
              display: inline-block; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper option, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper select, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper option, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper select, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper option, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper select {
                border: 3px solid transparent;
                border: 0;
                border-radius: 0;
                background-color: #cccccc;
                color: #333; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper select, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper select, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #grooveContainer > #grooveWrapper select {
                border-radius: 3px; }
          body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer {
            padding: 20px 0 20px 0;
            padding: 12px 0 0 0; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay {
              display: inline-block;
              cursor: pointer;
              -moz-user-select: none;
              -khtml-user-select: none;
              -webkit-user-select: none;
              -o-user-select: none;
              user-select: none;
              position: relative;
              font-size: 30px;
              text-align: center;
              color: #333333;
              text-shadow: rgba(102, 102, 102, 0.5) 0 -1px 0, rgba(255, 255, 255, 0.6) 0 2px 1px;
              background-color: #e6e6e6;
              box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
              /* outer HL */
              transition: color .2s;
              width: 70px;
              height: 70px;
              line-height: 70px;
              border-radius: 50%;
              background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%);
              margin: 0 20px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:before, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:after {
                content: "";
                top: 0;
                left: 0;
                position: absolute;
                width: inherit;
                height: inherit;
                border-radius: inherit;
                /* fake conical gradients */
                background-image: -webkit-radial-gradient(50% 0%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(50% 100%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(0% 50%, 50% 10%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(100% 50%, 50% 6%, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:before {
                transform: rotate(65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:after {
                transform: rotate(-65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay:active {
                color: #0066cc;
                text-shadow: rgba(0, 51, 102, 0.3) 0 -1px 0, #b3d9ff 0 2px 1px, #99ddff 0 0 5px, rgba(0, 128, 255, 0.6) 0 0 20px;
                box-shadow: inset #004d99 0 0px 0px 4px, inset rgba(0, 38, 77, 0.4) 0 -1px 5px 4px, inset rgba(0, 51, 102, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, rgba(128, 191, 255, 0.8) 0 0px 3px 2px, rgba(51, 102, 153, 0.25) 0 -5px 6px 4px, #e8f2fc 0 5px 6px 4px;
                /* outer HL */ }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay svg, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay svg, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay svg {
                display: inline-block;
                width: 32px;
                height: 32px;
                position: absolute;
                top: 18px;
                left: 21px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay #paused, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay #paused, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay #paused {
                opacity: 0; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay #playing, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay #playing, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay #playing {
                opacity: 1;
                left: 19px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused {
                -webkit-animation: mutedAnimation 2s linear 0s infinite;
                -moz-animation: mutedAnimation 2s linear 0s infinite;
                -o-animation: mutedAnimation 2s linear 0s infinite;
                animation: mutedAnimation 2s linear 0s infinite;
                transition: none;
                box-shadow: inset #cc0000 0 0px 0px 4px, inset rgba(77, 0, 0, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
                /* outer HL */ }

@-webkit-keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }

@-moz-keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }

@-o-keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }

@keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }
                body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused #paused, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused #paused, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused #paused {
                  opacity: 1; }
                body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused #playing, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused #playing, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.paused #playing {
                  opacity: 0; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.hidden, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.hidden, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #pauseplay.hidden {
                display: none; }
            body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute {
              display: inline-block;
              cursor: pointer;
              -moz-user-select: none;
              -khtml-user-select: none;
              -webkit-user-select: none;
              -o-user-select: none;
              user-select: none;
              position: relative;
              font-size: 30px;
              text-align: center;
              color: #333333;
              text-shadow: rgba(102, 102, 102, 0.5) 0 -1px 0, rgba(255, 255, 255, 0.6) 0 2px 1px;
              background-color: #e6e6e6;
              box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
              /* outer HL */
              transition: color .2s;
              width: 40px;
              height: 40px;
              line-height: 40px;
              border-radius: 50%;
              background-image: -webkit-radial-gradient(50% 0%, 8% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(50% 100%, 12% 50%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(0% 50%, 50% 7%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(100% 50%, 50% 5%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, transparent 0%, transparent 3%, rgba(0, 0, 0, 0.1) 3.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0.1) 7.5%), -webkit-repeating-radial-gradient(50% 50%, 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1.2%, rgba(255, 255, 255, 0.2) 2.2%), -webkit-radial-gradient(50% 50%, 200% 50%, #e6e6e6 5%, #d9d9d9 30%, #999999 100%);
              margin: 0 20px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:before, body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:after {
                content: "";
                top: 0;
                left: 0;
                position: absolute;
                width: inherit;
                height: inherit;
                border-radius: inherit;
                /* fake conical gradients */
                background-image: -webkit-radial-gradient(50% 0%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(50% 100%, 10% 50%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(0% 50%, 50% 10%, rgba(0, 0, 0, 0.1) 0%, transparent 100%), -webkit-radial-gradient(100% 50%, 50% 6%, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:before, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:before, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:before {
                transform: rotate(65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:after, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:after, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:after {
                transform: rotate(-65deg); }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:active, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:active, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute:active {
                color: #0066cc;
                text-shadow: rgba(0, 51, 102, 0.3) 0 -1px 0, #b3d9ff 0 2px 1px, #99ddff 0 0 5px, rgba(0, 128, 255, 0.6) 0 0 20px;
                box-shadow: inset #004d99 0 0px 0px 4px, inset rgba(0, 38, 77, 0.4) 0 -1px 5px 4px, inset rgba(0, 51, 102, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, rgba(128, 191, 255, 0.8) 0 0px 3px 2px, rgba(51, 102, 153, 0.25) 0 -5px 6px 4px, #e8f2fc 0 5px 6px 4px;
                /* outer HL */ }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute svg, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute svg, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute svg {
                display: inline-block;
                width: 18px;
                height: 18px;
                position: absolute;
                top: 10px;
                left: 12px; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute #muted, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute #muted, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute #muted {
                opacity: 0; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute #unmuted, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute #unmuted, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute #unmuted {
                opacity: 1; }
              body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted {
                -webkit-animation: mutedAnimation 2s linear 0s infinite;
                -moz-animation: mutedAnimation 2s linear 0s infinite;
                -o-animation: mutedAnimation 2s linear 0s infinite;
                animation: mutedAnimation 2s linear 0s infinite;
                transition: none;
                box-shadow: inset #cc0000 0 0px 0px 4px, inset rgba(77, 0, 0, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
                /* outer HL */ }

@-webkit-keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }

@-moz-keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }

@-o-keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }

@keyframes mutedAnimation {
  0% { }
  50% {
    box-shadow: inset #262626 0 0px 0px 0px, inset rgba(38, 38, 38, 0.8) 0 -1px 5px 4px, inset rgba(0, 0, 0, 0.25) 0 -1px 0px 7px, inset rgba(255, 255, 255, 0.7) 0 2px 1px 7px, black 0 -5px 6px 4px, rgba(255, 255, 255, 0.5) 0 5px 6px 4px;
    /* outer HL */
    color: #cc0000; }
  100% { } }
                body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted #muted, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted #muted, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted #muted {
                  opacity: 1; }
                body.page-template-template-test > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted #unmuted, body.page-template-template-classic-groove > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted #unmuted, body.page-template-template-ballroom-and-latin > #bodyOuter > #bodyInner > #sectionSelectionOuter > #sectionSelection > #buttonsContainer > #muteunmute.muted #unmuted {
                  opacity: 0; }
    body.page-template-template-test #debugContainer, body.page-template-template-classic-groove #debugContainer, body.page-template-template-ballroom-and-latin #debugContainer {
      -moz-user-select: all;
      -khtml-user-select: all;
      -webkit-user-select: all;
      -o-user-select: all;
      user-select: all;
      color: red;
      white-space: pre; }
    body.page-template-template-test .footer-credits, body.page-template-template-classic-groove .footer-credits, body.page-template-template-ballroom-and-latin .footer-credits {
      display: none; }

i, em {
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-style: italic; }
  i b, i strong, em b, em strong {
    font-family: Arial, Verdana, sans-serif;
    font-weight: 700;
    font-style: italic; }

b, strong {
  font-family: Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal; }
  b i, b em, strong i, strong em {
    font-family: Arial, Verdana, sans-serif;
    font-weight: 700;
    font-style: italic; }

#devicePixelRatio {
  width: 1px !important; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #devicePixelRatio {
      /* Retina-specific stuff here */
      width: 2px !important; } }

section.simple {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 16px; }
  section.simple h1 {
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 15px; }
  section.simple p {
    margin: 10px 0; }
  section.simple a {
    text-decoration: underline; }

/* 100.BaseStyles.scss ------------------------------------------------ */
/* 105.Svg.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ------------------------------------------------ */
svg.psof-standard {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  width: 1em;
  overflow: visible;
  vertical-align: -.125em;
  fill: currentColor; }
  svg.psof-standard.fixed-width {
    text-align: center;
    width: 1.25em; }

/* 105.Svg.scss ------------------------------------------------ */
/* 140.FooterRow.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ------------------------------------------------ */
.footer-credits {
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  color: #c9c9c9;
  padding: 12px 0; }
  .footer-credits > .site-title {
    display: inline-block; }

#gotoTop {
  display: none;
  position: fixed;
  width: 40px;
  height: 70px;
  background-color: #000;
  font-size: 28px;
  line-height: 45px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 20px;
  bottom: -30px;
  cursor: pointer;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -moz-transition: background-color .2s linear;
  -webkit-transition: background-color .2s linear;
  -ms-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;
  opacity: 0.8;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: none; }
  #gotoTop:hover {
    background-color: black; }

/* 140.FooterRow.scss ------------------------------------------------ */
/* 999.WordPressAdminFix.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 001.SCSSImport.scss ------------------------------------------------ */
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed; } }

/* 999.WordPressAdminFix.scss ------------------------------------------------ */