@import "_variables.scss";

.betterstudio-review.tall-1,
.betterstudio-review.tall-2 {
  width: 315px;
  border: 1px solid #ebebeb;
}

.betterstudio-review.tall-1.right,
.betterstudio-review.tall-2.right {
  float: right;
  margin: 0 0 20px 20px;
}

.betterstudio-review.tall-1.left,
.betterstudio-review.tall-2.left {
  float: left;
  margin: 0 20px 20px 0;
}

.betterstudio-review.tall-1 .overall,
.betterstudio-review.tall-2 .overall {
  float: none;
  width: 100%;
  margin: 0;
  padding: 20px 10px;
}

.betterstudio-review.tall-2 .overall {
  border-radius: 0;
}

.betterstudio-review.tall-1 .verdict-summary,
.betterstudio-review.tall-2 .verdict-summary {
  float: none;
  padding: 0;
  margin-top: 20px;

  font-size: 14px;
  line-height: 1.3;
}

.betterstudio-review.tall-2 .verdict-summary {
  line-height: 1.5;
}

.betterstudio-review.tall-1 .review-cons-pros > aside,
.betterstudio-review.tall-2 .review-cons-pros > aside {
  float: none;
  width: 100%;
}

.betterstudio-review.tall-1 .readers-ratings > aside,
.betterstudio-review.tall-2 .readers-ratings > aside {
  float: none;
  width: 100%;
  text-align: center;
}

.betterstudio-review.tall-1 .total-votes,
.betterstudio-review.tall-2 .total-votes {
  display: block;
}

.betterstudio-review.tall-1 .verdict .page-heading,
.betterstudio-review.tall-2 .verdict .page-heading {
  font-size: 20px;
}

.betterstudio-review.tall-1 .affiliate-btn,
.betterstudio-review.tall-2 .affiliate-btn {
  float: none;
}

.betterstudio-review.tall-1 .readers-ratings,
.betterstudio-review.tall-2 .readers-ratings {
  line-height: 15px;
  padding: 20px 20px 15px;
}

.betterstudio-review.tall-1 .readers-ratings .heading,
.betterstudio-review.tall-2 .readers-ratings .heading {
  font-size: 15px;
  font-weight: 700;
}

.betterstudio-review.tall-1 .review-cons-pros .heading,
.betterstudio-review.tall-2 .review-cons-pros .heading {
  margin-top: 0;
}

.betterstudio-review.tall-1 .readers-ratings .total-votes,
.betterstudio-review.tall-2 .readers-ratings .total-votes {
  font-size: 13px;
  text-align: center;
}

.betterstudio-review.tall-1 .readers-ratings aside.rating,
.betterstudio-review.tall-2 .readers-ratings aside.rating {
  line-height: 25px;
  padding-top: 10px;
  height: auto;
  text-align: center;
}

.betterstudio-review.tall-2 .verdict {
  padding: 0;
}

.betterstudio-review.tall-2 .review-cons-pros > aside {
  padding: 0;
  border: none;
}

.betterstudio-review.tall-2 .the-content,
.betterstudio-review.tall-2 .review-cons-pros ul {
  padding: 0 20px;
  margin-bottom: 20px;
}

.betterstudio-review.tall-2 .review-cons-pros .heading {
  margin-bottom: 18px;
  padding: 10px 20px;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  border-width: 1px 0;
}

@media only screen and (max-width: $break-medium) {
  .betterstudio-review .review-first-col,
  .betterstudio-review .review-second-col,
  .betterstudio-review.big-4 .verdict,
  .betterstudio-review.big-4 .criteria-list ul,
  .betterstudio-review.big-4 .affiliate,
  .betterstudio-review.big-5 .verdict-summary {
	width: 100%;
	float: none;
	clear: both;
  }
  .betterstudio-review.big-4 .criteria-list ul {
	padding-left: 0;
  }
  .betterstudio-review.big-4 .overall {
	width: 100%;
  }
  .betterstudio-review.big-4 .criteria-list ul {
	padding-top: 10px;
	margin-bottom: 0;
	clear: both;
  }
  .betterstudio-review.big-4 .affiliate {
	float: none;
	width: 100%;
	border-top: 1px solid #ebebeb;
	border-left-width: 0;
	position: relative;
  }
  .betterstudio-review:before,
  .betterstudio-review.big-3:before {
	display: none !important;
  }
  .betterstudio-review.big-2 .criteria-list,
  .betterstudio-review.big-3 .criteria-list {
	margin-bottom: 0;
	border-bottom: 1px solid #ebebeb;
  }
  .betterstudio-review.big-5 .verdict-summary {
	padding: 10px 0 0 0;
  }
  .betterstudio-review.big-3 .review-description {
	border-top: none;
	border-bottom: 1px solid #ebebeb;
  }
  .betterstudio-review .readers-ratings > aside.rating {
	float: none;
	text-align: center;
	height: auto;
	display: block;
  }
  .betterstudio-review .readers-ratings > aside.heading {
	float: none;
	text-align: center;
	margin-bottom: 8px;
  }
  .betterstudio-review .readers-ratings .total-votes {
	display: block;
	text-align: center;
  }
  .betterstudio-review .readers-ratings {
	padding-top: 20px;
	padding-bottom: 20px;
  }
  .betterstudio-review.big-2 .review-description {
	border-top: none;
	border-bottom: 1px solid #ebebeb;
  }
  .betterstudio-review.tall-1,
  .betterstudio-review.tall-2 {
	width: 100%;
	float: none;
  }
}

@media only screen and (max-width: $break-small) {
  .betterstudio-review .overall {
	float: none;
	width: 100%;
	margin-bottom: 12px;
  }

  .betterstudio-review .verdict-summary {
	padding: 0;
  }
  .betterstudio-review .review-cons-pros > aside {
	float: none;
	width: 100%;
  }
}
