/**
 * NivoSlider in content: show controls
 */
.pl-imagerotation-root .nivo-main-image{
  height: auto !important;
}

.pl-imagerotation-root .nivo-directionNav,
.pl-imagerotation-root .nivo-controlNav {
  display: block;
}

.pl-imagerotation-root .nivo-control {
  display: inline-block;
  padding: 5px;
  margin-right: 1px;
}

.pl-imagerotation-root .nivo-directionNav a {
  top: 0;
  bottom: 0;
  width: 100px;
  overflow: hidden;
  text-indent: 100px;
}

.pl-imagerotation-root .nivo-prevNav {
  /*
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 102"
width="50" height="51">
  <path fill-opacity=".67" d="M 100,6 4,54 100,102 z"/>
  <path fill="#eee" d="M 96,0 0,48 96,96 z"/>
  </svg>
  */
  background:
url('data:image/svg+xml,%20%20%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20102%22%20width=%2250%22%20height=%2251%22%3E%0A%20%20%3Cpath%20fill-opacity=%22.67%22%20d=%22M%20100%2C6%204%2C54%20100%2C102%20z%22/%3E%0A%20%20%3Cpath%20fill=%22%23eee%22%20d=%22M%2096%2C0%200%2C48%2096%2C96%20z%22/%3E%0A%20%20%3C/svg%3E%0A')
no-repeat center;
}

.pl-imagerotation-root .nivo-nextNav {
  /*
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 102"
width="50" height="51">
  <path fill-opacity=".67" d="M 4,6 100,54 4,102 z"/>
  <path fill="#eee" d="M 0,0 96,48 0,96 z"/>
  </svg>
  */
  background:
url('data:image/svg+xml,%20%20%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20102%22%20width=%2250%22%20height=%2251%22%3E%0A%20%20%3Cpath%20fill-opacity=%22.67%22%20d=%22M%204%2C6%20100%2C54%204%2C102%20z%22/%3E%0A%20%20%3Cpath%20fill=%22%23eee%22%20d=%22M%200%2C0%2096%2C48%200%2C96%20z%22/%3E%0A%20%20%3C/svg%3E%0A')
no-repeat center;
}

.pl-imagerotation-root .nivo-directionNav a:focus,
.pl-imagerotation-root .nivo-directionNav a:hover {
  background-color: rgba(255,255,255,.33);
}

.pl-imagerotation-root .nivo-controlNav .nivo-control.active:after {
  font-weight: normal;
}