/* Okendo Reviews Custom Styles
 * Loaded separately from global CSS to avoid render-blocking
 */

.okeReviews[data-oke-container] .oke-media-image,
div.okeReviews .oke-media-image {
  z-index: 0 !important;
}

.okeReviews[data-oke-container] .oke-media--video:not(.oke-is-loading):after,
div.okeReviews .oke-media--video:not(.oke-is-loading):after {
  z-index: 0 !important;
}

.okeReviews[data-oke-container] .oke-media--video:not(.oke-is-loading):before,
div.okeReviews .oke-media--video:not(.oke-is-loading):before {
  z-index: 0 !important;
}

.oke-w-reviews-writeReview {
  display: none;
}

.oke-stars {
  line-height: 1;
  position: relative;
  display: inline-block;
}

.oke-stars-background svg {
  overflow: visible;
}

.oke-stars-foreground {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.oke-sr {
  display: inline-block;
  padding-top: var(--oke-starRating-spaceAbove);
  padding-bottom: var(--oke-starRating-spaceBelow);
}

.oke-sr .oke-is-clickable {
  cursor: pointer;
}

.oke-sr-count,
.oke-sr-rating,
.oke-sr-stars {
  display: inline-block;
  vertical-align: middle;
}

.oke-sr-stars {
  line-height: 1;
  margin-right: 8px;
}

.oke-sr-rating {
  display: none;
}

.oke-sr-count--brackets:before {
  content: "(";
}

.oke-sr-count--brackets:after {
  content: ")";
}

.okeReviews[data-oke-container],
div.okeReviews {
  font-size: 14px;
  font-size: var(--oke-text-regular);
  font-weight: 400;
  font-family: var(--oke-text-fontFamily);
  line-height: 1.6;
}
.okeReviews[data-oke-container] *,
.okeReviews[data-oke-container] :after,
.okeReviews[data-oke-container] :before,
div.okeReviews *,
div.okeReviews :after,
div.okeReviews :before {
  box-sizing: border-box;
}
.okeReviews[data-oke-container] h1,
.okeReviews[data-oke-container] h2,
.okeReviews[data-oke-container] h3,
.okeReviews[data-oke-container] h4,
.okeReviews[data-oke-container] h5,
.okeReviews[data-oke-container] h6,
div.okeReviews h1,
div.okeReviews h2,
div.okeReviews h3,
div.okeReviews h4,
div.okeReviews h5,
div.okeReviews h6 {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
}
.okeReviews[data-oke-container] ul,
div.okeReviews ul {
  padding: 0;
  margin: 0;
}
.okeReviews[data-oke-container] li,
div.okeReviews li {
  list-style-type: none;
  padding: 0;
}
.okeReviews[data-oke-container] p,
div.okeReviews p {
  line-height: 1.8;
  margin: 0 0 4px;
}
.okeReviews[data-oke-container] p:last-child,
div.okeReviews p:last-child {
  margin-bottom: 0;
}
.okeReviews[data-oke-container] a,
div.okeReviews a {
  text-decoration: none;
  color: inherit;
}
.okeReviews[data-oke-container] button,
div.okeReviews button {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  margin: 0;
  width: auto;
  min-width: auto;
  padding: 0;
  background-color: transparent;
  min-height: auto;
}
.okeReviews[data-oke-container] button,
.okeReviews[data-oke-container] input,
.okeReviews[data-oke-container] select,
.okeReviews[data-oke-container] textarea,
div.okeReviews button,
div.okeReviews input,
div.okeReviews select,
div.okeReviews textarea {
  font-family: inherit;
  font-size: 1em;
}
.okeReviews[data-oke-container] label,
.okeReviews[data-oke-container] select,
div.okeReviews label,
div.okeReviews select {
  display: inline;
}
.okeReviews[data-oke-container] select,
div.okeReviews select {
  width: auto;
}
.okeReviews[data-oke-container] article,
.okeReviews[data-oke-container] aside,
div.okeReviews article,
div.okeReviews aside {
  margin: 0;
}
.okeReviews[data-oke-container] table,
div.okeReviews table {
  background: transparent;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: inherit;
  font-size: 1em;
  table-layout: auto;
}
.okeReviews[data-oke-container] table td,
.okeReviews[data-oke-container] table th,
.okeReviews[data-oke-container] table tr,
div.okeReviews table td,
div.okeReviews table th,
div.okeReviews table tr {
  border: 0;
  font-family: inherit;
  font-size: 1em;
}
.okeReviews[data-oke-container] table td,
.okeReviews[data-oke-container] table th,
div.okeReviews table td,
div.okeReviews table th {
  background: transparent;
  font-weight: 400;
  letter-spacing: normal;
  padding: 0;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
}
.okeReviews[data-oke-container] table tr:hover td,
.okeReviews[data-oke-container] table tr:hover th,
div.okeReviews table tr:hover td,
div.okeReviews table tr:hover th {
  background: transparent;
}
.okeReviews[data-oke-container] fieldset,
div.okeReviews fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.okeReviews[data-oke-container] img,
div.okeReviews img {
  max-width: none;
}
.okeReviews[data-oke-container] div:empty,
div.okeReviews div:empty {
  display: block;
}
.okeReviews[data-oke-container] .oke-icon:before,
div.okeReviews .oke-icon:before {
  font-family: oke-widget-icons !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
}
.okeReviews[data-oke-container] .oke-icon--select-arrow:before,
div.okeReviews .oke-icon--select-arrow:before {
  content: "î¤€";
}
.okeReviews[data-oke-container] .oke-icon--loading:before,
div.okeReviews .oke-icon--loading:before {
  content: "î¤";
}
.okeReviews[data-oke-container] .oke-icon--pencil:before,
div.okeReviews .oke-icon--pencil:before {
  content: "î¤‚";
}
.okeReviews[data-oke-container] .oke-icon--filter:before,
div.okeReviews .oke-icon--filter:before {
  content: "î¤ƒ";
}
.okeReviews[data-oke-container] .oke-icon--play:before,
div.okeReviews .oke-icon--play:before {
  content: "î¤„";
}
.okeReviews[data-oke-container] .oke-icon--tick-circle:before,
div.okeReviews .oke-icon--tick-circle:before {
  content: "î¤…";
}
.okeReviews[data-oke-container] .oke-icon--chevron-left:before,
div.okeReviews .oke-icon--chevron-left:before {
  content: "î¤†";
}
.okeReviews[data-oke-container] .oke-icon--chevron-right:before,
div.okeReviews .oke-icon--chevron-right:before {
  content: "î¤‡";
}
.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,
div.okeReviews .oke-icon--thumbs-down:before {
  content: "î¤ˆ";
}
.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,
div.okeReviews .oke-icon--thumbs-up:before {
  content: "î¤‰";
}
.okeReviews[data-oke-container] .oke-icon--close:before,
div.okeReviews .oke-icon--close:before {
  content: "î¤Š";
}
.okeReviews[data-oke-container] .oke-icon--chevron-up:before,
div.okeReviews .oke-icon--chevron-up:before {
  content: "î¤‹";
}
.okeReviews[data-oke-container] .oke-icon--chevron-down:before,
div.okeReviews .oke-icon--chevron-down:before {
  content: "î¤Œ";
}
.okeReviews[data-oke-container] .oke-icon--star:before,
div.okeReviews .oke-icon--star:before {
  content: "î¤";
}
.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,
div.okeReviews .oke-icon--magnifying-glass:before {
  content: "î¤Ž";
}
@font-face {
  font-family: oke-widget-icons;
  src:
    url("https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.ttf") format("truetype"),
    url("https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.woff") format("woff"),
    url("https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
.okeReviews[data-oke-container] .oke-button,
div.okeReviews .oke-button {
  display: inline-block;
  border-style: solid;
  border-color: var(--oke-button-borderColor);
  border-width: var(--oke-button-borderWidth);
  background-color: var(--oke-button-backgroundColor);
  line-height: 1;
  padding: 12px 24px;
  margin: 0;
  border-radius: var(--oke-button-borderRadius);
  color: var(--oke-button-textColor);
  text-align: center;
  position: relative;
  font-weight: var(--oke-button-fontWeight);
  font-size: var(--oke-button-fontSize);
  font-family: var(--oke-button-fontFamily);
  outline: 0;
}
.okeReviews[data-oke-container] .oke-button-text,
.okeReviews[data-oke-container] .oke-button .oke-icon,
div.okeReviews .oke-button-text,
div.okeReviews .oke-button .oke-icon {
  line-height: 1;
}
.okeReviews[data-oke-container] .oke-button.oke-is-loading,
div.okeReviews .oke-button.oke-is-loading {
  position: relative;
}
.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,
div.okeReviews .oke-button.oke-is-loading:before {
  font-family: oke-widget-icons !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤";
  color: undefined;
  font-size: 12px;
  display: inline-block;
  animation: oke-spin 1s linear infinite;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.okeReviews[data-oke-container] .oke-button.oke-is-loading > *,
div.okeReviews .oke-button.oke-is-loading > * {
  opacity: 0;
}
.okeReviews[data-oke-container] .oke-button.oke-is-active,
div.okeReviews .oke-button.oke-is-active {
  background-color: var(--oke-button-backgroundColorActive);
  color: var(--oke-button-textColorActive);
  border-color: var(--oke-button-borderColorActive);
}
.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),
div.okeReviews .oke-button:not(.oke-is-loading) {
  cursor: pointer;
}
.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,
div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover {
  background-color: var(--oke-button-backgroundColorHover);
  color: var(--oke-button-textColorHover);
  border-color: var(--oke-button-borderColorHover);
  box-shadow: 0 0 0 2px var(--oke-button-backgroundColorHover);
}
.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,
.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,
div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,
div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active {
  background-color: var(--oke-button-backgroundColorActive);
  color: var(--oke-button-textColorActive);
  border-color: var(--oke-button-borderColorActive);
}
.okeReviews[data-oke-container] .oke-title,
div.okeReviews .oke-title {
  font-weight: var(--oke-title-fontWeight);
  font-size: var(--oke-title-fontSize);
  font-family: var(--oke-title-fontFamily);
}
.okeReviews[data-oke-container] .oke-bodyText,
div.okeReviews .oke-bodyText {
  font-weight: var(--oke-bodyText-fontWeight);
  font-size: var(--oke-bodyText-fontSize);
  font-family: var(--oke-bodyText-fontFamily);
}
.okeReviews[data-oke-container] .oke-linkButton,
div.okeReviews .oke-linkButton {
  cursor: pointer;
  font-weight: 700;
  pointer-events: auto;
  text-decoration: underline;
}
.okeReviews[data-oke-container] .oke-linkButton:hover,
div.okeReviews .oke-linkButton:hover {
  text-decoration: none;
}
.okeReviews[data-oke-container] .oke-select,
div.okeReviews .oke-select {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%;
  border: none;
  padding: 0 24px 0 12px;
  appearance: none;
  color: inherit;
  -webkit-appearance: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  outline-offset: 4px;
}
.okeReviews[data-oke-container] .oke-select:disabled,
div.okeReviews .oke-select:disabled {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}
.okeReviews[data-oke-container] .oke-loader,
div.okeReviews .oke-loader {
  position: relative;
}
.okeReviews[data-oke-container] .oke-loader:before,
div.okeReviews .oke-loader:before {
  font-family: oke-widget-icons !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤";
  color: var(--oke-text-secondaryColor);
  font-size: 12px;
  display: inline-block;
  animation: oke-spin 1s linear infinite;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.okeReviews[data-oke-container] .oke-a11yText,
div.okeReviews .oke-a11yText {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.okeReviews[data-oke-container] .oke-hidden,
div.okeReviews .oke-hidden {
  display: none;
}
.okeReviews[data-oke-container] .oke-modal,
div.okeReviews .oke-modal {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2147483647;
  max-height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 40px 0 32px;
}
@media only screen and (min-width: 1024px) {
  .okeReviews[data-oke-container] .oke-modal,
  div.okeReviews .oke-modal {
    display: flex;
    align-items: center;
    padding: 48px 0;
  }
}
.okeReviews[data-oke-container] .oke-modal ::selection,
div.okeReviews .oke-modal ::selection {
  background-color: rgba(39, 45, 69, 0.2);
}
.okeReviews[data-oke-container] .oke-modal,
.okeReviews[data-oke-container] .oke-modal p,
div.okeReviews .oke-modal,
div.okeReviews .oke-modal p {
  color: #272d45;
}
.okeReviews[data-oke-container] .oke-modal-content,
div.okeReviews .oke-modal-content {
  background-color: #fff;
  margin: auto;
  position: relative;
  will-change: transform, opacity;
  width: calc(100% - 64px);
}
@media only screen and (min-width: 1024px) {
  .okeReviews[data-oke-container] .oke-modal-content,
  div.okeReviews .oke-modal-content {
    max-width: 1000px;
  }
}
.okeReviews[data-oke-container] .oke-modal-close,
div.okeReviews .oke-modal-close {
  cursor: pointer;
  position: absolute;
  width: 32px;
  height: 32px;
  top: -32px;
  padding: 4px;
  right: -4px;
  line-height: 1;
}
.okeReviews[data-oke-container] .oke-modal-close:before,
div.okeReviews .oke-modal-close:before {
  font-family: oke-widget-icons !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "î¤Š";
  color: #fff;
  font-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.okeReviews[data-oke-container] .oke-modal-overlay,
div.okeReviews .oke-modal-overlay {
  background-color: rgba(43, 46, 56, 0.9);
}
@media only screen and (min-width: 1024px) {
  .okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,
  div.okeReviews .oke-modal--large .oke-modal-content {
    max-width: 1200px;
  }
}
.okeReviews[data-oke-container] .oke-modal .oke-helpful,
.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,
.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,
div.okeReviews .oke-modal .oke-helpful,
div.okeReviews .oke-modal .oke-helpful-vote-button,
div.okeReviews .oke-modal .oke-reviewContent-date {
  color: #676986;
}
.oke-modal .okeReviews[data-oke-container].oke-w,
.oke-modal div.okeReviews.oke-w {
  color: #272d45;
}
.okeReviews[data-oke-container] .hooper,
div.okeReviews .hooper {
  height: auto;
}
.okeReviews :focus {
  outline: 0;
}
.okeReviews--left {
  text-align: left;
}
.okeReviews--right {
  text-align: right;
}
.okeReviews--center {
  text-align: center;
}
.is-oke-keyboardUser .okeReviews :not([tabindex="-1"]):focus {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.is-oke-modalOpen {
  overflow: hidden !important;
}
img.oke-is-error {
  background-color: var(--oke-shadingColor);
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: inset 0 0 0 1px var(--oke-border-color);
}
@keyframes oke-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes oke-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
