/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */

.wp-block-ub-testimonial-block {
	margin: 30px auto;
	max-width: 100%;
}

.ub_testimonial {
	max-width: 100%;
	padding: 30px;
	display: grid;
	grid-template-columns: fit-content(25%) auto;
	grid-template-rows: auto auto;
	margin: 40px 0;
}

.ub_testimonial_img {
	padding: 10px 10px;
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: span 2;
	img {
		margin: 0 auto;
		padding: 0;
		border-radius: 50%;
	}
}

.ub_testimonial_content {
	grid-row-start: 1;
	grid-column-start: 2;
	padding: 11px 20px;
	p {
		font-style: italic;
	}
}

.ub_testimonial_sign {
	padding-right: 10px;
	padding-bottom: 10px;
	grid-column-start: 2;
	grid-row-start: 2;
	p {
		margin-bottom: 2px !important;
	}
	.ub_testimonial_author_role {
		margin-top: 0;
		font-size: 13px;
		font-style: italic;
	}
}

@media (max-width: 479.98px) {
	.ub_testimonial {
		padding: 30px 10px;
		display: block;
	}
	.ub_testimonial_img {
		padding: 0;
	}
	.ub_testimonial_content {
		padding: 10px;
		p {
			text-align: center !important;
		}
	}
	.ub_testimonial_sign {
		padding-right: 0;
		.ub_testimonial_author_role {
			text-align: center !important;
			margin-top: 5px;
		}
	}
	.ub_testimonial_img,
	.ub_testimonial_author {
		text-align: center !important;
	}
}

@media (max-width: 320px) {
	.ub_testimonial_content {
		padding: 10px 0;
	}
}
