.hide-all {
  display: none !important; }

* {
  font-family: "MyriadPro", "Open Sans", sans-serif; }

#bnm_google-review-widget,
#error-msg {
  padding: 0 4vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }

#bnm_google-review-widget > div,
#error-msg > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.google-review-title {
  text-align: center; }

.google-review-title .fl-heading,
.google-review-title .fl-module-content {
  margin-bottom: 0; }

/* Write Review Button */
.write-review {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto; }

#bnm_google-review-widget button {
  background-color: #76be43;
  outline: none;
  border: none;
  padding: 10px 20px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

#error-msg button {
  background-color: #76be43;
  outline: none;
  border: none;
  padding: 10px 20px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

#bnm_google-review-widget button:hover {
  background-color: #95866a;
  -webkit-box-shadow: #636363 0px 0px 5px;
          box-shadow: #636363 0px 0px 5px; }

.write-review-link a {
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff; }

/* Review body */
.all-reviews {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px; }

#bnm_google-review-widget li {
  list-style-type: none;
  margin-bottom: 20px; }

.single-review {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 80%; }

.single-review.active {
  display: flex !important;
  justify-content: flex-start;
  align-items: center; }

/* Single-review Header*/
.review-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 15px 0; }

#bnm_google-review-widget li img {
  width: 48px;
  height: 48px; }

.times-ago {
  color: grey;
  font-size: x-small; }

.author {
  margin: 5px 0; }

/*Rating Star */
.review-star {
  color: #76be43; }

/* Review Text */
.review-text {
  font-weight: 200;
  line-height: 1.5;
  text-align: center; }

/* Slide Navigation */
.slide-nav {
  width: 80%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  margin: auto; }

#prev-btn,
#next-btn {
  cursor: pointer;
  font-size: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #76be43;
  color: #ffffff;
  padding: 2px 8px; }

#prev-btn:hover {
  background-color: #95866a; }

#next-btn:hover {
  background-color: #95866a; }

/*Overall Rating Stars*/
.overall-rating {
  text-align: center; }

.overall-rating-wrapper {
  display: none; }

.overall-rating-wrapper {
  margin-bottom: 10px; }

.overall-rating-wrapper h3 {
  margin-bottom: 0; }

.rating-stars-outer {
  position: relative;
  display: inline-block; }

.rating-stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0; }

.rating-stars-outer::before {
  content: "\2605 \2605 \2605 \2605 \2605";
  color: #d5d5d5; }

.rating-stars-inner::before {
  content: "\2605 \2605 \2605 \2605 \2605";
  color: #76be43; }

/* Attribution Logo */
.attribution {
  width: 80%;
  text-align: center; }

.attribution-logo, .mainContent img.attribution-logo {
  margin: 10px 0;
  height: 20px;
  width: unset; }

@media (max-width: 480px) {
  .slide-nav {
    width: 100%; }
  #prev-btn,
  #next-btn {
    font-size: 18px;
    padding: 4px 8px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .slide-nav {
    width: 100%; }
  #prev-btn,
  #next-btn {
    font-size: 22px;
    padding: 0px 5px; } }

@media (min-width: 769px) {
  .slide-nav {
    width: 80%; } }

.rating-stars-inner.w-20 {
  width: calc(20 * 1%); }

.rating-stars-inner.w-40 {
  width: calc(40 * 1%); }

.rating-stars-inner.w-60 {
  width: calc(60 * 1%); }

.rating-stars-inner.w-80 {
  width: calc(80 * 1%); }

.rating-stars-inner.w-100 {
  width: calc(100 * 1%); }