/*
Theme Name: Loraic
Theme URI: http://demo.bravisthemes.com/loraic
Author: Bravis-Themes
Author URI: https://bravisthemes.com/
Description: Loraic is a modern and carefully designed theme geared specifically towards all ,It will be suitable for any transport,logistics and movers management business. It will also be suitable for any kind of professional business template. It can be used for various business sites like ship based transport, air based transport etc. It is a complete designs with all minimum required contents for courier business.
Version: 1.0.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: loraic
Tags: business, cargo, corporate, courier, frieght, logistics, movers, multipurpose business, shipment, transport, transportation.
*/




/* ============================================================
   Management Team — Styles for [management_team] shortcode
   Scoped under .bcms-mgmt-team
   ============================================================ */

.bcms-mgmt-team {
	--bmt-color-text: #12233f;
	--bmt-color-text-muted: #6b7280;
	--bmt-color-border: #e4e8ee;
	--bmt-color-focus: #12233f;
	--bmt-name-size: 23px;
	--bmt-position-size: 15px;
	--bmt-card-radius: 10px;
	--bmt-transition-speed: 350ms;
	--bmt-transition-ease: ease;

	box-sizing: border-box;
	width: 100%;
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
	color: var(--bmt-color-text);
}

.bcms-mgmt-team *,
.bcms-mgmt-team *::before,
.bcms-mgmt-team *::after {
	box-sizing: border-box;
}

.bcms-mgmt-team[dir="rtl"] {
	direction: rtl;
}

.bcms-mgmt-team[dir="ltr"] {
	direction: ltr;
}

.bcms-mgmt-team .team-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.bcms-mgmt-team .team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 380px));
	align-items: stretch;
	justify-content: center;
	gap: 40px 28px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.bcms-mgmt-team .team-member {
	width: 100%;
	margin: 0;
	opacity: 0;
	transform: translateY(24px);

	transition:
		opacity 600ms var(--bmt-transition-ease),
		transform 600ms var(--bmt-transition-ease);
}

.bcms-mgmt-team .team-member.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.bcms-mgmt-team .team-member-link {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	background: #345087;
	border: 1px solid var(--bmt-color-border);
	border-radius: var(--bmt-card-radius);

	box-shadow:
		0 10px 30px rgba(18, 35, 63, 0.06),
		0 2px 8px rgba(18, 35, 63, 0.04);

	/* Hover effect removed */
	transition: none;
}

.bcms-mgmt-team .team-member-link:hover,
.bcms-mgmt-team .team-member-link:focus,
.bcms-mgmt-team .team-member-link:focus-visible,
.bcms-mgmt-team .team-member-static:hover {
	transform: none;
	border-color: var(--bmt-color-border);

	box-shadow:
		0 10px 30px rgba(18, 35, 63, 0.06),
		0 2px 8px rgba(18, 35, 63, 0.04);

	outline: none;
}

.bcms-mgmt-team .team-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	background: #f1f3f6;
}

.bcms-mgmt-team .team-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.bcms-mgmt-team .team-info {
	padding: 24px 24px 28px;
	text-align: center;
}

.bcms-mgmt-team .team-info h3 {
	margin: 0 0 8px;
	font-size: var(--bmt-name-size);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.2px;
	color: white;
	text-align: center;
}

.bcms-mgmt-team .team-info p {
	margin: 0;
	font-size: var(--bmt-position-size);
	font-weight: 400;
	line-height: 1.65;
	color: white;
	text-align: center;
}

.bcms-mgmt-team[dir="rtl"] .team-info h3,
.bcms-mgmt-team[dir="rtl"] .team-info p {
	letter-spacing: normal;
}

@media (max-width: 1024px) {
	.bcms-mgmt-team {
		--bmt-name-size: 21px;
		--bmt-position-size: 14px;
	}
}

@media (max-width: 640px) {
	.bcms-mgmt-team {
		--bmt-name-size: 20px;
		--bmt-position-size: 14px;
	}

	.bcms-mgmt-team .team-info {
		padding: 22px 20px 25px;
	}

	.bcms-mgmt-team .team-grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bcms-mgmt-team .team-member {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.bcms-mgmt-team .team-member-link {
		transition: none;
	}
}