/** * Template url * http://ui.powerreviews.com/stable/style-templates/styleoverride-template.4.0.css */ /* * Global styles */ .p-w-r.p-w-r { margin: 0; font-family: 'Lato', 'Arial', sans-serif; } .p-w-r.p-w-r label { outline: none; } .p-w-r.p-w-r .pr-loading-indicator { margin: calc(50vh - 10rem) auto; } .p-w-r.p-w-r :focus, .p-w-r.p-w-r a:focus { outline: none; box-shadow: none; } .p-w-r.p-w-r a:focus, .p-w-r.p-w-r a:hover { text-decoration: none; } .p-w-r.p-w-r .form-control:focus { outline: none; box-shadow: none; } .p-w-r.p-w-r .form-control { border: 2px solid transparent; } .p-w-r.p-w-r .pr-has-error .form-control:focus { border: 2px solid transparent; box-shadow: none; } .p-w-r.p-w-r .pr-has-error .form-control[aria-required='true'] ~ div::after, .p-w-r.p-w-r .pr-has-error .pr-control-label[for='pr-rating-input'] ~ div::after { content: 'This field is required'; display: block; color: #d41a2d; font-size: 1.6rem; line-height: 1.8rem; margin-top: 0.8rem; } .p-w-r.p-w-r .pr-has-error .form-control:focus ~ div::before { content: none; } .p-w-r.p-w-r .pr-has-error .pr-control-label span { color: #5d6f82; } .p-w-r.p-w-r .pr-control-label .pr-required-indicator { padding-left: 0.4rem; color: #d41b2d; } .p-w-r.p-w-r .pr-has-error .pr-control-label .pr-required-indicator { color: #d41b2d; } .p-w-r.p-w-r .pr-field-alert { font-size: 1.6rem; line-height: 1.8rem; color: #d41b2d !important; } .p-w-r.p-w-r .form-control::-webkit-input-placeholder { color: #5d6f82; } .p-w-r.p-w-r .form-control::-moz-placeholder { color: #5d6f82; } .p-w-r.p-w-r .form-control:-ms-input-placeholder { color: #5d6f82; } .p-w-r.p-w-r .form-control:-moz-placeholder { color: #5d6f82; } .p-w-r.p-w-r .form-control.pr-textinput:-ms-input-placeholder, .p-w-r.p-w-r .form-control.pr-textarea:-ms-input-placeholder { color: #5d6f82; } /* ReviewSnippet hide with no reviews */ .p-w-r.p-w-r.p-w-r.p-w-r .pr-no-reviews .pr-snippet-review-count, .p-w-r.p-w-r.p-w-r.p-w-r .pr-no-reviews .pr-snippet-stars-container { display: none; } /** * ReviewSnippet styles */ .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-star-v4 { width: 2.4rem; height: 2.4rem; padding: 0; margin: 0; background-size: cover; outline: none; } .p-w-r.p-w-r .pr-star-v4-0-filled { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNiAyNS41NDggOC42MzkgNi41NmMuNzc1LjU4OSAxLjg0OS0uMTY1IDEuNTU5LTEuMDk0TDIyLjg3IDIwLjM1bDguNzAyLTYuNDYxYy43NzQtLjU3NS4zNjctMS44MDMtLjU5Ni0xLjgwM0gyMC4zNUwxNi45NTUgMS4wOTRjLS4yOS0uOTQtMS42Mi0uOTQtMS45MSAwTDExLjY1IDEyLjA4N0gxLjAyNGMtLjk2MyAwLTEuMzcgMS4yMjktLjU5NiAxLjgwM0w5LjEzIDIwLjM1IDUuODAyIDMxLjAxNGMtLjI5LjkyOS43ODQgMS42ODMgMS41NiAxLjA5NEwxNiAyNS41NDhaIiBmaWxsPSIjQkZDNkNFIi8+PC9zdmc+); } .p-w-r.p-w-r .pr-star-v4-25-filled { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJtMTIgMTUuNzc0IDMuMDc0IDIuMzM0YTEgMSAwIDAgMCAxLjU1OS0xLjA5NGwtMS4xOTgtMy44MzggMy4xMzctMi4zM2ExIDEgMCAwIDAtLjU5Ni0xLjgwM2gtMy44MDFsLTEuMjItMy45NDlhMSAxIDAgMCAwLTEuOTEgMGwtMS4yMiAzLjk1aC0zLjhhMSAxIDAgMCAwLS41OTcgMS44MDJsMy4xMzcgMi4zMy0xLjE5OCAzLjgzOGExIDEgMCAwIDAgMS41NiAxLjA5NEwxMiAxNS43NzR6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0iI0YyRjJGMiIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBmaWxsPSIjRkZDMzE0IiBkPSJtOS4wNjkgMTgtLjE0My4xMDhhMSAxIDAgMCAxLTEuNTU5LTEuMDk0bDEuMTk4LTMuODM4LTMuMTM3LTIuMzNhMSAxIDAgMCAxIC41OTYtMS44MDNIOVYxOGguMDY5eiIgbWFzaz0idXJsKCNiKSIvPjwvZz48L3N2Zz4=); } .p-w-r.p-w-r .pr-star-v4-50-filled { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJtMTIgMTUuNzc0IDMuMDc0IDIuMzM0YTEgMSAwIDAgMCAxLjU1OS0xLjA5NGwtMS4xOTgtMy44MzggMy4xMzctMi4zM2ExIDEgMCAwIDAtLjU5Ni0xLjgwM2gtMy44MDFsLTEuMjItMy45NDlhMSAxIDAgMCAwLTEuOTEgMGwtMS4yMiAzLjk1aC0zLjhhMSAxIDAgMCAwLS41OTcgMS44MDJsMy4xMzcgMi4zMy0xLjE5OCAzLjgzOGExIDEgMCAwIDAgMS41NiAxLjA5NEwxMiAxNS43NzR6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0iI0YyRjJGMiIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBmaWxsPSIjRkZDMzE0IiBkPSJtMTIgMTUuNzc0LTMuMDc0IDIuMzM0YTEgMSAwIDAgMS0xLjU1OS0xLjA5NGwxLjE5OC0zLjgzOC0zLjEzNy0yLjMzYTEgMSAwIDAgMSAuNTk2LTEuODAzaDMuODAxbDEuMjItMy45NDlBMSAxIDAgMCAxIDEyIDQuMzl2MTEuMzg1eiIgbWFzaz0idXJsKCNiKSIvPjwvZz48L3N2Zz4=); } .p-w-r.p-w-r .pr-star-v4-75-filled { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJtMTIgMTUuNzc0IDMuMDc0IDIuMzM0YTEgMSAwIDAgMCAxLjU1OS0xLjA5NGwtMS4xOTgtMy44MzggMy4xMzctMi4zM2ExIDEgMCAwIDAtLjU5Ni0xLjgwM2gtMy44MDFsLTEuMjItMy45NDlhMSAxIDAgMCAwLTEuOTEgMGwtMS4yMiAzLjk1aC0zLjhhMSAxIDAgMCAwLS41OTcgMS44MDJsMy4xMzcgMi4zMy0xLjE5OCAzLjgzOGExIDEgMCAwIDAgMS41NiAxLjA5NEwxMiAxNS43NzR6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0iI0YyRjJGMiIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBmaWxsPSIjRkZDMzE0IiBkPSJNMTUgOS4wNDN2OS4wMWwtMy0yLjI4LTMuMDc0IDIuMzM1YTEgMSAwIDAgMS0xLjU1OS0xLjA5NGwxLjE5OC0zLjgzOC0zLjEzNy0yLjMzYTEgMSAwIDAgMSAuNTk2LTEuODAzaDMuODAxbDEuMjItMy45NDlhMSAxIDAgMCAxIDEuOTEgMGwxLjIyIDMuOTVIMTV6IiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==); } .p-w-r.p-w-r .pr-star-v4-100-filled { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNiAyNS41NDggOC42MzkgNi41NmMuNzc1LjU4OSAxLjg0OS0uMTY1IDEuNTU5LTEuMDk0TDIyLjg3IDIwLjM1bDguNzAyLTYuNDYxYy43NzQtLjU3NS4zNjctMS44MDMtLjU5Ni0xLjgwM0gyMC4zNUwxNi45NTUgMS4wOTRjLS4yOS0uOTQtMS42Mi0uOTQtMS45MSAwTDExLjY1IDEyLjA4N0gxLjAyNGMtLjk2MyAwLTEuMzcgMS4yMjktLjU5NiAxLjgwM0w5LjEzIDIwLjM1IDUuODAyIDMxLjAxNGMtLjI5LjkyOS43ODQgMS42ODMgMS41NiAxLjA5NEwxNiAyNS41NDhaIiBmaWxsPSIjRkZDMzE0Ii8+PC9zdmc+); } /** * ReviewSnippet styles */ .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-read-and-write { padding: 0 0 0 0.6rem; margin: 0; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-no-reviews .pr-snippet-read-and-write { padding: 0; } .hide-link .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-write-review-link { display: none; } .hide-link .p-w-r.p-w-r.p-w-r.p-w-r .pr-no-reviews .pr-snippet-write-review-link { display: block; margin: 0; font-size: 0px !important; color: transparent; } .hide-link .p-w-r.p-w-r .pr-no-reviews .pr-snippet-write-review-link:before { display: block; content: 'Be the first to review this product'; font-size: 16px; color: #0F7258; cursor: pointer; } .hide-link .p-w-r.p-w-r.p-w-r.p-w-r .pr-no-reviews .pr-snippet-write-review-link:hover:before { color: #095744; } .hide-link .p-w-r.p-w-r.p-w-r.p-w-r .pr-no-reviews .pr-snippet-write-review-link:active:before { color: #053D30; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count { margin: 0; color: #5d6f82; font-size: 1.6rem !important; line-height: 2.4rem; font-weight: 400; padding: 0; height: 2.4rem; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count::before { content: '('; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count::after { content: ')'; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-rating-decimal { color: #5d6f82; font-size: 1.6rem; line-height: 2.4rem; padding: 0 0 0 0.6rem; margin: 0; border: none; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-stars-container { display: inline-block; margin: 0; } /** * Review Snapshot styles */ .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-header-intro { display: none; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-block-snippet { margin-bottom: 8.2rem; position: relative; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-read-and-write { display: inline-block; } .p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link { position: absolute; left: 0; right: 0; top: 3.6rem; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link { display: block; border-radius: 2.4rem; background-color: #ecf3fc; height: 4.8rem; border: none; color: #4a90e2; font-size: 1.6rem; font-weight: 400; text-align: center; padding: 0; line-height: 4.8rem; text-transform: lowercase; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link:hover { background-color: #e2e8ee; color: #4a90e2; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link:focus { background-color: #ecf3fc; color: #4a90e2; border: none; } .p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link::first-letter { text-transform: uppercase; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-histogram-stars { display: flex !important; flex-direction: row; align-items: center; margin-bottom: 0.8rem; height: 2.4rem; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-histogram-label { order: 2; color: #182d3d; font-size: 1.6rem; padding: 0 0 0 1.5rem; display: block; width: auto; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-ratings-histogram-bar-container { display: block; order: 1; width: calc(100% - 15rem); } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-histogram-count { order: 3; padding: 0 0 0 0.3rem; width: auto; display: block; color: #606f80; } .p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-histogram-count::before { content: '('; } .p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-histogram-count::after { content: ' reviews)'; } .p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-histogram-cross { display: none; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-ratings-histogram-bar { background-color: #f0f3f6; border-radius: 0 10rem 10rem 0 !important; height: 2.4rem; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-histogram-list .pr-ratings-histogram-barValue { background-color: #ffc314; border-radius: 0 10rem 10rem 0; height: 2.4rem; } .p-w-r.p-w-r .pr-review-snapshot .pr-rd-review-header-contents { display: none; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-block-recommend { display: none; } .p-w-r.p-w-r .pr-review-snapshot-msq-container { display: none; } /** * Image Display styles */ .p-w-r.p-w-r .pr-rid-small { display: none; } /** * Review Display styles */ /* No reviews */ .p-w-r.p-w-r .pr-review-display .pr-rd-no-reviews a { display: block; font-size: 0; line-height: 4rem; height: 4rem; border-radius: 0.4rem; color: #0F7258; background-color: #ecf3fc; width: 28.8rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-no-reviews a:hover { background-color: #e2e8ee; } .p-w-r.p-w-r .pr-review-display .pr-rd-no-reviews { padding: 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-no-reviews:before { content: 'Be the first to review this product.'; color: #606f80; font-size: 16px; line-height: 18px; margin: 3.1rem 0 2.1rem; display: block; text-align: left; } .p-w-r.p-w-r .pr-review-display .pr-rd-no-reviews a:after { content: 'Write a review'; font-size: 1.6rem; } /* Review sort by */ .p-w-r.p-w-r.p-w-r .pr-review-display .pr-rd-sort { height: 100%; max-width: unset; margin: 0; border: none; background-color: transparent; font-size: 1.6rem; color: #4a90e2; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; direction: rtl; padding-right: 2.4rem; } .p-w-r.p-w-r.p-w-r .pr-review-display .pr-rd-sort optgroup { direction: ltr; } .p-w-r.p-w-r.p-w-r .pr-review-display .pr-rd-sort::-ms-expand { display: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-sort-group::after { content: ' '; position: absolute; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNOSAxM2g3YTEgMSAwIDAgMSAwIDJIN1Y2YTEgMSAwIDEgMSAyIDB2N3oiLz48L2RlZnM+PHVzZSBmaWxsPSIjNEE5MEUyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxMiAxMCkiIHhsaW5rOmhyZWY9IiNhIi8+PC9zdmc+); width: 2.4rem; height: 2.4rem; top: 1.2rem; right: 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header { background: none; margin: 1.8rem 0 0; padding: 0; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-display .pr-rd-sort-group label { display: none; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-display .pr-rd-sort-group { position: relative; height: 4.8rem; padding: 0; overflow: hidden; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts { display: flex; justify-content: space-between; align-items: center; padding: 0; margin-top: 2.4rem; height: 4.8rem; box-shadow: inset 0 1px 0 0 #e2e8ee, inset 0 -1px 0 0 #e2e8ee; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts:before { content: 'Sort reviews:'; color: #182d3d; font-size: 1.6rem; line-height: 2.2rem; font-weight: bold; } .p-w-r.p-w-r .pr-review-display .pr-rd-sort:focus { box-shadow: none; outline: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-flag-review-container { display: none; } /* Review header */ .p-w-r.p-w-r .pr-review-display .pr-rd-review-headline { color: #182d3d; font-size: 1.6rem; line-height: 1.8rem; font-weight: 400; margin: 0; } .p-w-r.p-w-r .pr-review-display .pr-snippet-stars { margin: 0; } /* Review thumbs and footer */ .p-w-r.p-w-r .pr-review-display .pr-helpful-btn { border: none; padding: 0; margin: 7.4rem 3rem 0 0; } .p-w-r.p-w-r .pr-review-display .pr-helpful-btn.pr-helpful-active { background: none !important; } .p-w-r.p-w-r .pr-review-display .pr-helpful-btn:active { background: #eee; } .p-w-r.p-w-r .pr-review-display .pr-thumbs-icon svg { display: none; } .p-w-r.p-w-r .pr-review-display .pr-thumbs-icon { width: 2.4rem; height: 2.4rem; } .p-w-r.p-w-r .pr-review-display .pr-thumbs-icon-up { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzYwNkY4MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyAxOS4zNjRoMy4yNzNWOS41NDVIM3Y5LjgxOXptMTgtOWMwLS45LS43MzYtMS42MzctMS42MzYtMS42MzdIMTQuMmwuNzc3LTMuNzM5LjAyNS0uMjYyYzAtLjMzNS0uMTQtLjY0Ni0uMzYtLjg2N0wxMy43NzUgMyA4LjM5MiA4LjM5MmExLjYgMS42IDAgMCAwLS40ODMgMS4xNTN2OC4xODJjMCAuOS43MzYgMS42MzcgMS42MzYgMS42MzdoNy4zNjRjLjY4IDAgMS4yNi0uNDEgMS41MDYtLjk5OWwyLjQ3LTUuNzY4Yy4wNzQtLjE4OC4xMTUtLjM4NC4xMTUtLjU5N3YtMS42MzZ6Ii8+PC9zdmc+); } .p-w-r.p-w-r .pr-review-display .pr-thumbs-icon-down { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzYwNkY4MCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjEgNWgtMy4yNzN2OS44MThIMjFWNXpNMyAxNGMwIC45LjczNiAxLjYzNiAxLjYzNiAxLjYzNkg5LjhsLS43NzcgMy43NC0uMDI1LjI2MWMwIC4zMzYuMTQuNjQ3LjM2Ljg2OGwuODY4Ljg1OSA1LjM4My01LjM5MmExLjYgMS42IDAgMCAwIC40ODMtMS4xNTRWNi42MzZjMC0uOS0uNzM2LTEuNjM2LTEuNjM2LTEuNjM2SDcuMDljLS42OCAwLTEuMjYuNDEtMS41MDYuOTk4bC0yLjQ3IDUuNzY4YTEuNjE2IDEuNjE2IDAgMCAwLS4xMTUuNTk4VjE0eiIvPjwvc3ZnPg==); } .p-w-r.p-w-r.p-w-r .pr-review-display .pr-helpful-btn .pr-helpful-count { padding-left: 0.6rem; color: #182d3d; } .p-w-r.p-w-r .pr-review-display .pr-rd-footer .pr-rd-helpful-text { display: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-footer .pr-rd-bottomline .pr-rd-bold { display: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-footer .pr-rd-bottomline span { color: #182d3d; font-size: 1.6rem; font-weight: 400; } .p-w-r.p-w-r .pr-review-display .pr-rd-bottomline { margin: 0; } /* Review author info */ .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block { display: flex; padding-top: 2.2rem; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-review-disclosure { display: none; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_reviewer, .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_buyer { order: -1; padding-right: 0.8rem; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_reviewer .pr-rd-badging-text, .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_buyer .pr-rd-badging-text { display: none; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_reviewer .pr-badging-icon svg, .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_buyer .pr-badging-icon svg { display: none; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_reviewer .pr-badging-icon, .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_buyer .pr-badging-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0JGQzZDRSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIgNGMtNC40MTYgMC04IDMuNTg0LTggOHMzLjU4NCA4IDggOCA4LTMuNTg0IDgtOC0zLjU4NC04LTgtOHptLTEuNiAxMi00LTQgMS4xMjgtMS4xMjggMi44NzIgMi44NjQgNi4wNzItNi4wNzJMMTcuNiA4LjggMTAuNCAxNnoiLz48L3N2Zz4=); background-position: center; width: 1.6rem; height: 2.4rem; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-submission-date { font-size: 1.6rem; position: absolute; top: 0; left: 0; white-space: nowrap; } .p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-submission-date .pr-rd-bold { display: none; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-nickname { display: inline; font-size: 1.6rem; line-height: 2.4rem; } .p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-nickname .pr-rd-bold { display: none; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-location { display: inline; font-size: 1.6rem; line-height: 2.4rem; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-location.pr-rd-author-location-undisclosed { display: none; } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-location .pr-rd-bold { text-transform: lowercase; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; } /* Show more button styles */ .p-w-r.p-w-r .pr-review-display .pr-accordion-btn .pr-caret-icon { display: none; } .p-w-r.p-w-r .pr-review-display .pr-accordion-btn:focus { outline: none; box-shadow: none; } .p-w-r.p-w-r .pr-review-display .pr-accordion-collapsed .pr-accordion-btn::after { content: 'Review details'; color: #4a90e2; font-size: 1.6rem; text-decoration: underline; } .p-w-r.p-w-r .pr-review-display .pr-accordion-exapanded .pr-accordion-btn::after { content: 'View Less'; color: #4a90e2; font-size: 1.6rem; text-decoration: underline; } .p-w-r.p-w-r .pr-review-display .pr-accordion-btn span { display: none; } /* Review article description */ .p-w-r.p-w-r .pr-review-display .pr-rd-description-text { color: #606f80; font-size: 1.6rem; line-height: 1.8rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-merchant-response { border-radius: 2.4rem; font-size: 1.6rem; line-height: 1.8rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-merchant-response.pr-rd-content-block { margin-bottom: 1.6rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-review-tag dd, .p-w-r.p-w-r .pr-review-display .pr-rd-def-list dd { font-size: 1.6rem; line-height: 1.8rem; color: #606f80; padding: 0 0.5rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-review-tag dt, .p-w-r.p-w-r .pr-review-display .pr-rd-def-list dt { font-size: 1.6rem; line-height: 1.8rem; color: #182d3d; padding: 0 0 0.5rem 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-def-list dd { padding-left: 1.5rem; } .p-w-r.p-w-r .pr-review-display .pr-accordion .pr-accordion-content { margin: 1rem 0 0 0; } /* Review article layout */ .p-w-r.p-w-r .pr-review-display .pr-review { position: relative; margin: 0; padding-top: 2.4rem; } .p-w-r.p-w-r .pr-review-display .pr-review { border-bottom: 1px solid #e2e8ee; } .p-w-r.p-w-r .pr-review-display .pr-review:last-of-type { border: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block { position: absolute; bottom: 3rem; z-index: 1; } .p-w-r.p-w-r .pr-review-display .pr-rd-description.pr-rd-content-block { position: static; margin: 0; padding: 0.5rem 0 1.6rem 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-footer.pr-rd-content-block { margin: 0; padding-bottom: 1.6rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-content-block { margin: 0; } /* Footer styles */ .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-to-top { display: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination { border: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-show-more { border: none; background: none; outline: none; visibility: hidden; padding: 0; height: 2.4rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-show-more::before { content: 'View more'; color: #4a90e2; font-size: 1.6rem; text-decoration: underline; visibility: visible; display: block; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-show-more:focus { box-shadow: none; outline: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer .pr-cross-icon { display: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination { padding: 0; margin: 0; } /* Review display positive/negative */ .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff { margin: 1.5rem 0 0; border-radius: 8px; background-color: #606f80; border: none; padding: 0.5rem 0; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-review, .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-title, .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-label { color: #ffffff; font-size: 1.6rem; line-height: 1.8rem; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-label { font-weight: bold; line-height: 2.2rem; text-transform: lowercase; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-label::first-letter { text-transform: uppercase; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-review { color: #e2e8ee; line-height: 2rem; margin: 0; } .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-snippet-stars { background: none; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-snippet-rating-decimal { background: none; color: #e2e8ee; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-faceoff-img { border-top: 1px solid #ffffff; margin: 16px 0; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-faceoff-img-txt { height: 3.2rem; width: 3.2rem; border-radius: 50%; background-color: #ffffff; padding: 1rem 0; color: #606f80; border: none; font-size: 1.2rem; top: -1.6rem; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-readcomplete { position: static; margin-top: 1rem; font-size: 0; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-readcomplete::before { content: 'View more'; font-size: 1.6rem; line-height: 1.8rem; text-decoration: underline; color: #ffffff; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-active .pr-faceoff-readcomplete::before { content: 'View less'; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-readcomplete:focus, .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-readcomplete:hover { color: #ffffff; } /* Review display search bar */ .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-contents { padding: 0; background: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container { margin: 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input { height: 4.8rem; display: flex; justify-content: space-between; align-items: center; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button { border: none; position: static; flex: 0; width: 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon { position: absolute; right: 2.8rem; top: 1.4rem; width: 2rem; height: 2rem; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiPjxkZWZzPjxwYXRoIGlkPSJhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtNCkiIGQ9Ik0xMiAxNS45M0E3LjAwMiA3LjAwMiAwIDAgMSAxMyAyYTcgNyAwIDAgMSAxIDEzLjkzVjIxYTEgMSAwIDAgMS0yIDB2LTUuMDd6TTEzIDE0YTUgNSAwIDEgMCAwLTEwIDUgNSAwIDAgMCAwIDEweiIvPjwvZGVmcz48dXNlIGZpbGw9IiM0QTkwRTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDEzIDEyKSIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=); background-color: unset; background-repeat: no-repeat; background-size: contain; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon svg { display: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input { height: 4.8rem !important; background: none; border: none; color: #182d3d; font-size: 16px; line-height: 18px; padding: 0 0 0 2.4rem; flex: 5; border-radius: 2.4rem; background-color: #f0f3f6; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:active, .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:focus { border: 2px solid #bfc6ce; box-shadow: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:active + button.pr-rd-search-filled, .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:focus + button.pr-rd-search-filled { background-color: unset; border: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:active + button, .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:focus + button { background-color: unset; border: none; } .p-w-r.p-w-r .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button:disabled { display: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-clear-button { right: 2.2rem; top: 0.7rem; width: 3.6rem; height: 3.6rem; padding: 0.6rem; } .p-w-r.p-w-r .pr-rd-search-reviews-input input::-webkit-search-cancel-button { display: none; } .p-w-r.p-w-r .pr-rd-search-reviews-input input::-ms-clear { display: none; } .p-w-r.p-w-r .pr-review-display .pr-review-filter-info-bar { display: none; } /** * Review Write styles */ .p-w-r.p-w-r #pr-war-form fieldset > .form-group { margin: 2rem 0 0; } .p-w-r.p-w-r .pr-header { display: none; } .p-w-r.p-w-r .pr-header-required { display: none; } .p-w-r.p-w-r #pr-war-form .pr-header-required + .form-group { margin: 0; } .p-w-r.p-w-r #pr-war-form .pr-header-required + .pr-headline-form-group + .pr-rating-form-group .pr-control-label .pr-form-control-error-wrapper, #pr-pros, #pr-cons, #pr-bestuses { display: none; } #pr-describeyourself { margin-bottom: 2.8rem; } #pr-describeyourself-group { margin-top: 1rem; } .p-w-r.p-w-r .pr-name-form-group, .p-w-r.p-w-r .pr-location-form-group { display: inline-table; width: 50%; padding-right: 1.45rem; } .p-w-r.p-w-r .pr-control-label span, .p-w-r.p-w-r #pr-bottomline .pr-control-label span:first-child::before, .p-w-r.p-w-r .pr-name-form-group .pr-control-label span::before, .p-w-r.p-w-r .pr-location-form-group .pr-control-label span::before, .p-w-r.p-w-r .pr-headline-form-group .pr-control-label span::before { font-size: 1.6rem; line-height: 1.8rem; color: #5d6f82; font-weight: 100; } .p-w-r.p-w-r #pr-war-form fieldset > .form-group.pr-bottomline-form-group { margin-top: 2.4rem; } .p-w-r.p-w-r #pr-bottomline label { margin-bottom: 0.9rem; } .p-w-r.p-w-r #pr-bottomline .pr-control-label span, .p-w-r.p-w-r .pr-name-form-group .pr-control-label span:first-child, .p-w-r.p-w-r .pr-location-form-group .pr-control-label span:first-child, .p-w-r.p-w-r .pr-headline-form-group .pr-control-label span:first-child { visibility: hidden; } .p-w-r.p-w-r .pr-name-form-group .pr-control-label span:last-child { position: absolute; left: 11.9rem; } .p-w-r.p-w-r .pr-location-form-group .pr-control-label span:last-child { position: absolute; right: 15.1rem; } .p-w-r.p-w-r .pr-headline-form-group .pr-control-label span:last-child { position: absolute; left: 13.9rem; } .p-w-r.p-w-r #pr-bottomline .pr-control-label span::before { content: 'Bottom line'; visibility: visible; } .p-w-r.p-w-r .pr-location-form-group .pr-control-label span:first-child::before { content: 'Your location'; visibility: visible; } .p-w-r.p-w-r .pr-headline-form-group .pr-control-label span:first-child::before { content: 'Review headline'; visibility: visible; } .p-w-r.p-w-r .pr-headline-form-group .pr-control-label span:first-child, .p-w-r.p-w-r .pr-name-form-group .pr-control-label span:first-child, .p-w-r.p-w-r .pr-location-form-group .pr-control-label span:first-child{ font-size: 0; } .p-w-r.p-w-r .pr-name-form-group .pr-control-label span:first-child { font-size: 1.6rem; visibility: visible; } .p-w-r.p-w-r .pr-control-label { margin: 0 0 1.4rem; white-space: nowrap; } .p-w-r.p-w-r .form-control.pr-textinput, .p-w-r.p-w-r .form-control.pr-textarea { border-radius: 2.4rem; background-color: #f0f3f6; box-shadow: none; height: auto !important; font-size: 1.6rem; line-height: 1.8rem; padding: 0.9rem 2.1rem !important; color: #182d3d; margin-bottom: 2rem; } #pr-rating { margin: 0.6rem 0 2rem; } .p-w-r.p-w-r .form-control.pr-textarea { background-color: #f0f3f6 !important; font-size: 1.6rem !important; line-height: 2.4rem !important; resize: none; border-radius: 0.8rem; } .p-w-r.p-w-r .form-control.pr-textinput:focus, .p-w-r.p-w-r .form-control.pr-textarea:focus { border: 2px solid #bfc6ce; } .p-w-r.p-w-r .form-group { margin-bottom: 1.5rem; } .p-w-r.p-w-r #pr-name, .p-w-r.p-w-r #pr-name-input, .p-w-r.p-w-r .pr-name-form-group, .p-w-r.p-w-r .pr-location-form-group, .p-w-r.p-w-r #pr-location, .p-w-r.p-w-r #pr-location-input, .p-w-r.p-w-r .pr-rating-form-group, .p-w-r.p-w-r .pr-pros-form-group, .p-w-r.p-w-r .pr-cons-form-group, .p-w-r.p-w-r .pr-bestuses-form-group { margin-bottom: 0; } .p-w-r.p-w-r #pr-war-form .pr-rating-form-group .pr-star-v4 { width: 3.4rem; height: 3.4rem; } /* rate input label change*/ .p-w-r.p-w-r .pr-rating-form-group .pr-control-label::before { content: 'Rate this product'; font-size: 1.6rem; line-height: 1.8rem; color: #606f80; font-weight: 100; } /* diy/trade label change*/ .p-w-r.p-w-r .pr-describeyourself-form-group .pr-control-label::before { content: 'Are you DIY or trade?'; font-size: 1.6rem; line-height: 1.8rem; color: #5d6f82; font-weight: 100; } .p-w-r.p-w-r .pr-describeyourself-form-group .pr-control-label span:first-child { display: none; } /* name, email, image caption input placeholder change*/ .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input::-webkit-input-placeholder, .p-w-r.p-w-r .pr-media-input-display-captionGroup .pr-textinput::-webkit-input-placeholder, .p-w-r.p-w-r .pr-name-form-group .pr-textinput::-webkit-input-placeholder, .p-w-r.p-w-r .pr-email_collection-form-group .pr-textinput::-webkit-input-placeholder { color: transparent; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:-moz-placeholder, .p-w-r.p-w-r .pr-media-input-display-captionGroup .pr-textinput:-moz-placeholder, .p-w-r.p-w-r .pr-name-form-group .pr-textinput:-moz-placeholder, .p-w-r.p-w-r .pr-email_collection-form-group .pr-textinput:-moz-placeholder { color: transparent; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input::-moz-placeholder, .p-w-r.p-w-r .pr-media-input-display-captionGroup .pr-textinput::-moz-placeholder, .p-w-r.p-w-r .pr-name-form-group .pr-textinput::-moz-placeholder, .p-w-r.p-w-r .pr-email_collection-form-group .pr-textinput::-moz-placeholder { color: transparent; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input:-ms-input-placeholder, .p-w-r.p-w-r .pr-media-input-display-captionGroup .pr-textinput:-ms-input-placeholder, .p-w-r.p-w-r .pr-name-form-group .pr-textinput:-ms-input-placeholder, .p-w-r.p-w-r .pr-email_collection-form-group .pr-textinput:-ms-input-placeholder { color: transparent; } .p-w-r.p-w-r .pr-rd-search-reviews-icon-button::before, .p-w-r.p-w-r .pr-media-input-display-captionGroup .pr-textinput[value=''] ~ div::before, .p-w-r.p-w-r .pr-email_collection-form-group .pr-textinput[value=''] ~ div::before, .p-w-r.p-w-r .pr-name-form-group .pr-textinput[value=''] ~ div::before { font-size: 1.6rem; line-height: 1.8rem; color: #606f80; position: absolute; left: 2.5rem; top: 1.5rem; pointer-events: none; } .p-w-r.p-w-r .pr-name-form-group .pr-textinput[value=''] ~ div::before { content: 'Your name or nickname'; } .p-w-r.p-w-r .pr-email_collection-form-group .pr-textinput[value=''] ~ div::before { content: 'E.g. hello@travisperkins.co.uk'; } .p-w-r.p-w-r .pr-media-input-display-captionGroup .pr-textinput[value=''] ~ div::before { content: 'Add a caption'; left: 11.5rem; } .p-w-r.p-w-r .pr-rd-search-reviews-icon-button::before { content: 'Search reviews'; } .p-w-r.p-w-r .pr-rd-search-reviews-icon-button.pr-rd-search-filled::before { content: ''; } .p-w-r.p-w-r .pr-name-form-group .form-group, .p-w-r.p-w-r .pr-email_collection-form-group .form-group { position: relative; } /* Radio box and checkbox, file input*/ .p-w-r.p-w-r #pr-war-form .btn-group-3-count, .p-w-r.p-w-r #pr-war-form .btn-group-2-count, .p-w-r.p-w-r #pr-war-form .tag-container { display: flex; flex-direction: column; align-items: flex-start; } .p-w-r.p-w-r #pr-war-form .btn-group-3-count .pr-btn, .p-w-r.p-w-r #pr-war-form .btn-group-2-count .pr-btn, .p-w-r.p-w-r #pr-war-form .pr-label-control { position: relative; border: none; padding: 0; margin: 0; font-size: 1.6rem; line-height: 2.4rem; color: #182d3d; padding-left: 3.2rem; margin-bottom: 0.8rem; outline: none; box-shadow: none; } .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control span { color: #182d3d; font-size: 1.6rem; line-height: 2.4rem; } .p-w-r.p-w-r #pr-war-form .btn-group .pr-btn:hover, .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control:hover { background: none; } .p-w-r.p-w-r #pr-war-form .btn-group .pr-btn:focus, .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control:focus { outline: none; background: none; } .p-w-r.p-w-r #pr-war-form .btn-group .pr-btn.active, .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control.checked { background: none; } .p-w-r.p-w-r #pr-war-form .btn-group .pr-btn::before, .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control::before { content: ' '; position: absolute; left: 0; top: 0; width: 2.4rem; height: 2.4rem; border: 0.2rem solid #bfc6ce; } .p-w-r.p-w-r #pr-war-form .btn-group .pr-btn::before { border-radius: 50%; } .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control::before { border-radius: 0.4rem; } .p-w-r.p-w-r #pr-war-form .btn-group .pr-btn.active::before, .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control.checked::before { background-color: #ffc314; border-color: #ffc314; } .p-w-r.p-w-r #pr-war-form .btn-group .pr-btn.active::after { content: ' '; position: absolute; background-color: #182d3d; width: 0.8rem; height: 0.8rem; border-radius: 50%; left: 0.8rem; top: 0.8rem; } .p-w-r.p-w-r #pr-war-form .tag-group .pr-label-control.checked::after { content: ' '; position: absolute; left: 0; top: 0; width: 2.4rem; height: 2.4rem; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJtMTEuMjUgMTIuNDQyIDMuOTI2LTQuMTAyYTEuMDc3IDEuMDc3IDAgMCAxIDEuNTcgMCAxLjE5NyAxLjE5NyAwIDAgMSAwIDEuNjRsLTQuNzEgNC45MjNjLS4yMTcuMjI2LS41MDEuMzQtLjc4Ni4zNC0uMjg0IDAtLjU2OC0uMTE0LS43ODUtLjM0bC0zLjE0LTMuMjgyYTEuMTk3IDEuMTk3IDAgMCAxIDAtMS42NCAxLjA3NyAxLjA3NyAwIDAgMSAxLjU3IDBsMi4zNTUgMi40NnoiLz48L2RlZnM+PHVzZSBmaWxsPSIjMTgyRDNEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNhIi8+PC9zdmc+); } .p-w-r.p-w-r #pr-war-form .tag-group .pr-cb-tag-container { margin: 0; } .p-w-r.p-w-r #pr-war-form .pr-btn-add-tag a { border: none; background: none; } .p-w-r.p-w-r #pr-war-form .pr-btn-add-tag a::after, .p-w-r.p-w-r #pr-war-form .pr-btn-fileinput span::after { content: none; } .p-w-r.p-w-r #pr-war-form .pr-btn-add-tag a, .p-w-r.p-w-r #pr-war-form .pr-btn-fileinput span { vertical-align: top; font-size: 1.6rem; line-height: 2.4rem; color: #0f7258; padding: 0; margin: 0 0 0 0.7rem; border: none; background: none; } .p-w-r.p-w-r #pr-war-form .pr-btn-add-tag::before, .p-w-r.p-w-r #pr-war-form .pr-btn-fileinput::before { content: ' '; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwRjcyNTgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEzIDExaDVhMSAxIDAgMCAxIDAgMmgtNXY1YTEgMSAwIDAgMS0yIDB2LTVINmExIDEgMCAwIDEgMC0yaDVWNmExIDEgMCAwIDEgMiAwdjV6Ii8+PC9zdmc+); width: 2.4rem; height: 2.4rem; display: inline-block; } .p-w-r.p-w-r #pr-war-form .pr-media_image-form-group .pr-btn-fileinput span, .p-w-r.p-w-r #pr-war-form .pr-media_videourl-form-group .pr-btn-fileinput span { display: none; } .p-w-r.p-w-r #pr-war-form .pr-btn-fileinput::after { font-size: 1.6rem; line-height: 2.4rem; color: #0f7258; vertical-align: top; margin-left: 0.7rem; } .p-w-r.p-w-r #pr-war-form .pr-media_image-form-group .pr-btn-fileinput::after { content: 'Add image'; } .p-w-r.p-w-r #pr-war-form .pr-media_videourl-form-group .pr-btn-fileinput::after { content: 'Add video'; } .p-w-r.p-w-r #pr-war-form .pr-helper-text { display: none; } .p-w-r.p-w-r #pr-war-form .pr-clear-all-radios { color: rgb(15, 114, 88); font-size: 1.6rem; line-height: 2.4rem; } .p-w-r.p-w-r #pr-war-form .tag-group .input-add-tag { border-radius: 2.4rem; background-color: #f0f3f6; border: none; box-shadow: none; padding: 0 2.4rem; margin: 0; } .p-w-r.p-w-r #pr-war-form .tag-group .input-add-tag-field { color: #182d3d; border: none; background: none; font-size: 1.6rem; line-height: 1.8rem; padding: 1.5rem 0 !important; height: auto !important; box-shadow: none; } .p-w-r.p-w-r #pr-war-form .pr-media_videourl-form-group .pr-media-input-display-captionGroup-buttons::after, .p-w-r.p-w-r #pr-war-form .pr-media_image-form-group .pr-media-input-display-captionGroup-buttons::after { display: none; content: 'Rotate Video'; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzRBOTBFMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNTUgNi41NSAxMSAydjMuMDdDNy4wNiA1LjU2IDQgOC45MiA0IDEzczMuMDUgNy40NCA3IDcuOTN2LTIuMDJjLTIuODQtLjQ4LTUtMi45NC01LTUuOTFzMi4xNi01LjQzIDUtNS45MVYxMWw0LjU1LTQuNDV6TTE5LjkzIDEyYTcuOTA2IDcuOTA2IDAgMCAwLTEuNjItMy44OWwtMS40MiAxLjQyYy41NC43NS44OCAxLjYgMS4wMiAyLjQ3aDIuMDJ6TTEzIDE4Ljl2Mi4wMmMxLjM5LS4xNyAyLjc0LS43MSAzLjktMS42MWwtMS40NC0xLjQ0Yy0uNzUuNTQtMS41OS44OS0yLjQ2IDEuMDN6bTMuODktMi40MiAxLjQyIDEuNDFjLjktMS4xNiAxLjQ1LTIuNSAxLjYyLTMuODloLTIuMDJjLS4xNC44Ny0uNDggMS43Mi0xLjAyIDIuNDh6Ii8+PC9zdmc+); background-repeat: no-repeat; height: 2.4rem; padding-left: 3rem; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display-thumbnail { width: 100%; display: inline-table; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display-thumbnail-wrapper::before { content: ' '; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNOSA1YTIgMiAwIDAgMSAyLTJoMmEyIDIgMCAwIDEgMiAyaDIuNWExLjUgMS41IDAgMCAxIDAgM2gtMTFhMS41IDEuNSAwIDAgMSAwLTNIOXpNNyA5aDEwdjEwYTIgMiAwIDAgMS0yIDJIOWEyIDIgMCAwIDEtMi0yVjl6Ii8+PC9kZWZzPjx1c2UgZmlsbD0iIzRBOTBFMiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYSIvPjwvc3ZnPg==); background-color: #ecf3fc; background-position: center; background-repeat: no-repeat; position: absolute; left: 2.5rem; top: 2.5rem; width: 3.2rem; height: 3.2rem; border-radius: 50%; } .p-w-r.p-w-r #pr-war-form .tag-group .pr-btn-add-tag-submit { border: none; background: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwRjcyNTgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEzIDExaDVhMSAxIDAgMCAxIDAgMmgtNXY1YTEgMSAwIDAgMS0yIDB2LTVINmExIDEgMCAwIDEgMC0yaDVWNmExIDEgMCAwIDEgMiAwdjV6Ii8+PC9zdmc+); width: 2.4rem; height: 2.4rem; padding: 0; } .p-w-r.p-w-r #pr-war-form .pr-btn-add-tag-submit div { display: none; } .p-w-r.p-w-r #pr-war-form .pr-btn-fileinput { border: none; background: none; padding: 0 0 1rem 0; outline: none; font-size: 0px; } .p-w-r.p-w-r #pr-war-form .pr-btn-fileinput svg { display: none; } .p-w-r.p-w-r #pr-war-form .pr-file-input-label { display: none; } .p-w-r.p-w-r #pr-war-form .pr-btn-fileinput:focus { box-shadow: none; outline: none; } .p-w-r.p-w-r #pr-war-form .form-group.pr-media_image-form-group, .p-w-r.p-w-r #pr-war-form .form-group.pr-media_videourl-form-group { border-bottom: 1px solid #e2e8ee; margin-top: 2.4rem; } /* Images preview */ .p-w-r.p-w-r #pr-war-form .pr-media-input-display { align-items: flex-start; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display-thumbnail-wrapper { border-radius: 0.8rem; background-color: #fff; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display-thumbnail-wrapper img { width: 8rem; height: 8rem; border: none; border-radius: 1rem; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display-captionGroup-buttons-remove { position: absolute; width: 2.4rem; height: 2.4rem; left: 2.8rem; top: 2.8rem; opacity: 0; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display-captionGroup-buttons-rotate { position: absolute; position: absolute; width: 12rem; height: 2.4rem; left: 9rem; top: 5.8rem; opacity: 0; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display-captionGroup-buttons { font-size: 1.6rem; line-height: 2.4rem; color: #4a90e2; } .p-w-r.p-w-r #pr-war-form .pr-media_image-form-group .pr-media-input-display { margin-bottom: 1.1rem; } .p-w-r.p-w-r #pr-war-form .pr-media_image-form-group .pr-media-input-display-captionGroup-buttons::after { content: 'Rotate Image'; } .p-w-r.p-w-r #pr-war-form .pr-media-input-display { position: relative; } /* Footer */ .p-w-r.p-w-r.p-w-r .pr-footer { border: none; padding: 2rem 0 1.5rem; margin: 0; text-align: center; } .p-w-r.p-w-r.p-w-r .pr-footer .pr-subscript { display: none; } .p-w-r.p-w-r .pr-footer a { display: none; } .p-w-r.p-w-r .pr-footer .pr-btn-review { float: none !important; width: 50%; border-radius: 0.4rem; background-color: #0f7258; box-shadow: none; border: none; color: #ffffff; font-size: 1.6rem; font-weight: 400; line-height: 1.8rem; padding: 1.1rem; text-transform: lowercase; } .p-w-r.p-w-r .pr-footer .pr-btn-review:hover { background-color: #0a4f38; } .p-w-r.p-w-r .pr-footer .pr-btn-review::first-letter { text-transform: uppercase; } /* Thank you page */ .p-w-r.p-w-r .thank-you-page .pr-rating-number { border: none; font-size: 1.6rem; line-height: 2.4rem; color: #5d6f82; padding: 0; } .p-w-r.p-w-r .thank-you-page .pr-rating-date { border: none; font-size: 1.6rem; line-height: 2.4rem; color: #5d6f82; padding: 0; } .p-w-r.p-w-r .thank-you-page .pr-rating-stars { height: 2.4rem; } .p-w-r.p-w-r .pr-rating-stars > span { margin-right: 1.8rem; } .p-w-r.p-w-r .thank-you-page .pr-attribute-header, .p-w-r.p-w-r .thank-you-page .pr-attribute, .p-w-r.p-w-r .thank-you-page .pr-text, .p-w-r.p-w-r .thank-you-page .pr-text span { font-size: 1.6rem; line-height: 1.8rem; color: #5d6f82; } .p-w-r.p-w-r .thank-you-page .pr-attribute-header { color: #182d3d; } .p-w-r.p-w-r .pr-review-display .pr-media-card-footer-helpful-action .pr-helpful-btn { margin-top: 0; } .p-w-r.p-w-r .pr-media-card-content-text p { font-size: 1.6rem; line-height: 1.8rem; color: #5d6f82; } .p-w-r.p-w-r .pr-media-card-content-text p.pr-media-card-content-text-headline { color: #182d3d; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple { display: flex; align-items: center; justify-content: space-between; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-block { width: 50%; padding: 0 40px; margin-bottom: 0; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-block-snippet { margin-top: -30px; } .p-w-r.p-w-r .pr-review-snapshot .pr-snippet { position: relative; text-align: center; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-rating-decimal { color: #182d3d; position: absolute; font-size: 36px; top: -30px; left: 50%; transform: translateX(-50%); font-weight: 600; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-star-v4 { width: 40px; height: 40px; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-read-and-write { display: block; } .p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link { top: 70px; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count { text-align: center; color: #182d3d; font-weight: bold; } @media only screen and (min-width: 601px) { .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count::before { content: ''; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count::after { content: ''; } } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block.pr-rd-right { left: 70%; top: 25px; height: 50px; font-family: 'Lato', 'Arial', sans-serif; } .p-w-r.p-w-r .pr-review-display .pr-rd-footer.pr-rd-content-block { position: absolute; left: 70%; top: 130px; background: none; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff > section { float: none; width: 50%; flex-shrink: 0; box-sizing: border-box; padding: 15px 50px 15px 15px; } .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff > section:last-child { padding: 15px 15px 15px 50px; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-faceoff-img { margin: 0; height: 100%; width: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-faceoff-img .pr-faceoff-img-txt { position: absolute; top: 50%; transform: translate(0, -50%); } .p-w-r.p-w-r .pr-review-display .pr-review { min-height: 250px; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header { display: flex; flex-direction: row-reverse; justify-content: space-between; box-shadow: inset 0 1px 0 0 #e2e8ee, inset 0 -1px 0 0 #e2e8ee; padding: 15px 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-contents { float: none; width: 250px; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts { float: none; margin: 0; box-shadow: none; width: auto; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort { min-width: 80px; height: 48px; } .p-w-r.p-w-r .pr-review-display .pr-rd-sort-group::after { pointer-events: none; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group { overflow: inherit; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header::before, .p-w-r.p-w-r .pr-review-display .pr-rd-main-header::after { content: none; } .p-w-r.p-w-r .pr-review-display .pr-rd-description.pr-rd-content-block { padding-right: 34%; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-demographic { color: #182d3d; font-size: 1.6rem; position: absolute; bottom: -45px; width: 190px; left: 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-demographic span { color: #182d3d; font-weight: 400; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-demographic span:first-child { font-size: 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-demographic span:first-child::after { content: 'Type of purchase: '; font-size: 1.6rem; } @media only screen and (max-width: 600px) { .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-block { padding: 0; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-star-v4 { width: 24px; height: 24px; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-rating-decimal { font-size: 17px; font-weight: 500; left: 13rem; top: 0; bottom: 0.1rem; color: #5d6f82; } .p-w-r.p-w-r .pr-review-snapshot .pr-snippet { text-align: left; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple { flex-direction: column; margin: 0; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-block-snippet { width: 100%; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-block-histogram { margin: 0; width: 100%; margin-top: 8.2rem; } .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-content-block { margin-bottom: 50px; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count { bottom: 0.1rem; position: absolute; left: 13.6rem; font-weight: 500; color: #5d6f82; margin-left: 1rem; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-stars-reco-stars .pr-snippet-review-count { position: relative; left: auto; right: 0.7rem; margin-left: auto; bottom: 0; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count::before { content: '('; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-review-count::after { content: ')'; } .p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link { top: 3.4rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block { bottom: -2.4rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block.pr-rd-right { left: auto; top: auto; height: auto; } .p-w-r.p-w-r .pr-review-display .pr-rd-footer.pr-rd-content-block { position: relative; left: auto; top: 2.5rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-helpful-action { z-index: 1; } .p-w-r.p-w-r .pr-read-review .pr-rd-main-footer, .p-w-r.p-w-r .pr-review-display .pr-rd-main-footer { margin-top: 3rem; } @supports not (-webkit-overflow-scrolling: touch) { .p-w-r.p-w-r .pr-review-display .pr-rd-helpful-action { top: 8.5rem; position: relative; } .p-w-r.p-w-r .pr-review-display .pr-rd-bottomline + .pr-rd-helpful-action { top: 6.5rem; position: relative; } } @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) { .p-w-r.p-w-r .pr-review-display .pr-rd-helpful-action { top: 7.5rem; position: relative; } .p-w-r.p-w-r .pr-review-display .pr-rd-bottomline + .pr-rd-helpful-action { top: 5.5rem; } .p-w-r.p-w-r .pr-loading-indicator { position: relative; bottom: 7.5rem; } } .p-w-r.p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-submission-date { bottom: 9rem; top: auto; } .p-w-r.p-w-r .pr-review-display > article:last-of-type .pr-rd-side-content-block .pr-rd-author-submission-date { bottom: 7.5rem; top: auto; } .p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-nickname, .p-w-r.p-w-r .pr-rd-side-content-block .pr-verified_buyer, .p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-location { bottom: 5.1rem; position: relative; } .p-w-r.p-w-r .pr-review-display > article:last-of-type .pr-rd-side-content-block .pr-rd-author-nickname, .p-w-r.p-w-r .pr-review-display > article:last-of-type .pr-rd-side-content-block .pr-verified_buyer, .p-w-r.p-w-r .pr-review-display > article:last-of-type .pr-rd-side-content-block .pr-rd-author-location { bottom: 3.7rem; position: relative; } .p-w-r.p-w-r .pr-rd-side-content-block .pr-rd-author-nickname > span > span:last-child { color: #5d6f82; } .p-w-r.p-w-r .pr-review-display .pr-review { padding-top: 0.8rem; } .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff { flex-direction: column; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff > section { padding: 15px; width: 100%; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-faceoff-positive { padding: 20px 15px 30px 15px; } .p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-faceoff-negative { padding: 30px 15px 20px 15px; } .p-w-r.p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-snippet-rating-decimal { top: 0rem; left: 13rem; color: #e2e8ee; font-weight: 100; } .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-snippet-stars { margin-bottom: auto; left: -4px; position: relative; } .p-w-r.p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-faceoff-img { height: 1px; width: 100%; position: relative; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-review-snapshot .pr-snippet-write-review-link, .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-label { text-transform: unset; } .p-w-r.p-w-r .pr-review-snapshot .pr-faceoff-title { font-weight: 500; margin-bottom: 0.6rem; } .p-w-r.p-w-r .pr-snapshot-mobile { margin-bottom: 2.4rem; } .p-w-r.p-w-r .pr-rd-search-reviews-icon-button::before { content: 'Search Reviews'; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header { flex-direction: column; box-shadow: none; } .p-w-r.p-w-r input[type='search'] { width: auto !important; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon { left: 29rem; } @supports (-webkit-overflow-scrolling: touch) { .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-icon-button .pr-search-icon { left: 30.5rem; } } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input { padding-right: 4.4rem; } .p-w-r.p-w-r.p-w-r.p-w-r .pr-snippet-stars-container { right: 5px; position: relative; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts:before { content: 'Sort Reviews By:'; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts { box-shadow: inset 0 1px 0 0 #e2e8ee, inset 0 -1px 0 0 #e2e8ee; height: 5rem; margin-top: 2.5rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header { padding-top: 0px; } .p-w-r.p-w-r .pr-review-display .pr-rd-description.pr-rd-content-block { padding-right: 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-description.pr-rd-content-block aside:has(> div) { background: red; } .p-w-r.p-w-r .pr-review-display .pr-rd-image-container { display: inline-block; margin: 0 1rem 2rem 0rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-demographic { bottom: 15rem; } .p-w-r.p-w-r .pr-review-display > article:last-of-type .pr-rd-side-content-block .pr-rd-demographic { bottom: 12.5rem; } .p-w-r.p-w-r .pr-review-display > article:last-of-type .pr-rd-inner-content-block { bottom: 1rem; position: relative; } .p-w-r.p-w-r .pr-review-display time { color: #5d6f82; } .p-w-r.p-w-r .pr-review-display .pr-rd-footer.pr-rd-content-block { margin-bottom: 7rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-content-block .pr-rd-star-rating { position: relative; right: 0.5rem; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-contents { width: auto; } .p-w-r.p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input .pr-rd-search-reviews-clear-button { right: 1.4rem; padding: 0.5rem; } .p-w-r.p-w-r .pr-footer { padding: 1.6rem 0 4.2rem; } } .p-w-r.p-w-r .pr-review-display .pr-helpful-btn { margin: 10px 0; } .p-w-r.p-w-r .pr-review-display .pr-rd-merchant-response.pr-rd-content-block { margin-right: 34%; } .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff { display: flex; justify-content: space-between; } .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff::before, .p-w-r.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff::after { content: none; } .p-w-r.p-w-r .pr-review-display .pr-helpful-btn.pr-helpful-no { margin-left: 30px; } .thank-you-page.thank-you-page { position: absolute; width: 300px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .p-w-r.p-w-r .thank-you-page .title { text-align: center; } .p-w-r.p-w-r .thank-you-page .subtitle { text-align: center; line-height: 1.6; } .p-w-r.p-w-r .thank-you-page .header { border-bottom: none; } .p-w-r.p-w-r .thank-you-page .header h5 { display: none; } .thank-you-page.thank-you-page .review-preview { display: none; } .thank-you-page.thank-you-page .pr-row { margin-top: 4px; } /* Tablet */ .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-header-with-filters .pr-rd-search-container .pr-rd-search-reviews-input input { background-color: #f0f3f6; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-header-with-filters .pr-rd-search-container { float: none; margin: 0; width: 100%; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-review-total { display: none; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-star-rating { float: none; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-review-headline { float: none; margin: 0; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-description .pr-rd-side-content-block { padding: 2.2rem 0 0 0; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-review { padding-top: 2.4rem; border-bottom: 1px solid #e2e8ee; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-review:last-of-type { border-bottom: none; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-helpful-btn { margin-top: 10px; margin-bottom: 10px; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-flag-review-container { display: none; } .p-w-r.p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-footer { padding: 0; border: none; }