Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/
?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules
/* ==========================================================================
# Testimonial style - begin
========================================================================== */
.edgtf-testimonials{
display:none;
.edgtf-testimonial-text-holder {
position: relative;
display: block;
.edgtf-testimonial-text-inner {
display: block;
text-align: center;
}
}
.edgtf-testimonial-content{
text-align:center;
}
.edgtf-testimonial-text {
font-size: 16px;
line-height: 1.71em;
font-weight: 300;
}
.edgtf-testimonial-title{
margin:0 0 23px;
}
.edgtf-testimonial-author-text {
line-height: 1.1em;
text-transform:uppercase;
font-size: 18px;
font-weight: 600;
padding: 32px 0 3px 0;
.edgtf-testimonials-job{
text-transform:none;
}
span{
font-weight: 400;
font-size: 14px;
}
}
/* Testimonials image styles */
.edgtf-testimonial-image-holder{
text-align: center;
margin:0 0 18px;
display:inline-block;
img{
max-width: 100%;
vertical-align: middle;
border-radius:50%;
}
}
}
.edgtf-testimonials-holder{
&.with-quote{
.edgtf-testimonial-image-holder{
background-image: url('img/quote.png');
background-repeat: no-repeat;
padding: 0 75px;
}
}
}
.edgtf-testimonials.owl-carousel {
.owl-dots {
text-align: center;
margin-top: 16px;
.owl-dot {
display: inline-block;
}
.owl-dot span {
display: inline-block;
width: 5px;
height: 5px;
margin: 0 9px;
background-color: #333;
}
.owl-dot.active span {
background-color: $first-main-color;
}
}
}
/* light-dark skin */
.edgtf-testimonials.owl-carousel {
&.light{
.edgtf-testimonials-job,
.edgtf-testimonial-author-text,
.edgtf-testimonial-text,
.edgtf-testimonial-title{
color:#fff;
}
.owl-dots .owl-dot span{
background-color:#fff;
}
.owl-dot.active span {
background-color: $first-main-color;
}
}
&.dark{
.edgtf-testimonials-job,
.edgtf-testimonial-author-text,
.edgtf-testimonial-text,
.edgtf-testimonial-title{
color:$default-text-color;
}
.owl-dots .owl-dot span{
background-color:#c1c1c1;
}
.owl-dot.active span {
background-color: $first-main-color;
}
}
}
/* ==========================================================================
# Testimonial style - end
========================================================================== */