/** *------------------------------------------------------------------------------ * @package Addon UT Testimonials *------------------------------------------------------------------------------ * @copyright Copyright (C) 2015 - 2025 Unitemplates.com. All Rights Reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @authors Unitemplates * @Link: http://www.unitemplates.com *------------------------------------------------------------------------------ */ /* ===== UT Testimonials basic style ===== */ .ut-testimonial-message > div:nth-child(2){margin-top: 20px;} .author-avatar{display: flex;} .author-avatar img{width: auto;display: inline-block;} .avatar-author-before{margin-top: 20px;} .avatar-author-after{margin-bottom: 20px} .avatar-author-left{margin-left: 15px;} .avatar-author-right{margin-right: 15px;} .avatar-author-top, .avatar-author-bottom, .avatar-author-after, .avatar-author-before{margin-left: auto;margin-right: auto;display: inline-block;} .author-top, .author-bottom, .author-before, .author-after{flex-direction: column;} .author-left, .author-right{align-items: center;} .ut-testimonial-rating .rating{position: relative;display:inline-block;letter-spacing: 4px;} .ut-testimonial-rating .rating::before, .ut-testimonial-rating .rating::after{content: "\f005\f005\f005\f005\f005";font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";} .ut-testimonial-rating .rating::before{width: 90%;width: calc(90% - 2px);overflow: hidden;display: block;font-weight: 900;position: relative;z-index: 0;} .ut-testimonial-rating .rating::after{position: absolute;top: 0; left: 0;z-index: 1;font-weight: 400;} .ut-testimonial-item.testimonial-avatar-before .author-avatar{margin-bottom:20px;} .ut-testimonial-item.testimonial-avatar-after .author-avatar{margin-top: 20px;} .ut-testimonial-item.testimonial-avatar-left .author-avatar{padding-right: 0;} .ut-testimonial-item.testimonial-avatar-right .author-avatar{padding-left: 0;} @media (max-width:767.98px){ .ut-testimonial-item > .sppb-row > div:last-child{margin-top:15px;} } /* Animation */ .ut-testimonial-item:hover .utZoomIn{transform:scale(1.1);} .ut-testimonial-item:hover .utZoomOut{transform:scale(0.9);} .ut-testimonial-item:hover .utFlipX{transform:scaleX(-1);} /* ===== UT Clients Addon ===== */ .sppb-addon-ut-clients .client-item .sppb-img-responsive{display: inline-block;} /* Animation */ .client-item:hover .utZoomIn{transform:scale(1.1);} .client-item:hover .utZoomOut{transform:scale(0.9);} .client-item:hover .utFlipX{transform:scaleX(-1);} /* ===== UT Person and UT Person Carousel Addons ===== */ .ut-person .person-image{position: relative;overflow: hidden;} .ut-person .person-overlay{position: absolute;top: 0; left: 0;width: 100%; height: 100%;} .ut-person .person-information{margin-top: 15px;} .ut-person .person-information span{display: block;} .ut-person .person-name{font-size: 16px; font-weight: 700;} .ut-person .person-designation{font-size: 12px;} .ut-person .person-social-icons{margin-top: 15px;} .ut-person .person-social{list-style: none;display: block;padding: 0; margin: 0 -8px;} .ut-person .person-social > li{display: inline-block;margin: 0 8px;} .ut-person .person-social > li > a{display: block;font-size: 16px; line-height: 16px;} .ut-person .person-description{margin-top: 15px;} /* ===== UT Image Lazy ===== */ .ut-addon-imagelazy{overflow: hidden;} .imagelazy-description, .imagelazy-button{margin-bottom: 20px;} .imagelazy-image-ct{position: relative;overflow: hidden;} .imagelazy-image-ct > a{display: block;} .imagelazy-image-ct > a::after{content: ""; position: absolute; top: 0;left: 0;width: 100%; height: 100%;opacity: 0; transition: all 400ms ease-in-out;} .imagelazy-image-ct .sppb-img-responsive{display: block;width: 100%;} .imagelazy-overlay{padding: 20px; display: flex; justify-content: center;align-items: center;opacity: 0; position: absolute;top: 0; right: 0; bottom: 0; left: 0; transition: all 400ms ease-in-out;} .imagelazy-overlay-inner > div:last-of-type{margin-bottom: 0;} .ut-addon-imagelazy:hover .imagelazy-overlay{opacity: 1;} .ut-addon-imagelazy:hover .imagelazy-image-ct > a::after{opacity: 1;} /* ===== UT Animated Number */ .ut-addon-animated-number .icon-container{display:inline-block;} .ut-addon-animated-number .icon-container i{text-align:center;} .ut-addon-animated-number .icon-container.left{margin-right:15px;} .ut-addon-animated-number .icon-container.left + .number-container{text-align:left;} .ut-addon-animated-number .icon-container.right{margin-left:15px;} .ut-addon-animated-number .icon-container.right + .number-container{text-align:right;} .ut-addon-animated-number .icon-container.top{margin-bottom:15px;} .ut-addon-animated-number .icon-container.bottom{margin-top:15px;} .ut-addon-animated-number .number-container{overflow:hidden;} .ut-addon-animated-number .sppb-animated-number, .ut-addon-animated-number .sppb-animated-number-title{line-height: 1;} /* ===== effects for ut testimonial and utclients ===== */ /*on-static*/ .effect-on-static .blur{filter:blur(1px);} .effect-on-static .grayscale{filter:grayscale(1);} .effect-on-static .opacity{filter:opacity(0.5);} .effect-on-static .sepia{filter:sepia(1);} .effect-on-static .sepia50{filter:sepia(0.5);} .effect-on-static .saturate{filter:saturate(3);} .effect-on-static .contrast{filter:contrast(5);} .effect-on-static .hue-rotate{filter:hue-rotate(50%);} .effect-on-static:hover .blur, .effect-on-static:hover .grayscale, .effect-on-static:hover .opacity, .effect-on-static:hover .sepia, .effect-on-static:hover .sepia50, .effect-on-static:hover .saturate, .effect-on-static:hover .contrast, .effect-on-static:hover .hue-rotate{filter:none;} /* on-hover */ .effect-on-hover:hover .blur{filter:blur(1px);} .effect-on-hover:hover .grayscale{filter:grayscale(1);} .effect-on-hover:hover .opacity{filter:opacity(0.5);} .effect-on-hover:hover .sepia{filter:sepia(1);} .effect-on-hover:hover .sepia50{filter:sepia(0.5);} .effect-on-hover:hover .saturate{filter:saturate(3);} .effect-on-hover:hover .contrast{filter:contrast(5);} .effect-on-hover:hover .hue-rotate{filter:hue-rotate(50%);} /* on-both */ .effect-on-both .blur{filter:blur(1px);} .effect-on-both .grayscale{filter:grayscale(1);} .effect-on-both .opacity{filter:opacity(0.5);} .effect-on-both .sepia{filter:sepia(1);} .effect-on-both .sepia50{filter:sepia(0.5);} .effect-on-both .saturate{filter:saturate(3);} .effect-on-both .contrast{filter:contrast(5);} .effect-on-both .hue-rotate{filter:hue-rotate(-50%);} /* transition for effects and animations */ .blur, .grayscale, .opacity, .sepia, .sepia50, .saturate, .contrast, .hue-rotate, .utZoomIn, .utZoomOut, .utFlipX{transition:all 400ms ease-in-out;}