/* =============================================================================
- Team
============================================================================= */
.e-con-inner > .elementor-widget-gwel-team {
	width: var(--container-widget-width);
	--flex-grow: var(--container-widget-flex-grow);
}

.gwel-team {
	// Hover Image
	.gwel-media {
		position: relative;
		img:nth-child(2) {
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			z-index: 1;
		}
	}
	&:hover {
		img:nth-child(2) {
			opacity: 1;
		}
	}
	&.gwel-layout-1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		.gwel-content {
			width: 100%;
		}
		.gwel-media {
			width: 100%;
			display: block;
			margin-bottom: 30px;
			img {
				width: 100%;
				max-width: none;
				display: block;
			}
		}
		.gwel-description {
			margin: 18px 0 0 0;
			padding: 0;
		}
		.gwel-name {
			margin: 0 0 6px 0;
			padding: 0;
		}

		.gwel-socials {
			padding: 18px 0 0 0;
			margin: 0;
			list-style: none;
			display: inline-flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 6px;
			a {
				display: block;
				line-height: 1;
				position: relative;
				text-align: center;
				font-size: var(--gwel-icon--size, 24px);
				transition: color .3s ease, background-color .3s ease, border-color .3s ease;
			}
		}
	}

	&.gwel-layout-2 {
		position: relative;
		overflow: hidden;
		.gwel-media {
			position: relative;
			z-index: 1;
			display: block;
			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				z-index: 1;
			}
		}
		.gwel-bg-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
			pointer-events: none;
		}
		.gwel-bg-hover-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
			pointer-events: none;
		}
		&:hover {
			.gwel-bg-overlay {
				opacity: 0 !important;
			}
		}
		&:not(:hover) {
			.gwel-bg-hover-overlay {
				opacity: 0 !important;
			}
		}
		.gwel-content {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 4;
			padding: 30px;
			pointer-events: none;
		}
		.gwel-name {
			margin: 0 0 6px 0;
			padding: 0;
		}

		.gwel-socials {
			padding: 18px 0 0 0;
			margin: 0;
			list-style: none;
			display: inline-flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 6px;
			a {
				display: block;
				line-height: 1;
				position: relative;
				text-align: center;
				font-size: 24px;
				transition: color .3s ease, background-color .3s ease, border-color .3s ease;
				pointer-events: visible;
			}
		}
	}


}