$slg: trustreviews;

.#{$slg} .#{$slg}-rating {
    color: #0866ff!important;
    font-size: 21px!important;
    font-weight: 600!important;
    margin: 0 6px 0 0!important;
    vertical-align: middle!important
}

.#{$slg} .#{$slg}-stars svg {
    display: inline-block!important;
    width: 19px!important;
    height: 19px!important;
    padding: 0 4px 0 0!important;
    line-height: 22px!important;
    vertical-align: middle!important
}

.#{$slg} .#{$slg}-stars svg use {
  fill: #0866ff;
}

.#{$slg} [data-rev="google"] .#{$slg}-stars svg use {
  fill: #fb8e28;
}

.#{$slg} [data-rev="yelp"] .#{$slg}-stars svg use {
  fill: #d80027;
}

.#{$slg} .#{$slg}-powered {
    color: #555!important;
    margin: 6px 0 0!important
}

.#{$slg} .#{$slg}-powered[data-platform="google"] img {
  max-width: 144px !important;
}

.#{$slg} .#{$slg}-powered[data-platform="yelp"] img {
  max-height: 25px !important;
  vertical-align: sub !important;
}

.#{$slg} .#{$slg}-powered[data-platform="facebook"] span {
  color: #0866FF !important;
  font-weight: 600 !important;
  opacity: 0.8 !important;
}

.#{$slg} .#{$slg}-list-review {
    margin-top: 15px!important
}

.#{$slg} .#{$slg}-left {
    display: table-cell!important;
    vertical-align: top!important
}

[dir="ltr"] .#{$slg}-left {
    padding-right: 10px!important
}

[dir="rtl"] .#{$slg}-left {
    padding-left: 10px!important
}

.#{$slg} .#{$slg}-left img {
    border: none!important;
    float: left!important;
    height: 50px!important;
    width: 50px!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
}

.#{$slg} .#{$slg}-right {
    display: table-cell!important;
    vertical-align: top!important;
    width: 10000px!important
}

.#{$slg} .#{$slg}-place.#{$slg}-place-center {
    text-align: center !important;
}

.#{$slg} .#{$slg}-place.#{$slg}-place-center .#{$slg}-left {
    display: block !important;
}

.#{$slg} .#{$slg}-place.#{$slg}-place-center .#{$slg}-left img {
    float: none !important;
}

.#{$slg} .#{$slg}-place .#{$slg}-stars svg {
    width: 20px!important;
    height: 20px!important;
    vertical-align: middle!important
}

.#{$slg} .#{$slg}-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
}

.#{$slg} a.#{$slg}-name {
    color: #427fed!important;
    text-decoration: none!important
}

.#{$slg} .#{$slg}-time {
    color: #555!important;
    font-size: 13px!important
}

.#{$slg} .#{$slg}-text {
    color: #222!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
}

.#{$slg} .#{$slg}-text .#{$slg}-stars {
    padding-right: 7px!important
}

.#{$slg} .wp-more {
    display: none
}

.#{$slg} .wp-more-toggle {
    color: #136aaf!important;
    cursor: pointer!important;
    text-decoration: none!important
}

.#{$slg} .#{$slg}-url {
    display: block;
    margin: 10px 0!important;
    color: #136aaf!important;
    text-align: center!important
}

.#{$slg}.wp-dark .#{$slg}-name {
    color: #eee!important
}

.#{$slg}.wp-dark .#{$slg}-time {
    color: #bbb!important
}

.#{$slg}.wp-dark .#{$slg}-text {
    color: #ececec!important
}

.#{$slg}.wpac .#{$slg}-name {
    font-size: 100%!important
}

.#{$slg}.wpac .#{$slg}-hide {
    display: none
}

.#{$slg}.wpac .#{$slg}-name a {
    color: #333!important;
    font-size: 100%!important;
    text-decoration: none!important
}

.#{$slg}.wpac .#{$slg}-left img {
    width: 50px!important;
    height: 50px!important;
    border-radius: 50%!important
}

.#{$slg}.wpac a.#{$slg}-name {
    color: #154fc1!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
}

.#{$slg}.wpac .#{$slg}-list-review .#{$slg}-stars {
    display: inline-block;
    margin-right: 4px!important
}

.#{$slg}.wpac.wp-dark .#{$slg}-name a {
    color: #eee!important
}

.#{$slg}-fb {
  padding: 1px;
  width: 16px!important;
  height: 16px!important;
  border-radius: 50%;
  background: #0866ff!important;
}

/*-------------------------------- row --------------------------------*/
.#{$slg} {
    display: block!important;
    width: 100%!important;
    padding-bottom: 20px!important;
    text-align: left!important;
    direction: ltr!important;
    box-sizing: border-box!important;
}

.#{$slg} .#{$slg}-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;
}

/*-------------------------------- Row cols --------------------------------*/
.#{$slg} .#{$slg}-row-xs {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.#{$slg} .#{$slg}-row-xs .#{$slg}-header,
.#{$slg} .#{$slg}-row-xs .#{$slg}-content,
.#{$slg} .#{$slg}-row-xs .#{$slg}-review,
.#{$slg} .#{$slg}-row-x .#{$slg}-header + .#{$slg}-content .#{$slg}-review {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.#{$slg} .#{$slg}-row-xl .#{$slg}-header + .#{$slg}-content {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.#{$slg} .#{$slg}-row-l .#{$slg}-header + .#{$slg}-content {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.#{$slg} .#{$slg}-row-m .#{$slg}-header + .#{$slg}-content {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.#{$slg} .#{$slg}-row-s .#{$slg}-header + .#{$slg}-content {
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
}

.#{$slg} .#{$slg}-row-x .#{$slg}-header,
.#{$slg} .#{$slg}-row-x .#{$slg}-header + .#{$slg}-content,
.#{$slg} .#{$slg}-row-x .#{$slg}-review,
.#{$slg} .#{$slg}-row-s .#{$slg}-header + .#{$slg}-content .#{$slg}-review {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.#{$slg} .#{$slg}-row-s .#{$slg}-header,
.#{$slg} .#{$slg}-row-s .#{$slg}-review,
.#{$slg} .#{$slg}-row-m .#{$slg}-header + .#{$slg}-content .#{$slg}-review {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.#{$slg} .#{$slg}-row-m .#{$slg}-header,
.#{$slg} .#{$slg}-row-m .#{$slg}-review,
.#{$slg} .#{$slg}-row-l .#{$slg}-review {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.#{$slg} .#{$slg}-row-l .#{$slg}-header,
.#{$slg} .#{$slg}-row-xl .#{$slg}-review {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.#{$slg} .#{$slg}-row-xl .#{$slg}-header {
    -ms-flex: 0 0 16.666666%;
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}

/*-------------------------------- Reviews --------------------------------*/
.#{$slg} .#{$slg}-content {
    position: relative!important;
    min-width: 0!important;
}

.#{$slg} .#{$slg}-content-inner {
    position: relative!important;
}

.#{$slg} .#{$slg}-header-inner,
.#{$slg} .#{$slg}-review-inner {
    position: relative!important;
    margin: 0 10px!important;
    padding: 15px!important;
    width: 100%!important;
}

.#{$slg}:not(.wp-dark) .#{$slg}-review-inner.#{$slg}-backgnd {
    background: #fafafa!important;
}

.#{$slg} .#{$slg}-review-inner.#{$slg}-round {
    border-radius: 4px!important
}

.#{$slg} .#{$slg}-review-inner.#{$slg}-shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important
}

.#{$slg} .#{$slg}-review-inner > svg {
    position: absolute!important;
    top: 10px!important;
    right: 10px!important;
    width: 18px!important;
    height: 18px!important;
}

.#{$slg} .#{$slg}-reviews {
    display: flex!important;
    display: -ms-flexbox!important;
    overflow: hidden!important;
    scrollbar-width: none;
}

.#{$slg} .#{$slg}-reviews::-webkit-scrollbar {
    display: none!important;
}

.#{$slg} .#{$slg}-review {
    display: flex;
    position: relative!important;
    justify-content: center!important;
    align-items: center!important;
    flex-shrink: 0!important;
}

/*-------------------------------- Slider buttons --------------------------------*/
.#{$slg} .#{$slg}-controls {
    position: absolute!important;
    top: 50%!important;
    width: 100%!important;
}

.#{$slg} .#{$slg}-btns {
    position: absolute!important;
    height: 33px!important;
    width: 33px!important;
    text-align: center!important;
    cursor: pointer!important;
    border-radius: 50%!important;
    user-select: none!important;
    transition: all .2s ease-in-out!important;
}
.#{$slg} .#{$slg}-btns svg path {
    fill: #aaa;
}
.#{$slg} .#{$slg}-btns:hover svg path {
    fill: #555!important;
}
.#{$slg} .#{$slg}-btns.#{$slg}-prev {
    left: 0px!important;
    margin-left: -5px!important;
}
.#{$slg} .#{$slg}-btns.#{$slg}-next {
    right: 0px!important;
    margin-right: -5px!important;
}

/*-------------------------------- Slider dots --------------------------------*/
.#{$slg} .#{$slg}-dots {
    position: absolute!important;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
    text-align: center!important;
}

.#{$slg} .#{$slg}-dot {
    display: inline-block!important;
    width: 9px!important;
    height: 9px!important;
    margin: 3px!important;
    background: #cccccc!important;
    border-radius: 20px!important;
    cursor: pointer!important;
    opacity: 0.4!important;
    transition: all .2s ease-in-out!important;
}

.#{$slg} .#{$slg}-dot:hover {
    opacity: 1!important;
}

.#{$slg} .#{$slg}-dot.active {
    opacity: 1!important;
    background: #427fed !important;
}

/*-------------------------------- slider overrides --------------------------------*/
.#{$slg} .#{$slg}-review .#{$slg}-left {
    display: block!important;
    overflow: hidden!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    line-height: 24px !important;
}

.#{$slg} .#{$slg}-review .#{$slg}-stars {
    margin: 15px 0 7px!important;
}

.#{$slg} .#{$slg}-review .#{$slg}-feedback {
    height: 100px!important;
    overflow-y: auto!important;
    /*padding-right: 10px!important;*/
}

.#{$slg} .#{$slg}-review .#{$slg}-feedback::-webkit-scrollbar {
    width: 4px!important;
}

.#{$slg} .#{$slg}-review .#{$slg}-feedback::-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;
}

.#{$slg} .#{$slg}-review .#{$slg}-feedback::-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;
}

.#{$slg} .#{$slg}-review .#{$slg}-feedback::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc!important;
}

/*-------------------------------- writereview button --------------------------------*/
.#{$slg} .#{$slg}-wr {
    margin: 15px auto 8px !important;
}

.#{$slg} .#{$slg}-wr a {
    color: #fff!important;
    padding: 6px 15px 10px!important;
    outline: none !important;
    border-radius: 27px!important;
    background: #0a6cff!important;
    white-space: nowrap!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;
}

.#{$slg} .#{$slg}-wr a:hover {
    background: #1f67e7!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24)!important;
}

.#{$slg} .#{$slg}-wr a:active {
    background: #0a6cff!important;
    box-shadow: none!important;
}

.#{$slg} .#{$slg}-wr a svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 1px;
    margin: 0 0 0 4px;
    background: #fff;
    border-radius: 50%;
}

/*-------------------------------- slider --------------------------------*/
.#{$slg}[data-layout="slider"] .#{$slg}-reviews {
    margin: 0 20px!important;
    padding: 10px 0 15px!important;
    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;
}

.#{$slg}[data-layout="slider"] .#{$slg}-review {
    scroll-snap-align: start!important;
    transform-origin: center center!important;
    transform: scale(1)!important;
    transition: transform 0.5s!important;
}

/*-------------------------------- grid --------------------------------*/
.#{$slg}[data-layout="grid"] .#{$slg}-reviews {
    margin: 10px!important;
    padding: 0!important;
    flex-wrap: wrap !important;
    -ms-flex-wrap: wrap!important;
}

.#{$slg}[data-layout="grid"] .#{$slg}-review-inner {
    margin: 10px!important;
}

.#{$slg}[data-layout="grid"] .#{$slg}-header-inner {
    margin: 0 10px!important;
    padding: 0!important;
}