.uacf7-star-ratting {
display: flex;
}
.uacf7-star-ratting .uacf7-star {
font-size: 20px;
padding: 5px !important;
display: inline-block;
position: relative;
}
.uacf7-star span {
color: #D8D8D8;
}
.uacf7-star.active span,
.uacf7-star.checked span {
color: #FFBF00 !important;
}
.uacf7-icon {
cursor: pointer;
}
.uacf7-icon.active,
.uacf7-icon.checked {
color: #FFBF00 !important;
}
.uacf7-icon:hover i {
transform: rotate(34deg);
}
.uacf7-icon i {
transition: 0.4s;
}
.uacf7-star-ratting.style-2 .uacf7-star.checked .uacf7-icon i,
.uacf7-star-ratting.style-2 .uacf7-star.active .uacf7-icon i {
transform: scale(1.3);
}
.uacf7-star-ratting-wrap img {
height: 50px;
width: 50px;
}
.uacf7-star-ratting-wrap.style-3 {
width: 170px;
}
.uacf7-star-ratting-wrap.style-4 {
width: 170px;
}
.uacf7-star-emoji {
padding: 20px;
}
.uacf7-star-emoji {
padding: 12px;
}
.uacf7-star-ratting-wrap.style-4 .emoji,
.uacf7-star-ratting-wrap.style-3 .emoji {
position: absolute;
bottom: 100% !important;
height: 100%;
width: 100%;
padding: 10px;
left: 0;
transition: 0.4s;
visibility: hidden;
opacity: 0;
}
.uacf7-star-ratting-wrap.style-4 .emoji.checked,
.uacf7-star-ratting-wrap.style-4 .emoji.active,
.uacf7-star-ratting-wrap.style-3 .emoji.checked,
.uacf7-star-ratting-wrap.style-3 .emoji.active {
visibility: visible;
opacity: 1;
bottom: 0 !important;
transition: 0.4s;
}
.uacf7-star-ratting-wrap.style-4 .uacf7-star-emoji,
.uacf7-star-ratting-wrap.style-3 .uacf7-star-emoji {
position: relative;
height: 70px;
bottom: 0;
overflow: hidden;
}
.uacf7-star-ratting-wrap.style-3 .emoji {
bottom: 0 !important;
}
.style-5 .uacf7-icon:hover i {
transform: scale(1.4);
}
.uacf7-star.uacf7-star-disabled:hover span {
color: #FF4F03;
}
.uacf7-star.uacf7-star-disabled.checked .uacf7-icon,
.uacf7-star.uacf7-star-disabled.active .uacf7-icon {
color: #FF4F03 !important;
}
.uacf7-star-ratting.style-7 .uacf7-star .uacf7-icon,
.uacf7-star-ratting.style-8 .uacf7-star .uacf7-icon {
width: 45px;
height: 45px;
display: inline-block;
text-align: center !important;
padding-top: 4px;
transition: 0.4s;
}
.uacf7-star-ratting.style-7 .uacf7-star.checked .uacf7-icon,
.uacf7-star-ratting.style-7 .uacf7-star.active .uacf7-icon,
.uacf7-star-ratting.style-8 .uacf7-star.checked .uacf7-icon,
.uacf7-star-ratting.style-8 .uacf7-star.active .uacf7-icon {
box-shadow: 0px 0px 9px -2px #ddd;
border-radius: 50%;
transition: 0.4s;
}
.uacf7-star-ratting.style-8 .uacf7-star.active .uacf7-icon,
.uacf7-star-ratting.style-8 .uacf7-star.checked .uacf7-icon {
border-radius: 10px;
}
.uacf7-star-ratting.style-9 .uacf7-star {
height: 45px;
width: 45px;
text-align: center !important;
}
.uacf7-star-ratting.style-9 .uacf7-star.checked {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.uacf7-star-ratting.style-9 .uacf7-star.checked.border-right {
border-right: 1px solid #ddd;
}
.uacf7-star-ratting.style-9 .uacf7-star.checked:first-child {
border-left: 1px solid #ddd;
}
.uacf7-star-disabled .uacf7-icon.active,
.uacf7-star-disabled .uacf7-icon.checked {
color: #D8D8D8 !important;
}
.uacf7-star-ratting-imgoji img {
margin: 0 auto;
} .jq-ry-container {
position: relative;
padding: 0 5px;
line-height: 0;
display: block;
cursor: pointer;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
direction: ltr;
}
.jq-ry-container[readonly="readonly"] {
cursor: default;
}
.jq-ry-container>.jq-ry-group-wrapper {
position: relative;
width: 100%;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
position: relative;
line-height: 0;
z-index: 10;
white-space: nowrap;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>i {
display: inline-block;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
width: 100%;
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
width: 0;
z-index: 11;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}   .uacf7-single-review {
margin: 15px 0px;
}
.uacf7-review-star span {
color: #FFA41C;
font-size: 12px;
}
.uacf7-review-img img {
height: 35px;
width: 35px;
border-radius: 50%;
margin-right: 7px;
}
.uacf7-review-info {
display: block ruby !important;
}
.uacf7-review-user {
display: inline-flex !important;
margin-bottom: 9px;
}
.uacf7-review-info .uacf7-review-star {
margin-right: 10px;
}
.uacf7-review-desc p {
margin-bottom: 0;
}
.uacf7-review-inner {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.uacf7-review-col-4 {
width: 25%;
}
.uacf7-review-col-3 {
width: 33.33%;
}
.uacf7-review-col-2 {
width: 50%;
}
.uacf7-review-col-1 {
width: 100%;
}
.uacf7-single-review-wrap {
margin: 0 10px;
background-color: #F8F8F8;
padding: 30px;
border-radius: 5px;
}
.uacf7-review-inner .owl-nav {
position: absolute;
top: -30px;
right: 10px;
}
.uacf7-review-inner .owl-nav .owl-next span,
.uacf7-review-inner .owl-nav .owl-prev span {
font-size: 20px;
line-height: 0 !important;
font-weight: 700;
margin-top: -2px;
display: inline-block;
text-align: center;
}
.uacf7-review-inner .owl-nav .owl-next,
.uacf7-review-inner .owl-nav .owl-prev {
background-color: #FFA41C !important;
height: 30px;
width: 30px;
border-radius: 50%;
text-align: center;
margin-left: 10px;
color: #fff !important;
transition: 0.4s;
}
.uacf7-review-inner .owl-nav .owl-next:hover,
.uacf7-review-inner .owl-nav .owl-prev:hover {
background-color: #000 !important;
}
.ueacf7-review-carousel .uacf7-review-img img {
width: 35px !important;
}
.uacf7-review-wrap {
margin-top: 35px;
} @media (max-width: 992px) {
.uacf7-review-col-4 {
width: 33.33% !important;
}
} @media (max-width: 768px) {
.uacf7-review-col-3,
.uacf7-review-col-4 {
width: 50% !important;
}
} @media (max-width: 576px) {
.uacf7-review-col-2,
.uacf7-review-col-3,
.uacf7-review-col-4 {
width: 100% !important;
}
}