?
áEÓê¤ÎïLwebshll2019
.testimonial {
background-color: #f1f1f1;
padding-top: 80px;
padding-bottom: 80px;
.row {
margin-left: -25px;
margin-right: -25px;
}
[class*="col-"] {
padding-left: 25px;
padding-right: 25px;
}
}
.testimonial-slider {
.testimonial-item {
margin-left: 15px;
margin-right: 15px;
}
}
.testimonial-item {
padding-top: 10px;
blockquote {
position: relative;
display: block;
background-color: #fff;
margin-top: 20px;
padding: 25px;
min-height: 220px;
.author-img {
position: absolute;
left: 25px; top: -12px;
z-index: 9;
display: inline-block;
width: 60px; height: 60px;
padding: 3px;
background-color: #fff;
@include box-shadow(0 0 4px rgba(0,0,0,.1));
@include rounded(50%);
overflow: hidden;
img {
width: 60px;
@include rounded(50%);
}
}
p {
font-family: $la;
font-style: normal;
font-size: 14px;
color: #666;
margin-top: 35px;
line-height: 1.8em;
}
cite {
display: block;
position: absolute;
width: 100%;
top: 0; left: 0;
line-height: 36px;
background-color: #e3e3e3;
padding-left: 95px;
padding-right: 25px;
font-family: $ms;
font-size: 12px;
color: #141414;
text-transform: uppercase;
@include transition;
background-color: #1b1b1b;
color: #fff;
}
&:hover {
cite {
background-color: $color;
color: #141414;
}
}
}
}
.bg-color {
~ .container {
.testimonial-item {
blockquote {
&:hover {
cite {
background-color: #1b1b1b;
color: $color;
}
}
}
}
}
}