.wp-gr {
--rev-gap: 4px;
--rev-padding: 4px;
}
.wp-gr .wp-google-badge {
display: inline-block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif!important;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)!important;
}
.wp-gr .wp-google-badge-fixed {
position: fixed!important;
right: 30px!important;
bottom: 30px!important;
max-width: none!important;
z-index: 2147482999!important;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)!important;
}
.wp-gr .wp-google-badge_left-fixed {
position: fixed!important;
left: 30px!important;
bottom: 30px!important;
max-width: none!important;
z-index: 2147482999!important
}
.wp-gr .wp-google-badge * {
cursor: pointer!important
}
.wp-gr .wp-google-border {
width: 100%!important;
height: 6px!important;
background: #4fce6a!important;
border-radius: 2px 2px 0 0!important;
}
.wp-gr .wp-google-badge-btn {
position: relative!important;
padding: 10px!important;
background: #fff!important;
transition: all .2s ease-in-out!important;
border-radius: 2px!important;
}
.wp-gr .wp-google-badge-btn:hover {
background: #f3f3f5!important
}
.wp-gr .wp-google-badge-score {
display: inline-block;
margin: 0 0 0 4px!important;
vertical-align: middle!important;
}
.wp-gr .wp-google-rating {
color: var(--star-color, #fb8e28)!important;
font-size: 21px!important;
font-weight: 600!important;
margin: 0 6px 0 0!important;
vertical-align: middle!important
}
.wp-gr .wp-google-stars .wp-star {
padding: 0 3px 0 0 !important;
line-height: normal !important;
}
.wp-gr .wp-google-based,
.wp-gr .wp-google-powered {
color: var(--head-based-color, #555555)!important;
margin: 6px 0 0!important
}
.wp-gr .wp-google-powered {
color: var(--powered-color, #777777)!important;
font-size: 15px!important
}
.wp-gr .wp-google-powered > span {
font-weight: 600!important
}
.wp-gr .wp-google-form .wp-google-reviews {
padding: 16px 16px 0!important
}
.wp-gr .wp-google-review {
margin-top: 15px!important
}
.wp-gr .wp-google-left {
display: table-cell!important;
vertical-align: top!important
}
[dir="ltr"] .wp-google-left {
padding-right: 10px!important
}
[dir="rtl"] .wp-google-left {
padding-left: 10px!important
}
.wp-gr .wp-google-left img {
border: none!important;
float: left!important;
height: 46px!important;
width: 46px!important;
margin-right: 10px!important;
overflow: hidden!important;
border-radius: 50%!important;
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important
}
.wp-gr .wp-google-reviews img {
border-radius: 50%!important
}
.wp-gr .wp-google-right {
display: table-cell!important;
vertical-align: top!important;
width: 10000px!important
}
.wp-gr .grw-header.wp-place-center {
width: 100% !important;
}
.wp-gr .wp-place-center {
text-align: center !important;
}
.wp-gr .wp-place-center .wp-google-left {
display: block !important;
}
.wp-gr .wp-place-center .wp-google-left img {
float: none !important;
}
.wp-gr .wp-star svg {
display: inline-block!important
}
.wp-gr .wp-google-place .wp-star svg {
width: 20px!important;
height: 20px!important;
vertical-align: middle!important
}
.wp-gr .wp-star svg {
width: 18px!important;
height: 18px!important;
vertical-align: middle!important
}
.wp-gr .wp-star svg path {
fill: var(--star-color, #fb8e28);
}
.wp-gr .wp-google-wrap {
display: flex;
flex-direction: column;
gap: var(--rev-gap);
}
.wp-gr .wp-google-name {
color: black!important;
font-size: 100%!important;
font-weight: bold!important;
margin: 0 0 2px!important;
padding-right: 6px!important;
text-decoration: none!important
}
.wp-gr a.wp-google-name {
color: #427fed!important;
text-decoration: none!important
}
.wp-gr .wp-google-time {
color: #555!important;
font-size: 13px!important;
white-space: nowrap!important
}
.wp-gr .wp-google-text {
color: var(--text-color, #222222)!important;
font-size: 15px!important;
line-height: 24px!important;
max-width: 100%!important;
overflow: hidden!important;
white-space: pre-wrap!important;
word-break: break-word!important
}
.wp-gr .wp-google-text .wp-google-stars {
padding-right: 7px!important
}
.wp-gr .wp-more {
display: none
}
.wp-gr .wp-more-toggle {
color: #136aaf!important;
cursor: pointer!important;
text-decoration: none!important
}
.wp-gr .wp-google-url {
display: block;
margin: 10px 0!important;
color: #136aaf!important;
text-align: center!important
}
.wp-gr .wp-google-form {
position: fixed!important;
bottom: 0!important;
right: 0!important;
height: 100%!important;
width: 368px!important;
z-index: 2147483000!important
}
.wp-gr .wp-google-form.wp-google-form-left {
left: 0!important;
}
@media(max-width:460px) {
.wp-gr .wp-google-form {
width: 100%!important
}
}
.wp-gr .wp-google-head {
position: absolute!important;
top: 0!important;
right: 0!important;
width: 100%!important;
height: 80px!important;
background: #fff!important;
padding: 10px 16px!important;
overflow: hidden!important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)!important;
z-index: 2147483002!important
}
.wp-gr .wp-google-head-inner {
z-index: 2147483000!important;
position: absolute!important;
left: 20px!important;
top: 20px!important;
width: 100%!important;
height: 100%!important;
pointer-events: none!important
}
.wp-gr .wp-google-close {
padding: 0!important;
cursor: pointer!important;
outline: 0!important;
border: 0!important;
background: 0 0!important;
min-height: 0!important;
width: auto!important;
float: right!important;
font-size: 32px!important;
font-weight: 500!important;
line-height: .6!important;
color: #999!important;
-webkit-appearance: none!important
}
.wp-gr .wp-google-close:hover {
color: #555!important
}
.wp-gr .wp-google-body {
position: absolute!important;
top: 0!important;
right: 0!important;
bottom: 0!important;
width: 100%!important;
background: rgba(250, 250, 251, .98)!important;
border-left: 1px solid #dadee2!important;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08)!important;
z-index: 2147483000!important
}
.wp-gr .wp-google-content {
position: absolute!important;
top: 0!important;
right: 0!important;
bottom: 0!important;
width: 100%!important;
overflow-y: auto!important;
z-index: 2147483001!important;
-webkit-transform: translateZ(0)!important
}
.wp-gr .wp-google-content {
top: 80px!important;
bottom: 48px!important
}
.wp-gr .wp-google-content-inner {
position: relative!important;
min-height: 100%!important;
margin: 0 auto!important
}
.wp-gr .wp-google-footer {
position: absolute!important;
bottom: 0!important;
right: 0!important;
width: 100%!important;
height: 48px!important;
text-align: center!important;
z-index: 2147483002!important;
background: #fff!important;
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .06)!important;
-moz-text-align-last: center!important;
text-align-last: center!important
}
.wp-gr .wp-google-footer img {
float: right!important;
padding: 16px!important
}
.wp-gr.wp-dark .wp-google-name {
color: #eee!important
}
.wp-gr.wpac.wp-dark .wp-google-name a {
color: var(--head-based-color, #eeeeee)!important
}
.wp-gr.wp-dark .wp-google-time {
color: #bbb!important
}
.wp-gr.wp-dark .wp-google-text {
color: #ececec!important
}
.wp-gr.wp-dark .wp-google-powered {
color: var(--powered-color, #ffffff)!important
}
.wp-gr.wp-dark .wp-google-based {
color: var(--head-based-color, #999999)!important
}
.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
background: var(--rev-color, #fafafa)!important;
}
.wp-gr.wpac .wp-google-name {
font-size: 100%!important
}
.wp-gr.wpac .wp-google-hide,
.wp-gr.wpac .grw-hide {
display: none
}
.wp-gr.wpac .wp-google-name a {
color: var(--head-name-color, #333333)!important;
font-size: 100%!important;
text-decoration: none!important
}
.wp-gr.wpac .wp-google-left img {
width: 46px!important;
height: 46px!important;
border-radius: 50%!important
}
.wp-gr.wpac a.wp-google-name {
color: #154fc1!important;
text-decoration: none!important;
white-space: nowrap!important;
text-overflow: ellipsis!important;
}
.wp-gr.wpac .wp-google-review .wp-google-stars {
display: inline-block;
margin-right: 4px!important
}
@media(max-width: 480px) {
.wp-google-badge.wp-google-badge-fixed.wp-google-badge-hide {
display: none!important;
}
}
@media(max-width: 480px) {
.wp-google-badge.wp-google-badge_left-fixed.wp-google-badge-hide {
display: none!important;
}
} .wp-gr {
display: block!important;
width: 100%!important;
padding-bottom: 20px!important;
text-align: left!important;
direction: ltr!important;
box-sizing: border-box!important;
}
.wp-gr .grw-row {
display: -ms-flexbox!important;
display: flex!important;
flex-wrap: nowrap!important;
align-items: center!important;
-ms-flex-wrap: nowrap!important;
-ms-flex-align: center!important;
} .wp-gr .grw-row-xs {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.wp-gr .grw-row-xs .grw-header,
.wp-gr .grw-row-xs .grw-content,
.wp-gr .grw-row-xs .grw-review,
.wp-gr .grw-row-x .grw-header + .grw-content .grw-review { --gap: 0;
--col: 1;
}
.wp-gr .grw-row-xl .grw-header + .grw-content { --gap: .2;
--col: 1.2;
}
.wp-gr .grw-row-l .grw-header + .grw-content { --gap: .25;
--col: 1.25;
}
.wp-gr .grw-row-m .grw-header + .grw-content { --gap: .333333;
--col: 1.333333;
}
.wp-gr .grw-row-s .grw-header + .grw-content { --gap: .5;
--col: 1.5;
}
.wp-gr .grw-row-x .grw-header,
.wp-gr .grw-row-x .grw-header + .grw-content,
.wp-gr .grw-row-x .grw-review,
.wp-gr .grw-row-s .grw-header + .grw-content .grw-review { --gap: 1;
--col: 2;
}
.wp-gr .grw-row-s .grw-header,
.wp-gr .grw-row-s .grw-review,
.wp-gr .grw-row-m .grw-header + .grw-content .grw-review { --gap: 2;
--col: 3;
}
.wp-gr .grw-row-m .grw-header,
.wp-gr .grw-row-m .grw-review,
.wp-gr .grw-row-l .grw-review { --gap: 3;
--col: 4;
}
.wp-gr .grw-row-l .grw-header,
.wp-gr .grw-row-xl .grw-review { --gap: 4;
--col: 5;
}
.wp-gr .grw-row-xl .grw-header { --gap: 5;
--col: 6;
}
.wp-gr .grw-header,
.wp-gr .grw-content {
-ms-flex: 1 0 calc(100% / var(--col, 3))!important;
flex: 1 0 calc(100% / var(--col, 3))!important;
width: calc(100% / var(--col, 3))!important;
}
.wp-gr .grw-review {
-ms-flex: 1 0 calc((100% - var(--card-gap, 16px)*var(--gap, 2)) / var(--col, 3))!important;
flex: 1 0 calc((100% - var(--card-gap, 16px)*var(--gap, 2)) / var(--col, 3))!important;
width: calc((100% - var(--card-gap, 16px)*var(--gap, 2)) / var(--col, 3))!important;
} .wp-gr .grw-content {
position: relative!important;
min-width: 0!important;
}
.wp-gr .grw-content-inner {
position: relative!important;
display: flex!important;
align-items: center!important;
}
.wp-gr .grw-review-inner {
display: flex;
flex-direction: column;
gap: var(--rev-gap);
height: 100%!important;
}
.wp-gr .grw-header-inner,
.wp-gr .grw-review-inner {
position: relative!important; padding: 15px!important;
width: 100%!important;
}
.wp-gr .grw-review-inner.grw-round {
border-radius: 4px!important
}
.wp-gr .grw-review-inner.grw-shadow {
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important
}
.wp-gr .grw-review-inner > svg {
position: absolute!important;
top: 10px!important;
right: 10px!important;
width: 18px!important;
height: 18px!important;
}
.wp-gr .grw-reviews {
display: flex!important;
display: -ms-flexbox!important;
flex: 1!important;
overflow: hidden!important;
scrollbar-width: none;
}
.wp-gr .grw-reviews::-webkit-scrollbar {
display: none!important;
}
.wp-gr .grw-review {
display: flex;
position: relative!important;
justify-content: center!important;
align-items: center!important;
flex-shrink: 0!important;
width: 100%!important;
padding: var(--rev-padding)!important;
}  .wp-gr .grw-btns { height: 33px!important;
width: 33px!important;
text-align: center!important;
cursor: pointer!important;
border-radius: 50%!important;
user-select: none!important;
}
.wp-gr .grw-btns svg path {
fill: #aaa;
transition: all .2s ease-in-out!important;
}
.wp-gr .grw-btns:hover svg path {
fill: #555!important;
} [dir="rtl"] .wp-gr .grw-next,
[dir="rtl"] .wp-gr .grw-prev {
transform: rotate(180deg);
}   .wp-gr .grw-review .wp-google-left {
display: block!important;
overflow: hidden!important;
white-space: nowrap!important;
text-overflow: ellipsis!important;
line-height: 24px !important;
}
.wp-gr .grw-review .wp-google-stars {
margin: 8px 0 var(--rev-gap)!important;
}
.wp-gr .grw-review .wp-google-feedback {
height: 100px!important;
overflow-y: auto!important; }
.wp-gr .grw-scroll::-webkit-scrollbar {
width: 4px!important;
}
.wp-gr .grw-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)!important;
-webkit-border-radius: 4px!important;
border-radius: 4px!important;
}
.wp-gr .grw-scroll::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px!important;
border-radius: 10px!important;
background: #ccc!important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)!important;
}
.wp-gr .grw-scroll::-webkit-scrollbar-thumb:window-inactive {
background: #ccc!important;
} .wp-gr .wp-google-wr {
margin: 15px auto 8px!important;
}
.wp-gr .wp-google-wr a {
color: #fff!important;
padding: 6px 15px 10px!important;
outline: none !important;
border-radius: 27px!important;
background: var(--btn-color, #1f67e7)!important;
white-space: nowrap!important;
vertical-align: middle!important;
opacity: .9!important;
text-shadow: 1px 1px 0 #888!important;
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important;
user-select: none!important;
transition: all .2s ease-in-out!important;
}
.wp-gr .wp-google-wr a:hover {
opacity: .95!important;
background: var(--btn-color, #1f67e7)!important;
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24)!important;
}
.wp-gr .wp-google-wr a:active {
opacity: 1!important;
background: var(--btn-color, #1f67e7)!important;
box-shadow: none!important;
}
.wp-gr .wp-google-wr a svg {
display: inline-block;
width: 16px;
height: 16px;
padding: 1px;
margin: 0 0 0 4px;
background: #fff;
border-radius: 50%;
} .wp-gr[data-layout="slider"] .grw-reviews { gap: calc(var(--card-gap, 16px) - var(--rev-padding));
overflow-x: scroll!important;
flex-wrap: nowrap!important;
-ms-flex-wrap: nowrap!important;
scroll-snap-type: x mandatory!important;
scroll-behavior: smooth!important;
-webkit-overflow-scrolling: touch!important;
}
.wp-gr[data-layout="slider"] .grw-review {
scroll-snap-align: start!important;
transform-origin: center center!important;
transform: scale(1)!important;
transition: transform 0.5s!important;
} .wp-gr {
--slider-dot-size: 8px;
}
.wp-gr .rpi-dots-wrap {
position: absolute!important;
top: calc(100% - 1px)!important;
left: 0!important;
right: 0!important;
display: flex!important;
justify-content: center!important;
margin: 0 var(--slider-btn)!important;
padding-top: var(--slider-dot-padding-top, 16px)!important;
}
.wp-gr .rpi-dots {
display: flex!important;
gap: 12px!important;
flex-wrap: nowrap!important;
overflow-x: scroll!important;
scrollbar-width: none!important;
scroll-snap-type: x mandatory!important; -webkit-overflow-scrolling: touch!important;
}
.wp-gr .rpi-dot {
display: inline-block!important;
width: var(--slider-dot-size)!important;
height: var(--slider-dot-size)!important;
margin: 1px 0!important;
background-color: var(--slider-dot-color, #999999)!important;
border-radius: 20px!important;
cursor: pointer!important;
opacity: .4!important;
vertical-align: middle!important;
flex: 1 0 auto!important;
width: var(--slider-dot-size)!important;
transform: scale(0.65)!important;
scroll-snap-align: center!important;
}
.wp-gr .rpi-dot:hover {
opacity: 1!important;
}
.wp-gr .rpi-dot.active {
opacity: 1!important;
transform: scale(1.1)!important;
background-color: var(--slider-act-dot-color, #154fc1)!important;
}
.wp-gr .rpi-dot.s2 {
transform: scale(.9)!important;
}
.wp-gr .rpi-dot.s3 {
transform: scale(.75)!important;
} .wp-gr[data-layout="grid"] .grw-reviews { gap: calc(var(--card-gap, 16px) - var(--rev-padding));
flex-wrap: wrap !important;
-ms-flex-wrap: wrap!important;
} .wp-gr .grw-b {
font-weight: bold!important;
white-space: nowrap !important;
}
.wp-gr .wp-google-reply {
font-size: 14px !important;
margin-top: auto !important;
margin-left: 6px !important;
padding-left: 6px !important;
border-left: 1px solid #999 !important;
overflow: hidden !important;
overflow-y: auto !important;
line-height: 20px !important;
max-height: 44px !important;
}
.wp-gr .wp-google-reply > div {
display: flex;
gap: 4px;
align-items: center;
}
.wp-gr .wp-google-reply .wp-google-time {
font-size: 11px !important;
white-space: nowrap !important;
}
.wp-gr .wp-google-img {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.wp-gr .wp-google-img img {
display: flex;
width: 40px !important;
height: 40px !important;
cursor: pointer !important;
border-radius: 3px !important;
box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important;
}