/* CSS Reset for SaySpot markup */
[class^=sspot-], [class^=sspot-] *, [class^=sspot-]:after, [class^=sspot-] :after, [class^=sspot-]:before, [class^=sspot-] :before {
  border-width: 0;
  border-style: solid;
  border-color: theme('borderColor.default', currentColor);
}

.sspot-screen-reader-text {
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.sspot-wrapper img, 
.sspot-wrapper video,
#sspotReviews video {
  max-width: 100%;
  height: auto;
}

.sspot-wrapper blockquote,
.sspot-wrapper dl,
.sspot-wrapper dd,
.sspot-wrapper h1,
.sspot-wrapper h2,
.sspot-wrapper h3,
.sspot-wrapper h4,
.sspot-wrapper h5,
.sspot-wrapper h6,
.sspot-wrapper hr,
.sspot-wrapper figure,
.sspot-wrapper p,
.sspot-wrapper pre {
  margin: 0;
}

.sspot-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sspot-wrapper img,
.sspot-wrapper svg,
.sspot-wrapper video,
.sspot-wrapper canvas,
.sspot-wrapper audio,
.sspot-wrapper iframe,
.sspot-wrapper embed,
.sspot-wrapper object {
  display: block;
  vertical-align: middle;
}

.sspot-wrapper input[type=text],
.sspot-wrapper input[type=email]
.sspot-wrapper input[type=button] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.sspot-wrapper button {
  background-color: transparent;
  border: none;
  background-image: none;
  text-transform: none;
  overflow: visible;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

/* Main SaySpot container */

#sspotReviews {
  padding-top: 2em;
  padding-bottom: 2em;
  line-height: 1.5;
}

/* Review stars */

.sspot-stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1;
}

.sspot-stars::before {
  /*content: '\2B51\2B51\2B51\2B51\2B51';*/ /* Sizing issue on Windows */
  content: '\2605\2605\2605\2605\2605';
  letter-spacing: 0px;
  background: linear-gradient(90deg, var(--sspot-star-background) var(--percent), var(--sspot-star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.7;
}

#sspot-filters-wrap-shop .sspot-stars::before {
  content: '\2605\2605\2605\2605\2605';
  letter-spacing: 0px;
  background: linear-gradient(90deg, var(--sspot-shop-star-background) var(--percent), var(--sspot-shop-star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.7;
}

.sspot-stars.sspot-stars-size__large {
  font-size: 20px;
}

.sspot-histogram-bar__bg_color {
  background-color: var(--sspot-bar-color);
}

#sspot-filters-wrap-shop .sspot-histogram-bar__bg_color {
  background-color: var(--sspot-shop-bar-color);
}

.sspot-stars-wrap {
  clear: both;
  display: flex;
  align-items: center;
}

.sspot-stars-center {
  justify-content: center;
}

.sspot-average-rating {
  margin-right: 10px;
}

.sspot-pdp-rating,
.sspot-pdp-rating a,
.sspot-pdp-rating a:hover {
  color: #323232;
  text-decoration: none;
}

.sspot-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Product listings page */

.sspot-stars-wrap.sspot-plp {
  margin-bottom: 5px;
}

.sspot-stars-wrap.sspot-plp .sspot-stars {
  margin-right: 5px;
}

.sspot-stars-wrap.sspot-plp .sspot-review-total {
  font-size: 13px;
}

/* Product details page */

.sspot-no-reviews {
  padding: 15px;
  margin-top: 1em;
  margin-bottom: 2rem;
  border: 1px solid #e2e2e2;
  font-size: 15px;
  text-align: center;
}

.sspot-no-reviews a {
  text-decoration: underline;
}

.sspot-review-bar {
  margin: 10px 0;
  font-size: 13px;
  color: #323232;
}

.sspot-review-bar .sspot-stars-wrap.sspot-pdp {
  font-size: 13px;
}

.sspot-review-bar .sspot-pdp-rating a.sspot-review-bar__link {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 36px 12px 12px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 2px 0px;
  text-decoration: none;
  line-height: 1;
}

.sspot-caret__down {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.5rem;
  stroke: #999;
}

.sspot-review-bar .sspot-stars-wrap,
.sspot-review-bar .sspot-stars-wrap.sspot-pdp {
  margin-top: 0;
  margin-right: 5px;
  line-height: 1;
}

.sspot-pdp-rating {
  line-height: 1;
}

/* PDP Summary option */

.summary .sspot-pdp-recommendation-rating .sspot-pdp-rating {
    margin-bottom: 0;
}

.sspot-pdp-recommendation-rating {
  margin: 10px 0;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.sspot-pdp-recommendation-rating .sspot-pdp-rating {
  line-height: 1;
}

.sspot-pdp-recommendation-wrap {
  clear: both;
  display: flex;
  align-items: center;
}

.sspot-recommendation-value {
  margin-right: 10px;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 1;
}

.sspot-recommendation-label {
  font-size: 14px;
}

.sspot-pdp-rating {
  display: block;
  margin-bottom: 5px;
}

.summary .sspot-pdp-rating {
  margin-bottom: 10px;
}

.sspot-pdp-rating a {
  display: inline-block;
}

/* PLP Stars */

.sspot-stars-wrap.sspot-pdp  {
  font-size: 14px;
}

.sspot-stars-wrap.sspot-pdp .sspot-stars {
  margin-right: 5px;
}

.woocommerce-loop-product__title + .sspot-pdp-rating {
  margin-top: 5px;
}

.sspot-review-total {
  font-size: 12px;
  position: relative;
  top: 1px;
}

a.sspot-pdp-review-widget-loop {
    text-decoration: none !important;
}

/* PDP Stars */

.summary h1.product_title + .sspot-pdp-rating {
  margin-top: 5px;
}

.sspot-answered-questions {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid #ccc;
}

/* Histogram */

.sspot-stars-wrap.sspot-pdp .sspot-stars.sspot-histogram-stars {
  font-size: 14px;
}

.sspot-histogram-view-all {
  margin-top: 10px;
  font-size: 13px;
  text-align: center;
}

.sspot-filter-by-stars-top,
.sspot-filter-by-stars-top-shop {
  line-height: 1;
  cursor: pointer;
}

.sspot-product-review-bar {
  /*height: 1rem;*/
  flex-grow: 1;
  border-radius: 0.125rem;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  background-color: rgba(229,231,235,1);
}

/* View all */

.sspot-histogram-view-all a.sspot-histogram-view-all__link {
  text-decoration: underline;
}

/*
#sspotReviews a {
  text-decoration: none;
}
*/

#sspotReviews a:after {
  display: none;
}

#sspotReviews label.sspot-form-label,
#sspotReviews .sspot-form-label {
  margin-top: 0;
  margin-bottom: 0;
  color: #222;
  font-weight: bold;
  vertical-align: inherit;
  line-height: 1;
  text-transform: none;
  font-size: 15px;
}

#sspotReviews .sspot-form-label {
  margin-bottom: 5px;
}

#sspotReviews input[type="checkbox"] {
  margin: 0;
  top: auto;
}

#sspotReviews button {
  text-transform: none;
  margin: 0;
  cursor: pointer;
}

/* PDP - Featured review */

.sspot-product-intro__review-summary {
  padding-right: 25px;
  flex-shrink: 0;
}

.sspot-product-intro__review-summary .sspot-average-rating {
  font-size: 20px;
  line-height: 1;
}

.sspot-rating-summary {
  display: flex;
  height: 100%;
}

.sspot-product-intro__reviews {
  margin: 20px 0;
  font-size: 15px;
}

.sspot-product-intro__reviews a,
.sspot-product-intro__reviews a:hover {
  text-decoration: none;
  color: #323232;
}

a.sspot-review-featured__link {
  text-decoration: underline;
}

.sspot-product-intro__reviews .sspot-stars {
  font-size: 20px;
}

.sspot-review-featured__link,
.sspot-rating-summary__link {
  padding-top: 10px;
  margin-top: auto;
  line-height: 1;
}

.sspot-rating-summary__link {
  white-space: nowrap;
}

.sspot-review-featured__link {
  text-decoration: underline;
}

a.sspot-pdp-review-widget:after {
  display: none !important;
}

/* PDP Reviews Widget */

.woocommerce .spot-pdp__header-title {
  margin-bottom: 0;
}

.sspot-pdp-product-name {
  font-size: 15px;
}

.spot-pdp__header-badge {
  display: flex;
  align-items: center;
  line-height: 1;
}

.spot-pdp__header-badge img,
.woocommerce .spot-pdp__header-badge img {
  max-width: 80px;
}

.spot-pdp__header-badge_label {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 10px;
  color: #777;
  margin-right: 8px;
}

.spot-pdp__header-badge_label a {
  line-height: 1;
}

@media (min-width: 768px) {

  .sspot-all-reviews .sspotReviews-histogram {
    padding-right: 3rem;
  }

}

.sspotReviews-histogram .sspot-histogram-stars {
  font-size: 24px;
}

/* Main widget - review title link */

#sspotReviews .sspot-content-title a:hover {
  text-decoration: underline;
}

/* Tabs */

.sspot-tabs-wrapper {
  border-bottom: 1px solid #e5e7eb;
}

.sspot-tabs-wrapper nav {
  padding-left: 10px;
  font-size: 15px;
}

.sspot-tabs-wrapper a,
.sspot-all-reviews .sspot-tabs-wrapper a {
  color: #444;
  text-decoration: none;
  background-color: #f6f6f6;
  border: 1px solid #e2e2e2;
  padding: 12px 20px;
  transition: none;
}

.sspot-tabs-wrapper a:hover {
  text-decoration: none;
  color: #374151;
  border-top-color: #d2d6dc;
  border-left-color: #d2d6dc;
  border-right-color: #d2d6dc;
}

.sspot-tabs-wrapper a.sspot-active-tab,
.sspot-tabs-wrapper a.sspot-active-tab:hover {
  color: #252f3f;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  background: #fff;
}

/* Circle - approve % */

.sspot-percent-approve_container {
  padding-top: 1rem;
  margin-top: 1rem;
  align-items: center;
  display: flex;
  border-top: 1px solid #eee;
}

.sspot-percent-approve {
  border: 2px solid #e5e7eb;
  height: 80px;
  width: 80px;
  letter-spacing: -0.025em;
  margin-right: 1rem;
  font-size: 22px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 9999px;
}

.sspot-percent-approve_recommendeded {
  font-size: 18px;
}

#sspotReviews a.sspot-percent-approve_viewall {
  font-size: 14px;
}

/* PDP Buttons */

#sspotReviews a.sspot-write-review,
#sspotReviews a.sspot-write-review-shop,
#sspotReviews a.sspot-ask-question {
  display: block;
  font-size: 15px;
}

#sspotReviews a.sspot-write-review,
#sspotReviews a.sspot-write-review-shop,
#sspotReviews a.sspot-ask-question,
#sspotReviews a.sspot-write-review:hover,
#sspotReviews a.sspot-ask-question:hover {
  border: 2px solid #252f3f;
  text-decoration: none;
  color: #252f3f;
  font-weight: bold;
}

/* Images carousel */

.splide__arrow svg {
  fill: #000;
  width: 16px;
  height: 16px;
}

#sspot-review__carousel .splide__arrow {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease;
}

#sspot-review__carousel:hover .splide__arrow {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 770px) {
  #sspot-review__carousel .splide__arrow {
    visibility: visible;
    opacity: 1;
  }
}

#sspot-review__carousel .splide__arrow:disabled {
  display: none;
}

#sspot-review__carousel .splide__arrow {
  opacity: 1;
}

#sspot-review__carousel .splide__arrow--prev {
  left: 0;
}

#sspot-review__carousel .splide__arrow--next {
  right: 0;
}

#sspot-review__carousel .splide__arrow {
  position: absolute;
  margin: 0;
  background: none;
  border: none;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.75);
  height: 100%;
  border-radius: 0;
  transition: all 0.1s ease;
}

.sspot-play-icon {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #999;
}

.sspot-play-icon svg {
  fill: #fff;
  width: 22px;
  height: 22px;
  margin-right: -2px;
}

.sspot-review-item .sspot-play-icon {
  width: 22px;
  height: 22px;
}

.sspot-review-item .sspot-play-icon svg {
  width: 14px;
  height: 14px;
}

#sspot-review__carousel button,
#sspot-review__carousel button:hover,
#sspot-review__carousel button:focus,
.sspot-content-media button,
.sspot-content-media button:hover,
#sspotReviews button.sspot-button__clear,
#sspotReviews button.sspot-button__clear:hover,
#sspotReviews button.sspot-button__clear:focus {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  transform: none;
}

#sspotReviews button.sspot-button__clear,
#sspotReviews button.sspot-button__clear:focus,
#sspotReviews button.sspot-button__clear:hover {
  color: #323233;
  text-decoration: underline;
  font-weight: 400;
  background: transparent;
}

.sspot-select__dropdown a,
.sspot-select__dropdown a:hover,
.sspot-all-reviews .sspot-select__dropdown a,
.sspot-all-reviews .sspot-select__dropdown a:hover {
  color: #323232;
  text-decoration: none;
}

#sspotReviews button.sspot-button__clear {
  font-size: 13px;
}

div.sspot-select__dropdown a {
  display: block;
}

#sspotReviews button.sspot-button__helpful {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  color: #374151;
  border: 1px solid #d2d6dc;
  border-radius: 0.375rem;
  background-color: #f9fafb;
  font-size: 12px;
  line-height: 1rem;
  font-weight: 500;
}

#sspotReviews button.sspot-button__helpful:hover,
#sspotReviews button.sspot-button__helpful:focus {
  color: #374151;
  background-color: #f9fafb;
  border-color: #9fa6b2;
  box-shadow: none;
  text-decoration: none;
}

button.sspot-button__helpful:active,
button.sspot-button__helpful:active:hover,
button.sspot-button__helpful:active:focus {
  background-color: #f9fafb;
}

.site-content ul li.splide__slide {
  margin-bottom: 0;
}

#sspotReviews button.sspot-micromodal {
  position: relative;
  padding: 0;
  background: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
  border-radius: 0;
  height: 100%;
}

#sspotReviews .sspot-review-item button.sspot-micromodal {
  width: 70px;
  height: 70px;
}

@media (hover: hover) {
  .sspot-micromodal:hover img {
    scale: 1.05;
  }
  #sspotReviews button.sspot-micromodal img {
    transition: 0.3s all;
  }
}

#sspotReviews button.sspot-micromodal img {
  border-radius: 0px;
  object-fit: cover;
  display: inline-block;
  height: 100%;
}

.sspot-review-item button.sspot-micromodal img {
  width: 5rem;
}

.sspot-review-item .sspot-stars {
  font-size: 20px;
  margin-right: 15px;
}

/* Main Widget: Modal */

.sspot-modal__wrapper {
  position: relative;
  max-height: 80%;
  margin: auto;
  min-width: 767px;
  height: 600px;
}

@media (min-width: 993px) {
  .sspot-modal__wrapper {
    width: 930px;
  }
}

.sspot-media {
  width: 100%;
  height: 100%;
  position: relative;
}

.sspot-modal-media__content {
  width: auto;
  height: auto;
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sspot-modal {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  color: #000;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 31px 41px 0 rgb(32 42 53 / 20%), 0 2px 16px 0 rgb(32 42 54 / 8%);
  position: relative;
  font-size: 16px;
  font-family: inherit;
}

.sspot-modal-media__container {
  position: relative;
  display: table;
  width: 58%;
  height: 100%;
  border-right: 1px solid #eee;
  padding: 1.5em;
}

.sspot-modal-media__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}

.sspot-modal-video__wrapper {
  position: relative;
  padding-top: 56.25%;
}

.sspot-modal-video__wrapper iframe {
  border: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.sspot-modal-review-container {
  width: 42%;
  padding: 1.5em 0;
  margin: 0 1.5em;
  max-height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.sspot-modal-body__container {
  max-height: 460px;
  max-height: calc(100% - 95px);
  margin-top: 5px;
  overflow-y: auto;
}

.sspot-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.sspot-modal__navigation {
  position: absolute;
  width: calc(100% + 80px);
  left: -40px;
  top: 50%;
  margin-top: -20px;
  color: #fff;
}
  
.sspot-modal__navigation_prev,
.sspot-modal__navigation_next {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
  
.sspot-modal__navigation_prev:before,
.sspot-modal__navigation_next:before {
  width: 40px;
  height: 40px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  background-color: #fff;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
  
.sspot-modal__navigation_prev:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 19L8 12L15 5' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 19L8 12L15 5' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
  
.sspot-modal__navigation_next:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5L16 12L9 19' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5L16 12L9 19' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 
}
  
.sspot-modal__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #fff;
}
  
#sspotReviews button.sspot-modal__close {
  min-height: auto;
  height: 32px;
  width: 32px;
  background-color: #eee;
  background-size: 50%;
  border-radius: 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: -16px;
  right: -16px;
  z-index: 1;
  cursor: pointer;
}
  
#sspotReviews button.sspot-modal__close {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 18L18 6M6 6l12 12' /%3E%3C/svg%3E");
}
  
#sspotReviews button.sspot-modal__close,
#sspotReviews button.sspot-modal__close:hover {
  padding: 0;
}

.sspot-modal-review__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}

.sspot-modal-review__customer {
  margin-right: 0.5rem;
  font-size: 14px;
}

.sspot-modal__inner {
  padding: 2rem 1rem;
  align-items: center;
}
  
@keyframes sspot_fadeIn {
  from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes sspot_fadeOut {
  from { opacity: 1; }
    to { opacity: 0; }
}
  
.sspot-modal-slide {
  display: none;
}

.sspot-modal-slide.is-open {
  display: block;
}

.sspot-modal-slide[aria-hidden="false"] .sspot-modal__overlay {
  animation: sspot_fadeIn .0s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.sspot-modal-slide[aria-hidden="true"] .sspot-modal__overlay {
  animation: sspot_fadeOut .0s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.sspot-modal-slide .sspot-modal__container,
.sspot-modal-slide .sspot-modal__overlay {
  will-change: transform;
}

.sspot-modal__container {
  display: flex;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.sspot-modal-media {
  border-top: 1px solid #e5e7eb;
}
  
.sspot-modal__wrapper img.sspot-modal_image {
  display: block;
  max-height: 500px;
  width: auto;
  margin: 0 auto;
  border-radius: 6px;
}

.sspot-modal-content-product {
  display: flex;
  margin: 10px 0 15px 0;
  align-items: center;
}

.sspot-modal-content-product_thumbnail {
  max-width: 48px;
  max-height: 48px;
  margin-right: 10px;
  flex-shrink: 0;
  align-items: center;
}

.sspot-modal-content-product_thumbnail img {
  border-radius: 8px;
}

.sspot-modal-content-product_title {
  font-size: 14px;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sspot-modal-content-product_title a {
  font-weight: bold;
}

.sspot-modal-content-product_title span {
  display: block;
  font-size: 12px;
  margin-bottom: -1px;
}


/* Form selects */

#sspotReviews select.sspot-form-select {
  padding-right: 2.5rem;
  padding-left: .75rem;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  line-height: 1.5rem;
  font-size: 16px;
  display: block;
  width: 100%;
  border: 1px solid #d2d6dc;
  border-radius: 0.375rem;
}

/* Fieldset */

fieldset.sspot-fieldset {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

fieldset.sspot-fieldset legend.sspot-legend {
  margin: 0 0 5px 0;
  padding: 0;
  color: #222;
  font-weight: bold;
  vertical-align: inherit;
  line-height: 1;
  text-transform: none;
  font-family: inherit;
  font-size: 15px;
}

/* Desktop Filters */

#sspot-filters-wrap,
#sspot-filters-wrap-shop {
  position: relative;
}

.sspot-filter-wrap {
  border-top: 1px solid #e5e7eb;
}

.sspot-filter-height {
  min-height: 68px;
}

/* Desktop Filter button */

#sspotReviews button.sspot-filter-button,
#sspotReviews button.sspot-filter-button:hover {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  background: #fff;
  border: 1px solid #d2d6dc;
  border-radius: 9999px;
  color: #6b7280;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
  box-shadow: none;
}

#sspotReviews button.sspot-filter-button:focus {
  color: #161e2e;
  border: 1px solid #6b7280;
  text-decoration: none;
  outline: 2px solid #555;
  outline-offset: -1px;
}

#sspotReviews button.sspot-active-button2,
#sspotReviews button.sspot-active-button2:hover {
  color: #111;
  outline: 2px solid #555;
  outline-offset: -1px;
}

/* Desktop Filter action, add to cart buttons */

#sspotReviews button.sspot-button__filter,
#sspotReviews button.sspot-button__filter:hover,
.sspot-wrapper button.sspot-button__addtocart,
.sspot-wrapper button.sspot-button__addtocart:hover {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  color: #fff;
  line-height: 1.5rem;
  font-size: 13px;
  letter-spacing: 0;
  border-radius: 0.375rem;
  background-color: #161e2e;
  border: none;
}

#sspotReviews button.sspot-button__filter {
  font-weight: bold;
}

#sspotReviews button.sspot-button__filter:focus,
#sspotReviews button.sspot-modal__filter:hover,
.sspot-wrapper button.sspot-button__addtocart:focus {
  background-color: #161e2e;
}

/* Mobile Filters */

.sspot-mobile-filters-menu {
  z-index: 58000;
}

.sspot-modal-header {
  border-bottom: 1px solid #e5e7eb;
}

#sspotReviews button.sspot-modal-header__clear,
#sspotReviews button.sspot-modal-header__clear:hover {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  color: #111;
  text-decoration: underline;
  font-weight: normal;
  box-shadow: none;
}

#sspotReviews button.sspot-modal-header__close,
#sspotReviews button.sspot-modal-header__close:hover {
  padding: 0.5rem;
  border-radius: 0.375rem;
  background-color: #f4f5f7;
  border: none;
  color: #6b7280;
  text-decoration: none;
  box-shadow: none;
}

#sspotReviews button.sspot-modal__filter,
#sspotReviews button.sspot-modal__filter:hover {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.25rem;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 0.375rem;
  border: none;
  color: #fff;
  background-color: #252f3f;
}

.sspot-mobile-filter-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #eee;
}

button.sspot-mobile-filter-header_clear,
button.sspot-mobile-filter-header_clear:focus,
button.sspot-mobile-filter-header_clear:hover {
  word-break: inherit;
  color: #323232;
  background-color: transparent;
  box-shadow: none;
  font-size: 16px;
  padding: 0;
  text-decoration: underline;
  font-weight: normal;
  letter-spacing: 0;
}

button.sspot-mobile-filter-header_close,
button.sspot-mobile-filter-header_close:focus,
button.sspot-mobile-filter-header_close:hover {
  padding: .5rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: .375rem;
  background-color: #f2f2f2;
  color: #656565;
  box-shadow: none;
}

.sspot-mobile-filter-footer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  flex-shrink: 0;
  justify-content: flex-end;
  display: flex;
  border-top: 1px solid #eee;
}

#sspotReviews button.sspot-mobile-filter-footer_button,
#sspotReviews button.sspot-mobile-filter-footer_button:focus,
#sspotReviews button.sspot-mobile-filter-footer_button:hover {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: bold;
  justify-content: center;
  display: inline-flex;
  border-radius: 0.375rem;
  background-color: #323232;
  border: none;
  line-height: 1.5;
  color: #fff;
  width: 100%;
  font-size: 16px;
  box-shadow: none;
}

#sspot-filters-count,
#sspot-filters-count-shop {
  margin-left: 4px;
}

#sspotReviews label.sspot-mobile-filter-item {
  font-size: 16px;
}

.sspot-mobile-filter-heading {
  font-size: 18px;
  font-weight: bold;
}

.sspot-mobile-filter-heading_border {
  padding-top: 1.5rem;
  margin-top: 2rem;
  font-size: 18px;
  font-weight: bold;
  border-top: 1px solid #eee;
}

/* Search */

input#sspot-reviews-search[type="search"],
input#sspot-reviews-search-shop[type="search"] {
  display: block;
  width: 100%;
  margin: 0;
  height: inherit;
  padding-left: 2.25rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.25rem;
  font-size: 16px;
  border: 1px solid #d2d6dc;
  background-color: #fff;
  border-radius: 0.375rem;
  box-sizing: border-box;
}

input#sspot-reviews-search:focus,
input#sspot-reviews-search-shop:focus {
  border-color: #9fa6b2;
  color: #161e2e;
}

/* Submit a review form */

/* Star rating */

.sspot-stars-submit span {
  display: flex;
  font-size: 36px;
}

.sspot-stars-submit a {
  position: relative;
  width: 1em;
  height: 1em;
  text-decoration: none;
  text-indent: -999em;
  padding: 0 22px;
}

.sspot-stars-submit a:after {
  display: none;
}

.sspot-stars-submit span a:before,
.sspot-stars-submit span a:hover~a:before {
  color: #ccc;
  content: "\2605";
}

.sspot-stars-submit a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  font-family: sans-serif;
  line-height: 1;
  text-indent: 0;
}

.sspot-stars-submit a.selected:before,
.sspot-stars-submit span:hover a:before {
  color:#fab51c;
}

.sspot-radio-group label {
  display: flex;
  align-items: center;
}

.sspot-email-tandc {
  font-size: 13px;
}

/* Form errors */
.sspot-review-form .form-error,
.sspot-review-form .form-error2 {
  color: #F00;
  padding: 7px 0px 0;
  font-size: 14px;
}
.sspot-review-form .form-error svg,
.sspot-review-form .form-error2 svg {
  display: inline-block;
  width: 18px;
  color: #fb2929;
  vertical-align: middle;
  height: 18px;
  margin-right: 3px;
  margin-top: -2px;
}
.sspot-review-form .form-error.hide,
.sspot-review-form .form-error2.hide {
  display: none;
}
.sspot-review-form .form-error.show,
.sspot-review-form .form-error2.show {
  display: block;
}

.sspot-mandatory {
  color: #be0000;
}

/* Review item */

.sspot-review-item {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.sspot-review-item:not(:first-of-type) {
  border-top: 1px solid #e9e9e9;
}

.sspot-single-review-summary + .sspot-review-item {
    border: none;
}

.sspot-product_thumbnail {
  width: 6rem;
  margin-right: 1.25rem;
  flex-shrink: 0;
}

/* Pagination */

nav.sspot-pagination a {
  color: #6b7280;
  text-decoration: none;
}

nav.sspot-pagination a:after {
  display: none;
}

nav.sspot-pagination a:hover {
  color: #323232;
  text-decoration: none;
}

nav.sspot-pagination a.sspot-pagination__selected {
  color: #161e2e;
  font-weight: bold;
}

/* Mobile pagination */

.sspot-mobile-filters a {
  display: inline-flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 1.25rem;
  background: #fff;
  color: #323232;
  border: 1px solid #e2e2e2;
  border-radius: 0.375rem;
}

.sspot-mobile-filters a:only-child {
  display: flex;
  width: 100%;
  justify-content: center;
}

/* Loader */

#sspot-loading-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #FFF;
  opacity: 0.7;
  display: none;
  z-index: 200;
}

#sspot-loading-mask .sspot-loading:before{
  display: inline-block;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  content: "";
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C!-- --%3E%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3C!-- --%3E%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background: #555;
}

/* Write a review form */

.sspot-write-review-wrap {
  margin-bottom: 2em;
}

.sspot-write-review_inner {
  margin-top: 1rem;
  padding: 30px;
  border: 1px solid #eee;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
  border-radius: 0.375rem;
}

.sspot-write-review_title {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: bold;
}

.sspot-write-review_content {
  font-size: 15px;
  margin-bottom: 1rem;
}

.sspot-write-review_inner .sspot-form__submit {
  display: inline-flex;
}

.sspot-write-review-wrap .sspot-radio-group input[type="radio"] {
  margin-right: 3px;
  top: auto;
}

.sspot-write-review-wrap label.sspot-form-label {
  font-size: 16px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  line-height: inherit;
  font-weight: bold;
}

.sspot-write-review-wrap input {
  margin: 0;
  top: auto;
  display: initial;
}

.sspot-write-review-wrap textarea {
  font-family: inherit;
  margin-bottom: 0;
}

.sspot-write-review-wrap input.sspot-form-input,
.sspot-write-review-wrap textarea.sspot-form-input {
  appearance: none;
  color: #232323;
  background-color: #ffffff;
  border-color: #d2d6dc;
  border-style: solid;
  border-width: 1px;
  border-radius: 0.375rem;
  margin-top: 5px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.sspot-write-review-wrap input.sspot-form-input[type="text"],
.sspot-write-review-wrap input.sspot-form-input[type="email"],
.sspot-write-review-wrap textarea.sspot-form-input {
  margin-top: 5px;
}

.sspot-write-review-wrap input.sspot-form-input:focus,
.sspot-write-review-wrap textarea.sspot-form-input:focus {
  border-color: #9fa6b2;
  color: #161e2e;
}

.sspot-hint_likedislike {
  margin-top: 0.5rem;
  font-size: 13px;
}

.sspot-hint {
  font-size: 14px;
  line-height: 1.4;
  margin: 2px 0;
}

#sspotReviews label.sspot-agree-tandcs {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  text-transform: none;
  font-weight: normal;
}

#sspot-error-message,
#sspot-error-message-shop {
  color: red;
  font-size: 14px;
}

/* Write a review: ratings */

.sspot-write-review-wrap .sspot-rating {
  width: 100%;
  margin-left: -3px;
}

.sspot-write-review-wrap .sspot-rating-fieldset,
.sspot-write-review-wrap .sspot-rating-fieldset-shop {
  display: inline-block;
  overflow: hidden;
  padding: 0;
  border: 0;
}

.sspot-write-review-wrap .sspot-rating input[name="sspot-star"] {
  display: none;
  width: 0;
  opacity: 0;
  margin-left: -2px;
}

.sspot-write-review-wrap .sspot-rating span {
  display: inline-block;
  position: relative;
  float: right;
}

.sspot-write-review-wrap .sspot-rating span label {
  float: right;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.sspot-write-review-wrap .sspot-rating span label svg {
  fill: #fff;
  color: transparent;
  transition: color 0.2s ease-in-out;
  width: 38px;
  height: 35px;
  max-width: inherit;
  stroke-width: 1;
  stroke: #ccc;
}

.sspot-write-review-wrap .sspot-rating span label:hover svg {
  fill: #ffb520;
  stroke: #e47101;
}

.sspot-write-review-wrap .sspot-rating span label:hover ~ label svg {
  fill: #ffb520;
  stroke: #e47101;
}

.sspot-write-review-wrap .sspot-rating span label:hover ~ label.half svg {
  fill: #ffb520;
  stroke: #e47101;
}

.sspot-write-review-wrap .sspot-rating span label.sspot-half {
  overflow: hidden;
  position: absolute;
  width: 21px;
  margin: 0;
}

.sspot-write-review-wrap .sspot-rating span label.sspot-half svg {
  fill: #fff;
}

.sspot-write-review-wrap .sspot-rating span label.sspot-half:hover svg {
  fill: #ffb520;
  stroke: #e47101;
}

.sspot-write-review-wrap .sspot-rating span:hover ~ span label svg {
  fill: #ffb520;
  stroke: #e47101;
}

.sspot-write-review-wrap .sspot-rating span.active label svg {
  fill: #ffb520;
  stroke: #e47101;
}

.sspot-write-review-wrap .sspot-rating span.active ~ span label svg {
  fill: #ffb520;
  stroke: #e47101;
}

/* Upload media */

.sspot-write-review-wrap .dropzone {
  margin-top: 10px;
  border: 2px dashed #d2d6dc;
}

/* Tips */

.sspot-tip-expand_container {
  margin-top: 0.25rem;
  font-size: 12px;
}

.sspot-tip-expand_container summary {
  display: list-item;
  margin: 8px 0;
  font-weight: bold;
}

.sspot-tip-expand {
  padding: 1.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  color: #222;
  background-color: #f2f7f9;
  font-size: 14px;
}

.sspot-tip-expand_title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.sspot-wrapper .sspot-tip-expand ul {
  list-style-type: none;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.sspot-wrapper .sspot-tip-expand li {
  position: relative;
  margin-bottom: 3px;
  margin-left: 22px;
  list-style: none;
}

.sspot-wrapper .sspot-tip-expand ul li:before {
  position: absolute;
  top: 4px;
  left: -22px;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #333;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

/* Upload button - submit a review */

button.sspot-button__upload {
  line-height: inherit;
  min-height: auto;
  vertical-align: inherit;
  letter-spacing: 0;
}

button.sspot-button__upload:hover,
button.sspot-button__upload:active,
button.sspot-button__upload:focus {
  color: #323232;
  background-color: transparent;
  box-shadow: none;
}

/* Submit button */

.sspot-wrapper button.sspot-form__submit,
.sspot-wrapper button.sspot-form__submit:hover,
.sspot-wrapper a.sspot-form__submit,
.sspot-wrapper a.sspot-form__submit:hover {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1;
  font-size: 15px;
  font-weight: bold;
  background-color: #252f3f;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  border-radius: 0.375rem;
}

/* Footer */

.sspot-reviews-footer {
  align-items: center;
  display: flex;
  padding-bottom: 35px;
  justify-content: center;
  white-space: nowrap;
  line-height: 15px;
  font-size: 13px;
}

.sspot-reviews-footer .sayspot-logo {
  margin-left: 4px;
  width: 60px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.sayspot-logo {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='677px' height='159px' viewBox='0 0 677 159' enable-background='new 0 0 677 159' xml:space='preserve'%3E%3Cimage id='image0' width='677' height='159' x='0' y='0' href='data:image/png;base64,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' /%3E%3C/svg%3E");
}

/* Form hint tooltips */

.sspot-tips__info ul {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
}

.sspot-tips__info ul li {
  list-style: disc;
  font-size: 12px;
  margin: 0 0 2px 0;
}

.sspot-social-icons a,
.sspot-social-icons a:hover {
  color: #323232;
  text-decoration: none;
}
.sspot-submit-tooltip {
  margin-left: 15px;
  line-height: 1;
}

/* Submit a review: thank you */

.sspot-thank-you {
  margin-bottom: 2rem;
  padding: 2rem;
  border-radius: 0.375rem;
  border: 1px solid #eee;
}

.sspot-thank-you_heading {
  margin-bottom: 0.25rem;
  font-size: 22px;
  font-weight: bold;
}

.sspot-thank-you_body {
  font-size: 15px;
}

/* Review content */

.sspot-content-title {
  font-size: 18px;
  font-weight: bold;
}

.sspot-content-title a {
  color: #323232;
}

.sspot-content-title a:hover {
  text-decoration: underline;
}

.sspot-content-body {
  font-size: 15px;
  line-height: 1.5;
}

.sspot-modal-body__container .sspot-content-body {
  padding-right: 15px;
}

/* Single reviews page */

.sspot-single-review-summary {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  align-items: flex-start;
  border: 1px solid #eee;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.sspot-single-review-summary img {
  border-radius: 8px;
}

.sspot-single-review-summary del {
  margin-right: 0.25rem;
  font-size: 0.8em;
  opacity: 0.6;
}

.sspot-single-review-summary ins {
  color: #222;
  text-decoration: none;
}

.sspot-product_title {
  font-size: 16px;
}

.sspot-product_title a,
.sspot-pdp-product-name a {
  font-weight: bold;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
}

.sspot-product_title a:hover,
.sspot-pdp-product-name a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
}

.sspot-product_price {
  font-size: 14px;
  margin-bottom: 0.5rem;
  color: #656565;
}

/* Read more */

#sspotReviews .sspot-readmore-link {
  color: #222;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
#sspotReviews .sspot-readmore-link svg {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

/* Author and Country */

.sspot-content-author-name {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
}

.sspot-content-author-country {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
  margin-top: 1px;
  margin-bottom: 5px;
}

.sspot-content-author-country img {
  margin-right: 5px;
}

.sspot-content-author-name + .sspot-verified {
  margin-top: 0.2rem;
}

/* Date */

.sspot-content-datetime {
  order: 2;
  font-size: 14px;
  color: #656565;
}

/* Verified */

.sspot-verified {
  display: flex;
  align-items: center;
  font-size: 14px;
  flex-shrink: 0;
}

.sspot-verified svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.sspot-verified.sspot-verified_yes {
  color: var(--sspot-verified-color);
}

#sspot-filters-wrap-shop .sspot-verified.sspot-verified_yes {
  color: var(--sspot-shop-verified-color);
} 

.sspot-verified.sspot-verified_no {
  color: var(--sspot-unverified-color);
}

#sspot-filters-wrap-shop .sspot-verified.sspot-verified_no {
  color: var(--sspot-shop-unverified-color);
}

/* Recommendation */

.sspot-recommendation-container {
  line-height: 1.25rem;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.sspot-review-item .sspot-recommendation-container {
  margin-top: 1rem;
}

.sspot-recommendation-container svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}

.sspot-recommendation-container.sspot-recommend-yes {
  color: var(--sspot-recommended-color);
}

#sspot-filters-wrap-shop .sspot-recommendation-container.sspot-recommend-yes {
  color: var(--sspot-shop-recommended-color);
}

.sspot-recommendation-container.sspot-recommend-no {
  color: var(--sspot-not-recommended-color);
}

#sspot-filters-wrap-shop .sspot-recommendation-container.sspot-recommend-no {
  color: var(--sspot-shop-not-recommended-color);
}

.sspot-recommend-updated {
  font-size: 13px;
  color: #555;
}

/* Review reply */

.sspot-review-reply {
  margin-top: 1.8rem;
  margin-bottom: 0.5rem;
  padding: 0.15rem 1.15rem;
  background-color: #f6f6f6;
  border-left: 1px solid #dddada;
}

.sspot-review-reply_responder {
  margin-bottom: 0.2rem;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.sspot-review-reply_date {
  color: #656565;
  font-size: 13px;
  margin-bottom: 0.5rem;
}

.sspot-review-reply_content {
  font-size: 14px;
}

/* Add to cart */

#sspotReviews .sspot-add-to-cart a,
#sspotReviews .sspot-add-to-cart button,
#sspotReviews .sspot-add-to-cart .button,
#sspotReviews .sspot-add-to-cart .add_to_cart_button {
  display: inline-flex;
  color: #fff;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-weight: 700;
  border-radius: 0.25rem;
  background-color: #252f3f;
  font-size: 13px;
  line-height: 1.4;
}

#sspotReviews .sspot-add-to-cart .add_to_cart_button:hover {
  background-color: #000;
}

#sspotReviews .sspot-add-to-cart a:focus,
#sspotReviews .sspot-add-to-cart button:focus,
#sspotReviews .sspot-add-to-cart .button:focus,
#sspotReviews .sspot-add-to-cart .add_to_cart_button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

#sspotReviews .added_to_cart {
  display: none;
}


/* Responsive Modal */

@media (max-width: 767px) {

  .sspot-modal {
    height: 100%;
  }

  .sspot-modal__container {
    padding-left: 0;
    padding-right: 0;
    height: auto;
  }

  .sspot-modal__wrapper {
    height: 100%;
    max-height: 100%;
    width: 100%;
    min-width: auto;
    margin: 0;
  }
  
  .sspot-modal__navigation {
    left: 0;
    width: 100%;
  }
  
  .sspot-modal__navigation_prev:before, 
  .sspot-modal__navigation_next:before {
    background-color: #333;
  }

  #sspotReviews button.sspot-modal__close {
    background-color: #fff;
  }
  
  .sspot-modal__container {
    width: 100%;
    height: 100%;
  }
  
  .sspot-modal-body__container {
    height: 100%;
    max-height: max-content;
    padding-bottom: 20px;
  }

  .sspot-modal {
    overflow: hidden;
    border-radius: 0;
    flex-direction: column;
  }

  .sspot-content-title {
    min-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .sspot-modal-review-container {
    position: relative;
  }

  .sspot-modal-review-container:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, #fff, transparent);
  }
  
  .sspot-modal-media__container  {
    width: 100%;
    height: 50%;
    margin: 0 auto;
    border: none;
    padding: 20px;
    position: relative;
    border-bottom: 1px solid #e2e2e2;
  }

  .sspot-modal-review-container {
    padding: 1.2em 1em 0 1em;
    height: 50%;
    width: 100%;
    margin: 0;
  }

  .sspot-modal__navigation {
    top: 25%;
    margin-top: -20px;
    z-index: 1;
  }

  .sspot-modal__navigation_prev, .sspot-modal__navigation_next {
    background-color: #fff;
    border: 1px solid #eee;
    width: 40px;
    height: 40px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sspot-modal__navigation_prev {
    border-left: none;
  }

  .sspot-modal__navigation_next {
    border-right: none;
  }

  .sspot-modal__navigation_prev:before, .sspot-modal__navigation_next:before {
    width: 20px;
    height: 20px;
  }

  .sspot-modal-body__container .sspot-content-body {
    font-size: 14px;
  }

  #sspotReviews button.sspot-modal__close {
    top: 0;
    right: 0;
    margin: 0.5em;
  }
  
}


/* Custom classes */

.sspot-shadow-xs {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

/* Show/Hide AlpineJS */

[x-cloak=""] { 
  display: none; 
}

/* Single Review and All reviews grid. Plugin setting to define these */

.sspot-single-review #sspotReviews,
.sspot-all-reviews #sspotReviews {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Theme specific styling */

/* Kadence */
.theme-kadence.sspot-single-review #sspotReviews,
.theme-kadence.sspot-all-reviews #sspotReviews {
  padding-left: var(--global-sm-spacing);
  padding-right: var(--global-sm-spacing);
  max-width: 1290px;
}

/* Flatsome */
.theme-flatsome.sspot-single-review #sspotReviews,
.theme-flatsome.sspot-all-reviews #sspotReviews {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1080px;
}

/* OceanWP */
.theme-oceanwp.sspot-single-review #sspotReviews,
.theme-oceanwp.sspot-all-reviews #sspotReviews {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1030px;
}

/* Shopkeeper */
.theme-shopkeeper.sspot-single-review #sspotReviews,
.theme-shopkeeper.sspot-all-reviews #sspotReviews {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 112.5rem;
}

/* Peak Shops */
.theme-peakshops.sspot-single-review #sspotReviews,
.theme-peakshops.sspot-all-reviews #sspotReviews {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1200px;
}

/* Savoy */
.theme-savoy.single-product #sspotReviews {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.theme-savoy.sspot-single-review #sspotReviews,
.theme-savoy.sspot-all-reviews #sspotReviews,
.theme-savoy.single-product #sspotReviews {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1250px;
}

/* Shortcode */

/*
#sspotReviews[data-shortcode] {
  max-width: none;
  padding: 0;
}
*/

/* Shoptimizer */
.theme-shoptimizer.single-product.sspot-single-review .site-content .col-full {
  background-color: #fff;
}

@media (min-width: 993px) {
  .theme-shoptimizer #sspotReviews:not([data-shortcode="1"]) {
    padding-right: 2.617924em;
    padding-left: 2.617924em;
  }
}

@media (max-width: 992px) {
  .theme-shoptimizer #sspotReviews:not([data-shortcode="1"]),
  .theme-shoptimizer #sspotReviews:not([data-shortcode="1"]) {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.theme-shoptimizer.sspot-all-reviews #sspotReviews.sspot-all-reviews {
  padding-top: 0;
}

.theme-shoptimizer.single-product.sspot-single-review #sspotReviews {
  padding-top:  0;
}

/* Storefront */
.theme-storefront.sspot-single-review #sspotReviews:not([data-shortcode="1"]),
.theme-storefront.sspot-all-reviews #sspotReviews:not([data-shortcode="1"]) {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.theme-storefront .sspot-write-review-wrap {
  padding: 0 4px;
}

/* Twenty Twenty */
.theme-twentytwenty.single-product #sspotReviews:not([data-shortcode="1"]) {
  padding: 25px;
}

.theme-twentytwenty h2.spot-pdp__header-title {
  margin: 0;
}

/* Twenty Twenty One */
.theme-twentytwentyone.single-product #sspotReviews:not([data-shortcode="1"]) {
  padding: 25px;
}

/* Woodmart */
.theme-woodmart.sspot-single-review #sspotReviews:not([data-shortcode="1"]),
.theme-woodmart.sspot-all-reviews #sspotReviews:not([data-shortcode="1"]) {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1222px;
}

/* Tippy CSS */

.tippy-tooltip.light-border-theme{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#26323d;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-tooltip.light-border-theme>.tippy-backdrop{background-color:#fff}.tippy-tooltip.light-border-theme>.tippy-arrow:after,.tippy-tooltip.light-border-theme>.tippy-arrow:before,.tippy-tooltip.light-border-theme>.tippy-svg-arrow:after,.tippy-tooltip.light-border-theme>.tippy-svg-arrow:before{content:"";position:absolute;z-index:-1}.tippy-tooltip.light-border-theme>.tippy-svg-arrow{fill:#fff}.tippy-tooltip.light-border-theme>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDE0IiB2aWV3Qm94PSIwIDAgMTggNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA3czIuMDIxLS4wMTUgNS4yNTMtNC4yMThDNi41ODQgMS4wNTEgNy43OTcuMDA3IDkgMGMxLjIwMy0uMDA3IDIuNDE2IDEuMDM1IDMuNzYxIDIuNzgyQzE2LjAxMiA3LjAwNSAxOCA3IDE4IDd6IiBmaWxsPSIjMzMzIiBmaWxsLW9wYWNpdHk9Ii4yMzUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);background-size:18px 7px;width:18px;height:7px;left:0;top:0;fill:rgba(0,8,16,.15)}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-svg-arrow:after{top:1px;transform:rotate(180deg)}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow{border-top-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:after{border-top:7px solid #fff;top:-7px}.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:before{border-top:7px solid rgba(0,8,16,.2);bottom:-1px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-svg-arrow:after{top:-1px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow{border-bottom-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:after{border-bottom:7px solid #fff;bottom:-7px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:before{border-bottom:7px solid rgba(0,8,16,.2);bottom:-6px}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-svg-arrow:after{left:1px;top:0;transform:rotate(90deg)}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow{border-left-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:after{border-left:7px solid #fff;left:-7px}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:before{border-left:7px solid rgba(0,8,16,.2);left:-6px}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-svg-arrow:after{left:-1px;top:0;transform:rotate(-90deg)}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow{border-right-color:#fff}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:after{border-right:7px solid #fff;right:-7px}.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:before{border-right:7px solid rgba(0,8,16,.2);right:-6px}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-svg-arrow,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-svg-arrow{transform:translateX(-1px)}.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=bottom]>.tippy-arrow:before,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=top]>.tippy-arrow:before{left:-7px;border-left:7px solid transparent;border-right:7px solid transparent}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-svg-arrow,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-svg-arrow{transform:translateY(-1px)}.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=left]>.tippy-arrow:before,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:after,.tippy-tooltip.light-border-theme[data-placement^=right]>.tippy-arrow:before{top:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent}