/*
* Style Works for both Editor and Frontend
*/

.wp-block-etb-grid {
	display: grid;
	min-height: 0;
	min-width: 0;
	position: relative;

	&.has-box-shadow {

		.wp-block-etb-grid-item {
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
		}
	}

	.wp-block-etb-grid-item {
		box-sizing: border-box;
		min-width: 0;

		.testimonial-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.rating {
			text-align: center;

			.rating-value {
				font-weight: 600;
				font-size: 1em;
			}
		}

		.testimonial-message {
			margin: 20px 0 30px;
		}

		.reviewer-info {
			display: flex;
			align-items: flex-start;
		}

		.reviewer-photo {
			overflow: hidden;
		}

		.reviewer-photo img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.reviewer-info-content {
			margin-left: 15px;
		}

		.reviewer-name {
			margin: 0 0 5px !important;
		}

		.reviewer-title {
			margin: 0 !important;
		}

		.reviewer-company {
			margin: 0 !important;
		}
	}
}