/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#review-wrapper {
  overflow: hidden;
}

.caroufredsel_wrapper {
  width: auto;
}

#carousel div.item {
  text-align: center;
  width: 400px;
  height: 250px;
  float: left;
  position: relative;
  background: #d30b22;
  margin: 5px;
  padding: 50px 25px;
  border-radius: 8px;
}

#carousel div.item:nth-child(1) {
  background: #689642;
}

#carousel div.item:nth-child(2) {
  background: #e18002;
}

#carousel div.item:nth-child(3) {
  background: #f5a000;
}

#carousel div.item:nth-child(4) {
  background: #d30b22;
}

#carousel div.item:nth-child(5) {
  background: #689642;
}

#carousel div img {
  border: none;
}

.review-avatar {
  width: 30%;
  float: left;
}

.review-content-wrapper {
  width: 70%;
  float: right;
}

.review-content-wrapper .review-text .description {
  color: white;
  text-align: left;
}

.review-author {
  float: left;
}

#review-wrapper .woocommerce .star-rating {
  float: left !important;
}

#review-wrapper .woocommerce .star-rating span::before, #review-wrapper .woocommerce .star-rating::before {
  color: white !important;
}

.review-content-wrapper .read-more a {
  color: white;
  padding: 8px 15px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}

.review-content-wrapper .read-more {
  margin-top: 20px;
  float: right;
}

.review-author {
  margin-top: 20px;
  float: left;
}

.review-title h2 {
  color: white;
  text-align: left;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}