File: /home/imensosw/.trash/sass.3/sections/_testimonials.scss
/*Testimonial*/
.testimonial_review{
.reviewslide {width: 100%; max-width: 1070px; margin:0 auto; opacity: 1; padding:50px 50px 0px 50px; border-radius: 4px; position: relative;
&__authorimg{position: absolute; bottom: 0; left: 0; bottom: 0; width: 260px;
img{ position: relative; z-index: 1; width: 100%}
&:before {content: ""; position: absolute; width: 250px; height: 250px; background-color: #fedc86; left: 0px; top: 0px; z-index: 0; border-radius: 100%; transition: all ease .5s .3s;}
}
&__content{ padding-left: 280px; padding-right: 70px; padding-bottom: 70px; min-height: 320px;
.blockquote {color: $white; font-size: $basefont-size * 1.25; font-weight: 500; font-style: italic;
&:after {content: "\f10e"; font-family: FontAwesome; font-size: $basefont-size * 4; height: 80px; opacity: 0.07; position: absolute; right: 40px; top: 0; width: 80px; }
}
&-author{color: $white;font-size: $basefont-size * 1.125; font-weight: 600; margin-top: 10px;
.review-role{ color: rgba($white, .6); font-size: $basefont-size * .875; font-weight: normal;}
}
}
}
.swiper-slide {
&.swiper-slide-active{
.review_slide{
.author_img{
&:before {left: 24px; top: -25px; }
}
}
}
&.swiper-slide-active .review_slide {width: 80%; max-width: 1070px; margin:0 auto; opacity: 1; padding:50px 50px 0px 50px; border-radius: 4px; }
}
.swiper-button-next, .swiper-button-prev { top: auto; bottom: 10px; background: url(../images/arrow-right.webp) center no-repeat!important; background-size: 40px auto!important; opacity: .5; border-radius: 0%; transition: .5s all ease; overflow: hidden!important; box-shadow:none; height: 50px !important; width: 80px !important; z-index: 1;
&:after{ content: '';}
&:hover {opacity: 1;}
}
.swiper-button-next {right: 50% !important; left: auto; margin-right: -70px;
}
.swiper-button-prev { left: 50% !important; right: auto; margin-left:-70px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.swiper-slide.swiper-slide-active .reviewslide__authorimg:before {left: 24px; top: -25px; }
&.white{
.reviewslide__content{
.blockquote{ color: $black;}
&-author{ color: $black;
.review-role{color: rgba($black, 0.6);}
}
}
}
}
#whyus {
.testimonial_review{
.reviewslide{
&__content {padding-right: 0;
.blockquote {color: #000; font-size: 20px; font-weight: 500; font-style: italic; }
&-author {color:#000;
.review-role {color: #666; }
}
}
}
}
}
/*Testimonial*/