/* =============================================================================
- Posts List Titles
============================================================================= */
.e-con-inner > .elementor-widget-gwel-posts-list-titles {
	width: var(--container-widget-width);
	--flex-grow: var(--container-widget-flex-grow);
}

.gwel-posts-list-titles {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: var(--gwel-posts-list-titles--height, 50vh);
	background-color: var(--gwel-posts-list-titles--bg-color, #000000);
	padding: var(--gwel-posts-list-titles--padding);
	.gwel-posts-list-titles-inner {
		width: 100%;
		max-width: var(--gwel-posts-list-titles--width, 1500px);
		margin-left: auto;
		margin-right: auto;
	}
	.gwel-titles-wrapper {
		position: relative;
		z-index: 3;
		margin-left: calc(-1 * var(--gwel-posts-list-titles--gap, 30px)/2 );
		margin-right: calc(-1 * var(--gwel-posts-list-titles--gap, 30px)/2 );
		&:before,
		&:after {
			display: table;
			content: " ";
		}

		&:after {
			clear: both;
		}
	}
	.gwel-post-item {
		float: left;
		display: block;
		padding: calc(var(--gwel-posts-list-titles--gap, 30px)/2);
		color: var(--gwel-posts-list-titles--text-c, #ffffff);
		.gwel-title {
			position: relative;
			z-index: 2;
			color: var(--gwel-posts-list-titles--text-c, #ffffff);
			max-width: var(--gwel-posts-list-titles--title-w, none);
			white-space: normal;
		}
		.gwel-item-cnt {
			position: relative;
			top: var(--gwel-posts-list-titles--count-top);
			font-size: 14px;
			line-height: 1;
			color: var(--gwel-posts-list-titles--count-c, #6b6b6b);
		}
	}
	&.gwel-ellipsis {
		.gwel-post-item {
			.gwel-title {
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
		}
	}
	&.gwel-underline-hover {
		.gwel-post-item {
			.gwel-title:after {
				content: '';
				position: absolute;
				width: 100%;
				height: var(--gwel-posts-list-titles--underline-h, 18px);
				left: 0;
				bottom: var(--gwel-posts-list-titles--underline-b, 0);
				z-index: -1;
				background-color: var(--gwel-posts-list-titles--underline-c);
				transform: scaleX(0);
				transform-origin: right center;
				transition: transform .25s cubic-bezier(.785,.135,.15,.86);
			}
			&:hover .gwel-title:after {
				transform: scaleX(1);
				transform-origin: left center;
			}
		}
	}
	.gwel-post-item-inner {
		display: flex;
		gap: 8px;
		align-items: var(--gwel-posts-list-titles--count-align, flex-start);
		white-space: nowrap;
	}
	.gwel-item-cnt {
		display: block;
	}
	.gwel-images-wrapper,
	.gwel-images {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.gwel-images-overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 3;
		background-color: var(--gwel-posts-list-titles--overlay-color, #000000);
		opacity: var(--gwel-posts-list-titles--overlay-opacity, 0.7);
	}
	.gwel-images {
		.gwel-image-item {
			z-index: 1;
			opacity: 0;
			transition: opacity .3s ease;
			&.gwel-active {
				opacity: 1;
			}
		}
		img {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			object-fit: cover;
		}
	}
}