.okeReviews.okeReviews--theme .okeReviews-badge--rating { background-color: #222222; } .okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer--foreground { background-image: url('data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23222222%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } .okeReviews.okeReviews--theme .okeReviews-badge--recommended { background-color: #222222; } .okeReviews.okeReviews--theme .okeReviews-review-recommendation--yes::before { color: #222222; } .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified { color: #222222; } .okeReviews.okeReviews--theme .okeReviews-barGraph-layer--background { background: #222222; } .okeReviews.okeReviews--theme .or-rg-bar-bg, .okeReviews.okeReviews--theme .or-crg-bar-bg { background: #E3E3E3; } .okeReviews.okeReviews--theme .or-rg-bar-mrk, .okeReviews.okeReviews--theme .or-crg-bar-mrk { background-color: #222222; } .okeReviews.okeReviews--theme .okeReviews-widgetNavBar-count { background-color: #222222; } .okeReviews.okeReviews--theme .okeReviews-reviewsTab { background-color: #222222; } .okeReviews.okeReviews--theme .okeReviews-review-attributeRatings { display: none; } .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-avatar { display: none; } .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-details { padding-left: 0; padding-top: 0; } .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-ratingDistribution { display: none; } .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg { display: none !important; } .okeReviews.okeReviews--theme .okeReviews-review-media { display: none; } .okeReviews.okeReviews--theme .okeReviews-review-helpful { display: none; } .okeReviews.okeReviews--theme .okeReviews-starRating.okeReviews-starRating--small { height: 15px; width: 75px; } .okeReviews.okeReviews--theme .okeReviews-starRating--small .okeReviews-starRating-indicator-layer { background-size: 75px 15px; } .okeReviews.okeReviews--theme .okeReviews-starRating { height: 20px; width: 100px; } .okeReviews.okeReviews--theme .okeReviews-starRating-indicator-layer { background-size: 100px 20px; } .okeReviews.okeReviews--theme .okeReviews-ratingsBadge .okeReviews-starRating-indicator-layer { background-size: 90px 18px; } .okeReviews.okeReviews--theme .okeReviews-ratingsBadge .okeReviews-starRating { width: 90px; height: 18px; } .okeReviews-review-attribute-label, .okeReviews-sectionedList-heading { display: inline-block; min-width: 10em; } .okeReviews-review-attribute-value, .okeReviews-sectionedList-list { display: inline-block; } .okeReviews-sectionedList-list { vertical-align: top; } .okeReviews-sectionedList-list-item { display: block; } /* Minimal stylings */ .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-primary, .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-primary, .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-review-primary, .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-primary, .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-side, .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-side, .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsAggregate-side, .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsAggregate-primary, .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-review-side, .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-medium .okeReviews-review-side, .okeReviews .okeReviews-reviewsWidget .okeReviews-review-side, .okeReviews .okeReviews-reviewsWidget .okeReviews-review-primary, .okeReviews .okeReviews-review-reviewer-profile { border: 0; } .okeReviews .okeReviews-review-reviewer-profile-country, .okeReviews .okeReviews-qandaWidget-header-poweredBy, .okeReviews.okeReviews--theme .okeReviews-review-recommendation { display: none; } .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-primary, .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-primary, .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-side, .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-medium .okeReviews-reviewsAggregate-side { padding: 0; } .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-large .okeReviews-review-primary, .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-medium .okeReviews-review-primary, .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-large .okeReviews-review-side, .okeReviews.okeReviews--theme .is-okeReviews-reviewsWidget-medium .okeReviews-review-side { padding: 1em; } .okeReviews .okeReviews-reviewsAggregate { border: solid #ccc; border-width: 1px 0; width: 100%; padding: 1em 0; } .okeReviews .okeReviews-reviews-review { border: solid #ccc; border-width: 1px 0 0; margin: 0; } .okeReviews .okeReviews-reviews-review:last-of-type { border-width: 1px 0 1px; } /* Reviews */ .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-reviews-review, .okeReviews .is-okeReviews-reviewsWidget-medium .okeReviews-reviews-review { padding: 2em 0; } .okeReviews .okeReviews-review-main-heading { font-size: 1em; font-weight: normal; color: #222; letter-spacing: 2px; } .okeReviews .okeReviews-sectionedList-heading, .okeReviews .okeReviews-review-attribute-label { font-weight: normal; } /* Buttons */ .okeReviews .okeReviews-button { color: white; background-color: #222; border-color: transparent; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } .okeReviews .okeReviews-button:hover { background-color: #626262; color: white; } .okeReviews .okeReviews-widgetNavBar { margin-bottom: 10px; } /* Header */ .okeReviews.okeReviews--theme .okeReviews-badge--recommended, .okeReviews.okeReviews--theme .okeReviews-badge--rating { background-color: transparent; color: #222; padding: 0; font-size: 1.5em; } .okeReviews.okeReviews--theme .okeReviews-badge--rating { font-size: 3em; font-weight: normal; } .okeReviews.okeReviews--theme .okeReviews-badge--recommended { font-size: 1em; font-weight: normal; margin-right: 0; } .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-primary { display: flex; justify-content: space-between; } .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-mod { margin: 0 0 0 1em; } .okeReviews .okeReviews-reviewsWidget.is-okeReviews-reviewsWidget-large .okeReviews-reviewsAggregate-recommends { padding-right: 2em; padding-top: 1em; } /* rte */ .rte .okeReviews a:not(.btn) { border: 0; } /* For individual reviews can we debold "Reviewing" and instead bold the product Title */ [data-oke-reviews-widget][data-oke-reviews-subscriber-id] .okeReviews .okeReviews-review-reviewer-product-details-heading { font-weight: normal; } [data-oke-reviews-widget][data-oke-reviews-subscriber-id] .okeReviews .okeReviews-review-reviewer-product-details-link { font-weight: bold; } /* Attribute bars */ .okeReviews.okeReviews--theme .or-rg-bar,.okeReviews.okeReviews--theme .or-crg-bar { height: 10px; background-color: #e3e3e3; border-radius: 5px } .okeReviews.okeReviews--theme .or-rg-bar-bg,.okeReviews.okeReviews--theme .or-crg-bar-bg { border-radius: 5px } .okeReviews.okeReviews--theme .or-rg-bar-seg,.okeReviews.okeReviews--theme .or-crg-bar-seg { border: 0 } .okeReviews.okeReviews--theme .or-rg-bar-bg { z-index: 1 !important; background-color: #222 } .okeReviews.okeReviews--theme .or-rg-bar-mrk { display: none !important } .okeReviews.okeReviews--theme .or-rg-bar-seg::after,.okeReviews.okeReviews--theme .or-crg-bar-seg::after { border: 0 } .okeReviews.okeReviews--theme .or-crg-bar-mid { display: none !important } .or-crg-bar-mrk { display: block !important; height: 10px !important; width: 10px !important; border-radius: 10px !important; transform: translateX(-50%) !important; background-color: #fff !important; border: solid 2px #222 } /* Mobile */ @media only screen and (max-width: 767px) { .okeReviews .okeReviews-reviewsWidget { display: flex; flex-direction: column } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-header { order: 2; margin-bottom: 45px } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-header .okeReviews-reviewsWidget-header-poweredBy { display: none } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-header .okeReviews-reviewsWidget-header-controls { text-align: center } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviews { order: 3 } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviews .okeReviews-reviews-controls { display: flex; justify-content: flex-end; align-items: center } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviews .okeReviews-reviews-controls .okeReviews-reviews-controls-reviewCount { margin-bottom: 0; margin-right: 15px } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate { order: 1 } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-summary { text-align: center } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-summary-rating { margin-bottom: 17px } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-summary-rating-value { width: 100% } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-summary-rating-value .okeReviews-badge { font-size: 3.5em } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-primary { padding: 0 1em; text-align: center } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-recommends { padding: 0 } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-side { padding-bottom: 10px } .okeReviews .okeReviews-reviewsWidget .okeReviews-reviewsWidget-reviewsAggregate .okeReviews-reviewsAggregate-mod { margin-top: 0 } } .product-section__container .okeReviews-header { text-align: center; position: relative; } .product-section__container .okeReviews-header-text { background-color: #fff; padding: 0 1em; } .product-section__container .okeReviews-header:after { content: ""; height: 1px; top: 50%; width: 100%; left: 0; background-color: #ccc; position: absolute; z-index: -1; }