Issues:
1.review-vote {
2 border: 0;
3 background: none;
4 outline: 0;
5 opacity: .8;
6 padding: 0 3px;
7}
8.ex-like {
9 height: 19px;
10 width: 19px;
11 fill: #21a028;
12 vertical-align: sub;
13}
14.ex-dislike {
15 transform: rotate(180deg);
16 fill: #ff6464;
17 vertical-align: bottom;
18}
19.ex-reviews__carousel-container{
20 display: flex;
21 flex-direction: row;
22 flex-wrap: wrap;
23 justify-content: left;
24 padding: 5px;
25 overflow: hidden;
26}
27.ex-reviews__carousel{
28 margin: 0 0 60px;
29 z-index: 1;
30 border-radius: 4px;
31 width: 100%;
32 position: relative;
33}
34.ex-reviews__carousel-item{
35 background: #ffffff;
36 color: #000000;
37 border-radius: 4px;
38 border: 0px solid;
39 border: 1px solid;
40 border-color: #e8e8e8;
41 height: auto !important;
42 display: flex;
43 flex-direction: column;
44 overflow: hidden;
45 position: relative;
46}
47.ex-reviews__item-title{
48 font-size: 1.2em;
49 font-weight: 700;
50 text-align: left;
51 margin-bottom: 5px;
52}
53.ex-reviews__item-body{
54 padding: 10px;
55 flex: 1;
56}
57.ex-reviews__item-image img{
58 display: block;
59 margin: 0 auto;
60 max-width: 100%;
61}
62.review-footer-container{
63 padding: 5px 10px;
64 min-height: 40px;
65 background: #f6f6f6;
66 display: flex;
67 align-items: center;
68 flex-direction: row;
69 justify-content: flex-start;
70}
71.review-author {
72 flex: 1;
73}
74.carousel-rating-container {
75 text-align: center;
76}
77
78
79.allready-buy {
80 color: #0e921e;
81 padding-left: 5px;
82}
83.ex-cart-svg {
84 height: 15px;
85 width: 15px;
86 fill: #0e921e;
87 vertical-align: text-top;
88}
89.ex-star {
90 width: 17px;
91 height: 17px;
92 vertical-align: baseline;
93 fill: #ffcd00;
94}
95.ex-star-grey{
96 fill: #cccccc;
97}
98.rating-background{
99 display: inline-block;
100 background: #fbfbfb;
101 z-index: 5;
102 position: relative;
103
104}
105.ex-reviews__photo a {
106 position: relative;
107 border: none;
108 overflow: hidden;
109 padding: 0;
110 display: block;
111 margin: 3px 5px 3px 2px;
112 height: 60px;
113 width: 60px;
114 box-shadow: 1px 1px 5px #00000042;
115}
116.ex-reviews__photo a:hover img, .ex-reviews__video a:hover img{
117 transform: scale(1.1);
118 transition: all .1s ease-in-out;
119}
120.ex-reviews__video a {
121 position: relative;
122 border: none;
123 overflow: hidden;
124 padding: 0;
125 display: block;
126 margin: 3px 5px 3px 2px;
127 height: 60px;
128 width: 100px;
129 box-shadow: 1px 1px 5px #00000042;
130}
131.ex-reviews__video img{
132 max-width: 100%;
133}
134.ex-reviews__video .ex-youtube-svg {
135 position: absolute;
136 left: calc(50% - 11px);
137 height: 100%;
138 width: 22px;
139 top: 0;
140}
141.ex-reviews__thumbneils .imgbb{
142 height: 60px;
143 width: 60px;
144}
145
146.ex-reviews__thumbneils .image-crop{
147 height: 120px;
148 width: 120px;
149}
150
151.image-crop {
152 position: absolute;
153 max-width: 500px !important;
154 top: -40%;
155 left: -40%;
156}
157
158.ex-reviews__thumbneils > div {
159 display: inline-block;
160}
161.ex-reviews__thumbneils {
162 overflow: hidden;
163}
164.ex-reviews__carousel .swiper-pager{
165 position: unset;
166 display: none;
167}
168.ex-reviews__carousel:hover .ex-swiper-button-next {
169 opacity: 0.7;
170 right: 10px;
171}
172.ex-reviews__carousel:hover .ex-swiper-button-prev {
173 opacity: 0.7;
174 left: 10px;
175}
176.ex-swiper-button-prev, .ex-swiper-button-next {
177 color: rgba(0, 0, 0, 0.8);
178 text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
179 transition: all .3s ease;
180 background-image: none;
181 position: absolute;
182 top: 50%;
183 width: 27px;
184 height: 44px;
185 margin-top: -22px;
186 z-index: 10;
187 cursor: pointer;
188
-moz-background-size: 27px 44px;
189
-webkit-background-size: 27px 44px;
190 background-size: 27px 44px;
191 background-position: center;
192 background-repeat: no-repeat;
193}
194.ex-swiper-button-next:before {
195 width: 40px;
196 height: 40px;
197 font-family: FontAwesome;
198 content: "\f054";
199 color: rgba(0,0,0,0.8);
200 font-size: 40px;
201}
202.ex-swiper-button-prev:before {
203 width: 40px;
204 height: 40px;
205 font-family: FontAwesome;
206 content: "\f053";
207 color: rgba(0,0,0,0.8);
208 font-size: 40px;
209}
210.ex-carousel-btn{
211 position: absolute;
212 right: 10px;
213 bottom: -20px;
214 fill: currentColor;
215}
216.ex-arrow-right{
217 height: 9px;
218 width: 15px;
219}
220.ex-alert {
221 padding: 8px 14px 8px 14px !important;
222 margin: 5px 0 !important;
223 border: 1px solid transparent;
224 border-radius: 2px;
225}
226.ex-reviews__carousel .owl-wrapper-outer{
227 box-shadow: none;
228 background: transparent;
229}
230.ex-reviews__carousel .owl-pagination{
231 top: 10px;
232}
233.review-author-name{
234 font-size: 1.1em;
235 letter-spacing: -0.5px;
236}
237.review-rating-change-buttons {
238 font-size: 0.9em;
239 letter-spacing: -1px;
240 font-weight: 700;
241}
242@media( min-width: 768px){
243 .ex-swiper-button-next {
244 opacity: 0;
245 right: -20px;
246}
247 .ex-swiper-button-prev {
248 opacity: 0;
249 left: -20px;
250 }
251 .ex-reviews__carousel .swiper-pager{
252 display: block;
253 }
254}
255@media( max-width: 980px ){
256
257}
258@media( max-width: 480px ){
259
260}
261
262
263
264
265
266
267
268.ex-reviews__item-text{
269 margin-top: 15px;
270 margin-bottom: 10px;
271 color: #000000;
272 font-size: 14px;
273}