.king-addons-testimonial-layout { display: flex; } .king-addons-testimonial-image { flex-shrink: 0; } .king-addons-testimonial-image img { overflow: hidden; object-fit: cover; } .king-addons-testimonial-person-wrapper { display: flex; align-items: baseline; } /* LAYOUT - 1, 2, 3, 8 */ .king-addons-testimonial-layout-1, .king-addons-testimonial-layout-2, .king-addons-testimonial-layout-3, .king-addons-testimonial-layout-8 { flex-flow: column; } /* LAYOUT - 4 */ .king-addons-testimonial-layout-4 { justify-content: flex-start; } .king-addons-testimonial-layout-4 .king-addons-testimonial-content { text-align: start; display: flex; flex-flow: column; align-items: start; } .king-addons-testimonial-layout-4 .king-addons-testimonial-rating-general { --king-addons-testimonial-rating-justify-content: flex-start; } /* LAYOUT - 5 */ .king-addons-testimonial-layout-5 { justify-content: flex-end; } .king-addons-testimonial-layout-5 .king-addons-testimonial-content { text-align: end; display: flex; flex-flow: column; align-items: end; } .king-addons-testimonial-layout-5 .king-addons-testimonial-rating-general { --king-addons-testimonial-rating-justify-content: flex-end; } /* LAYOUT - 6,7 */ .king-addons-testimonial-layout-6, .king-addons-testimonial-layout-7 { flex-flow: column; } .king-addons-testimonial-layout-6 .king-addons-testimonial-content, .king-addons-testimonial-layout-7 .king-addons-testimonial-content { display: flex; flex-flow: row; } /* LAYOUT - 8 */ .king-addons-testimonial-layout-8 { align-items: center; } .king-addons-testimonial-layout-8 .king-addons-testimonial-description { text-align: center; } .king-addons-testimonial-layout-8 .king-addons-testimonial-person-wrapper { justify-content: center; } .king-addons-testimonial-layout-8 .king-addons-testimonial-rating-general .king-addons-testimonial-rating { --king-addons-testimonial-rating-justify-content: center; } .king-addons-testimonial-rating-general { --king-addons-testimonial-rating-gap: 0px; --king-addons-testimonial-rating-icon-font-size: 16px; --king-addons-testimonial-rating-icon-color: #ccd6df; --king-addons-testimonial-rating-icon-marked-color: #f0ad4e; --king-addons-testimonial-rating-icon-marked-width: 100%; --king-addons-testimonial-rating-justify-content: flex-start } .king-addons-testimonial-rating-general .king-addons-testimonial-rating { display: flex; justify-content: var(--king-addons-testimonial-rating-justify-content) } .king-addons-testimonial-rating-general .king-addons-testimonial-rating-wrapper { display: flex; justify-content: inherit; flex-direction: row; flex-wrap: wrap; width: fit-content; margin-block-end: calc(0px - var(--king-addons-testimonial-rating-gap)); margin-inline-end: calc(0px - var(--king-addons-testimonial-rating-gap)) } .king-addons-testimonial-rating-general .king-addons-testimonial-rating .king-addons-testimonial-icon { position: relative; margin-block-end: var(--king-addons-testimonial-rating-gap); margin-inline-end: var(--king-addons-testimonial-rating-gap) } .king-addons-testimonial-rating-general .king-addons-testimonial-rating .king-addons-testimonial-icon-wrapper.king-addons-testimonial-icon-marked { --king-addons-testimonial-rating-icon-color: var(--king-addons-testimonial-rating-icon-marked-color); width: var(--king-addons-testimonial-rating-icon-marked-width); position: absolute; z-index: 1; height: 100%; left: 0; top: 0; overflow: hidden } .king-addons-testimonial-rating-general .king-addons-testimonial-rating .king-addons-testimonial-icon-wrapper :is(i,svg) { display: flex; flex-shrink: 0 } .king-addons-testimonial-rating-general .king-addons-testimonial-rating .king-addons-testimonial-icon-wrapper i { font-size: var(--king-addons-testimonial-rating-icon-font-size); color: var(--king-addons-testimonial-rating-icon-color) } .king-addons-testimonial-rating-general .king-addons-testimonial-rating .king-addons-testimonial-icon-wrapper svg { width: auto; height: var(--king-addons-testimonial-rating-icon-font-size); fill: var(--king-addons-testimonial-rating-icon-color) }