/**
 * S3k Charts Plugin - Style for the chart widget
 *
 * @copyright   Copyright (C) 2012 David Lonjon
 * @license     GNU General Public License version 2
 * @package     s3k-charts
 * @subpackage  charts-widget.scss
 */
/* line 37, ../sass/charts-widget.scss */
.chart {
  display: block !important;
  margin-bottom: 20px !important;
}
/* line 42, ../sass/charts-widget.scss */
.chart .inner {
  border: 0 !important;
  padding: 0 !important;
  position: relative;
}
/* line 47, ../sass/charts-widget.scss */
.chart .inner .triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 14px 22px 0;
  border-color: transparent #fff transparent transparent;
  z-index: 2;
}
/* line 60, ../sass/charts-widget.scss */
.chart .title-wrapper {
  position: relative;
  background: #1C1C24;
}
/* line 64, ../sass/charts-widget.scss */
.chart .title-wrapper .widget-title {
  text-transform: uppercase;
  margin: 0 !important;
  padding: 10px !important;
  color: #EAEAED !important;
  letter-spacing: 1px;
  line-height: 1em;
  font-family: 'Fjalla One', Impact, Arial;
  font-size: 24px;
}
/* line 74, ../sass/charts-widget.scss */
.chart .title-wrapper .widget-title .soompi-title {
  color: #319ff4;
  font-size: 12px;
  margin-bottom: 4px;
}
/* line 82, ../sass/charts-widget.scss */
.chart .list-wrapper {
  border: 0 !important;
  position: relative;
}
/* line 87, ../sass/charts-widget.scss */
.chart .chart-list {
  zoom: 1;
  border: 2px solid #1C1C24;
}
/* line 29, ../sass/charts-widget.scss */
.chart .chart-list:before {
  content: "";
  display: table;
}
/* line 30, ../sass/charts-widget.scss */
.chart .chart-list:after {
  content: "";
  display: table;
  clear: both;
}
/* line 93, ../sass/charts-widget.scss */
.chart .chart-list .chart-item,
.chart .chart-list .see-all {
  float: left;
  background: #F5F5F5;
  padding: 17 px 0;
  position: relative;
  width: 100%;
}
/* line 102, ../sass/charts-widget.scss */
.chart .chart-list .see-all {
  text-align: right;
  padding: 10px 0;
}
/* line 106, ../sass/charts-widget.scss */
.chart .chart-list .see-all a {
  font-size: 1.2em;
  margin-right: 15px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* line 114, ../sass/charts-widget.scss */
.chart .chart-list .chart-item {
  height: 110px;
  border-bottom: 1px solid #dcdcdc;
}
/* line 118, ../sass/charts-widget.scss */
.chart .chart-list .chart-item > div {
  zoom: 1;
  height: 110px;
  padding: 0 10px;
}
/* line 29, ../sass/charts-widget.scss */
.chart .chart-list .chart-item > div:before {
  content: "";
  display: table;
}
/* line 30, ../sass/charts-widget.scss */
.chart .chart-list .chart-item > div:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 769px) {
  /* line 118, ../sass/charts-widget.scss */
  .chart .chart-list .chart-item > div {
    padding: 0 12px;
  }
}
/* line 127, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper,
.chart .chart-list .chart-item .img-wrapper,
.chart .chart-list .chart-item .other-wrapper {
  position: relative;
  float: left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/* line 137, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper {
  margin-right: 10px;
}
@media (min-width: 769px) {
  /* line 137, ../sass/charts-widget.scss */
  .chart .chart-list .chart-item .rank-wrapper {
    margin-right: 16px;
  }
}
/* line 143, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper h5 {
  background: url("../img/soompi_chart_stars_sprites_50x250.png") no-repeat 0 0;
  color: #666666;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  text-indent: -9999px;
  vertical-align: top;
}
/* line 152, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper h5.rank-1 {
  background-position: 0 0;
  width: 50px;
  height: 50px;
}
/* line 158, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper h5.rank-2 {
  background-position: 0px -50px;
  width: 50px;
  height: 50px;
}
/* line 164, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper h5.rank-3 {
  background-position: 0px -100px;
  width: 50px;
  height: 50px;
}
/* line 170, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper h5.rank-4 {
  background-position: 0px -150px;
  width: 50px;
  height: 50px;
}
/* line 176, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .rank-wrapper h5.rank-5 {
  background-position: 0px -200px;
  width: 50px;
  height: 50px;
}
/* line 185, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .img-wrapper {
  width: 80px;
  float: left;
  margin-right: 10px;
}
@media (min-width: 769px) {
  /* line 185, ../sass/charts-widget.scss */
  .chart .chart-list .chart-item .img-wrapper {
    margin-right: 16px;
  }
}
/* line 193, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .img-wrapper a {
  display: block;
  padding: 0;
  margin: 0;
}
/* line 199, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .img-wrapper img {
  width: 100%;
  height: auto;
}
/* line 205, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper {
  max-width: 118px;
}
@media (min-width: 769px) {
  /* line 205, ../sass/charts-widget.scss */
  .chart .chart-list .chart-item .other-wrapper {
    max-width: 110px;
  }
}
/* line 214, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper .title {
  margin-bottom: 5px;
  line-height: .8em;
}
/* line 218, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper .title a {
  color: #1e1e1f;
  font-weight: bold;
  font-size: 1em;
  max-width: 118px;
}
/* line 225, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper .title span {
  color: #1e1e1f;
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
}
/* line 233, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper .artist a {
  color: #949494;
  font-size: 0.9em;
}
/* line 239, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
}
/* line 244, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper ul li {
  display: block;
  font-size: 1em;
  list-style: none;
  text-transform: uppercase;
}
/* line 250, ../sass/charts-widget.scss */
.chart .chart-list .chart-item .other-wrapper ul li a {
  font-weight: normal;
  font-size: .9em;
}
/* line 260, ../sass/charts-widget.scss */
.chart .link-wrapper {
  float: right;
  margin: 7px 0;
}
/* line 265, ../sass/charts-widget.scss */
.chart .link-wrapper a {
  display: none;
  margin: 5px 0;
  padding: 2px 5px;
  font-size: 1.1em;
  line-height: 18px;
  text-transform: capitalize;
  font-weight: 400;
  background: #f4f5f7;
  font-style: italic;
}
/* line 276, ../sass/charts-widget.scss */
.chart .link-wrapper a:after {
  content: " \00bb";
}
/* line 278, ../sass/charts-widget.scss */
.chart .link-wrapper a:hover {
  color: #fff;
  background: #319ff4;
}
/* line 285, ../sass/charts-widget.scss */
.chart .loading {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}
/* line 291, ../sass/charts-widget.scss */
.chart .loading .spinner {
  background: transparent url('/wp-content/plugins/s3k-charts/inc/img/spinner.gif?1470942320') 0 0 no-repeat;
  position: relative;
  top: 50%;
  margin-top: -16px;
  height: 32px;
  width: 32px;
  display: block;
  margin: 0 auto;
}
/* line 303, ../sass/charts-widget.scss */
.chart .clear {
  clear: both;
}