/**
 * Team Contact Widget Styles
 *
 * @package JutSo\Widgets
 * @since 1.0.0
 */

.jce-team-contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.jce-team-contact-list{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 40px;
}

.jce-team-contact__image {
	margin: 0;
}

.jce-team-contact__image img {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	object-fit: cover;
}

.jce-team-contact__credentials {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0px;
}

.jce-team-contact__name {
	margin: 0;
	font-weight: 700 !important;
}

.site-color .jce-team-contact__name {
	color: var(--site-contrast-color) !important;
}

.jce-team-contact__position {
	margin: 0;
	text-align: center;
}

.jce-team-contact__organisation {
	margin: 0;
	text-align: center;
}

.jce-team-contact__quote {
	margin: 0;
	font-weight: var(--blockquote-font-weight);
	font-size: var(--blockquote-font-size);
	line-height: var(--blockquote-line-height);
	letter-spacing: var(--blockquote-letter-spacing);
}

.jce-team-contact__quote-mark {
	font-size: 1.5em;
	line-height: 0;
}

.jce-team-contact__buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.jce-team-contact__buttons--desktop-vertical {
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	margin-top: auto;
}

.jce-team-contact__buttons--desktop-vertical .custom-btn {
	width: 100%;
	justify-content: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.jce-team-contact__buttons--tablet-vertical {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.jce-team-contact__buttons--tablet-vertical .custom-btn {
		width: 100%;
		justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	.jce-team-contact__buttons--mobile-vertical {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.jce-team-contact__buttons--mobile-vertical .custom-btn {
		width: 100%;
		justify-content: center;
	}
}