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

.e-con-inner > .elementor-widget-gwel-posts {
	width: var(--container-widget-width);
	--flex-grow: var(--container-widget-flex-grow);
}

.gwel-posts-list {
	display: flex;
	flex-direction: column;
	gap: var(--gwel-post--items-gap, 60px);
	.gwel-item-url {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4;
	}
	.gwel-post-item {
		display: flex;
		flex-direction: var(--gwel-post--item-direction, row );
		gap: var(--gwel-post--gap, 30px);
		position: relative;
		min-height: var(--gwel-post--item-min-h, 550px);
	}
	.gwel-content {
		flex-basis: var(--gwel-post--content-w, 35%);
		// max-width: var(--gwel-post--content-w, 35%);
		background-color: var(--gwel-post--content-bg, #f7f7f7);
		padding: var(--gwel-post--content-padding, 30px);
		border-radius: var(--gwel-post--content-border-radius, 24px);
	}
	.gwel-content-wrapper {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.gwel-image {
		flex: 1;
		position: relative;
		min-height: var(--gwel-post--item-min-h, 550px);
		img {
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover;
			max-width: none;
			border-radius: var(--gwel-post--image-border-radius, 24px);
		}
	}
	.gwel-content-inner {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
	}
	.gwel-bottom-area {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.gwel-read-more-arrow {
		font-size: var(--gwel-post--arrow-size, 18px);
		color: var(--gwel-post--arrow-c, #000000);
		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
		&.grve-arrow-stacked {
			padding: var(--gwel-post--arrow-p, 18px);
			background-color: var(--gwel-post--arrow-bg, #e9e9e9);
			border-radius: var(--gwel-post--arrow-border-radius, 100px);
		}
		&.grve-arrow-framed {
			padding: var(--gwel-post--arrow-p, 18px);
			background-color: var(--gwel-post--arrow-bg, #e9e9e9);
			border-radius: var(--gwel-post--arrow-border-radius, 100px);
			border: var(--gwel-post--arrow-border-s, 1px) solid var(--gwel-post--arrow-border-c, #cccccc);
		}
		svg {
			display: block;
			width: 1em;
			height: auto;
			max-height: 1em;
			fill: currentColor;
		}
	}
}