JezK
Edit File: testimonial.css
.gel-testimonial { position: relative; --gel-testimonial-image-size: 100%; } .gel-testimonial.img-circle .author-avatar > .g5core__lazy-image, .gel-testimonial.img-circle .author-avatar > img { border-radius: 50%; } .gel-testimonial .author-avatar { display: inline-block; } .gel-testimonial .testimonial-content p { margin-bottom: 0; } .gel-testimonial .testimonial-rating { font-size: 14px; } .gel-testimonial .testimonial-rating .fa-star { color: #ffcb05; } .gel-testimonial .gel-testimonial-main-content { margin-bottom: 17px; } .gel-testimonial .author-attr h4 { margin-bottom: 0; } .gel-testimonial .author-attr h4 a { color: inherit; } .gel-testimonial .author-attr h4 a:hover { color: inherit; } .gel-testimonial .triangle-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; margin: 0 37px; } .gel-testimonial .triangle-down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; margin: 0 37px; } .gel-testimonial .content-quote:before { content: "\f10d"; font-family: var(--g5-font-icon); padding-right: 7px; display: inline-block; font-size: 6px; position: relative; top: -0.75rem; } .gel-testimonial .content-quote:after { content: "\f10e"; font-family: var(--g5-font-icon); padding-left: 7px; font-size: 6px; position: relative; top: -0.75rem; } .gel-testimonial .author-avatar { overflow: hidden; position: relative; width: var(--gel-testimonial-image-size); max-width: 100%; } .gel-testimonial .author-avatar:before { content: ""; display: block; padding-top: 100%; } .gel-testimonial .author-avatar > .g5core__lazy-image, .gel-testimonial .author-avatar > img { position: absolute; top: 50%; left: 50%; height: auto; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gel-testimonial.img-size-sm { --gel-testimonial-image-size: 60px; } .gel-testimonial.img-size-md { --gel-testimonial-image-size: 80px; } .gel-testimonial.img-size-lg { --gel-testimonial-image-size: 120px; } .align-left.testimonial-style-03 .author-attr h4, .align-left.testimonial-style-04 .author-attr h4 { margin-right: 7px; } .align-right { text-align: right; } .align-right .author-avatar img { margin-left: auto; } .align-right .triangle-down, .align-right .triangle-up { margin-left: auto; } .align-right.testimonial-style-03 .author-info, .align-right.testimonial-style-04 .author-info { flex-direction: row-reverse; } .align-right.testimonial-style-03 .author-avatar, .align-right.testimonial-style-04 .author-avatar { padding-left: 1.5625rem; padding-right: 0; } .align-right.testimonial-style-03 .author-attr, .align-right.testimonial-style-04 .author-attr { -ms-flex-pack: end; justify-content: flex-end; } .align-right.testimonial-style-03 .author-attr h4, .align-right.testimonial-style-04 .author-attr h4 { margin-top: 0; } .align-right.testimonial-style-03 .author-attr span, .align-right.testimonial-style-04 .author-attr span { margin-left: 13px; } .align-right.testimonial-style-06, .align-right.testimonial-style-07 { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .align-right.testimonial-style-06 .author-avatar, .align-right.testimonial-style-07 .author-avatar { padding-left: 1rem; padding-right: 0; } .align-right.testimonial-style-06 .author-attr, .align-right.testimonial-style-07 .author-attr { -ms-flex-pack: end; justify-content: flex-end; } .align-center { text-align: center; } .align-center .author-avatar img { margin: auto; } .align-center .triangle-down, .align-center .triangle-up { margin: auto; } .align-center.testimonial-style-03 .author-info, .align-center.testimonial-style-04 .author-info { -ms-flex-pack: center; justify-content: center; } .align-center.testimonial-style-03 .testi-right, .align-center.testimonial-style-04 .testi-right { text-align: initial; } .align-center.testimonial-style-03 .author-attr h4, .align-center.testimonial-style-04 .author-attr h4 { margin-right: 13px; } .align-center.testimonial-style-06, .align-center.testimonial-style-07 { -ms-flex-pack: center; justify-content: center; } .align-center.testimonial-style-06 .testimonial-content, .align-center.testimonial-style-07 .testimonial-content { text-align: initial; } .align-center.testimonial-style-06 .testimonial-rating, .align-center.testimonial-style-07 .testimonial-rating { text-align: initial; } .testimonial-style-01 .author-info { padding-bottom: 1.0625rem; } .testimonial-style-01 .author-info .author-avatar { margin-bottom: 1.25rem; } .testimonial-style-01 .testi-quote { padding-top: 0; } .testimonial-style-01 .testimonial-rating { margin-top: 14px; } .testimonial-style-02 .testimonial-rating { margin-top: 13px; } .testimonial-style-02 .author-avatar { margin-bottom: 1.5rem; } .testimonial-style-02 .testi-quote { padding-bottom: 29px; } .testimonial-style-03 .author-info, .testimonial-style-04 .author-info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .testimonial-style-03 .author-avatar, .testimonial-style-04 .author-avatar { margin-right: 1.5625rem; } .testimonial-style-03 .author-attr, .testimonial-style-04 .author-attr { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; } .testimonial-style-03 .author-avatar, .testimonial-style-04 .author-avatar { -ms-flex-negative: 0; flex-shrink: 0; } .testimonial-style-03 .author-info { margin-bottom: 1.25rem; } .testimonial-style-03 .author-info .testimonial-rating { margin-bottom: 7px; } .testimonial-style-03 .testimonial-content p { margin-bottom: 0; } .testimonial-style-04 .author-attr { -ms-flex-line-pack: center; align-content: center; } .testimonial-style-04 .testimonial-rating { padding-bottom: 5px; } .testimonial-style-04 .testi-quote { padding-bottom: 26px; } .testimonial-style-05 .author-info { padding: 0; } .testimonial-style-05 .author-avatar { margin-bottom: 1.25rem; } .testimonial-style-05 .author-attr h4 { display: inline-block; } .testimonial-style-05 .testimonial-rating { padding-bottom: 1rem; } .testimonial-style-05 .testimonial-content { padding-bottom: 0.9375rem; } .testimonial-style-06 { display: -ms-flexbox !important; display: flex !important; } .testimonial-style-06 .author-avatar { margin-top: 5px; margin-right: 1.5rem; } .testimonial-style-06 .testimonial-rating { padding-top: 1.25rem; } .testimonial-style-06 .author-attr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 21px; } .testimonial-style-06 .author-attr h4 { padding-right: 10px; } .testimonial-style-06.img-default .author-avatar { min-width: unset; } .testimonial-style-06 .testi-quote { -ms-flex: 1; flex: 1; } .testimonial-style-07 { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; } .testimonial-style-07 .author-avatar { margin-right: 1.5rem; } .testimonial-style-07 .testimonial-rating { padding-top: 1.25rem; } .testimonial-style-07 .author-attr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .testimonial-style-07 .author-attr h4 { padding-right: 5px; } .testimonial-style-07.img-default .author-avatar { min-width: unset; } .testimonial-style-07 .testi-quote { -ms-flex: 1; flex: 1; } @media only screen and (max-width: 768px) { .testimonial-style-06.img-default .testi-quote, .testimonial-style-07.img-default .testi-quote { flex-basis: auto; -webkit-flex-basis: auto; } } /*# sourceMappingURL=testimonial.css.map */