:root {
	--swipslider-background-color: rgba(0,0,0,0);
	--swipslider-background: initial;
}

.swipslider-parent-container {
	position: relative; /* Essential */
	max-height: 50%; /* Example: full viewport height */
	width: 100%;
	/*	height: 50%;*/
}
.swipslider-parent-container * {
	background-color: var(--swipslider-background-color) !important;
	background: var(--swipslider-background) !important;
}
.swipslider-background {
	background-color: var(--swipslider-background-color) !important;
	background: var(--swipslider-background) !important;
}

.swipslider-background * {
	background-color: var(--swipslider-background-color) !important;
	background: var(--swipslider-background) !important;
}

.slider-wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	/*width: 100%;*/
	/*height: 50%;*/
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	background-color: transparent;
}

.anchor-swipslider {
	--swipslider-navigation-color: #fff;
	--swipslider-pagination-color: #fff;
}

.anchor-swipslider .swipslider-button-disabled {
	pointer-events: auto;
}

.anchor-swipslider .swipslider-img {
	max-width: 100%;
}

.slide-text-overlay {
	position: absolute; /* Positions the text relative to the .slide container */
	bottom: 0; /* Example: position at the bottom */
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5); /* Optional semi-transparent background for readability */
	color: white;
	padding: 15px;
	/* Add animation or other styling as needed */
}

.swipslider-description {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	padding: 15px;
}
/*
	.swipslider-description *,
	.swipslider-description > div,
	.swipslider-description > div > *,
	.swipslider-description > p,
	.swipslider-description > p > *,
	.swipslider-description > span,
	.swipslider-description > span > *,
	.swipslider-description > strong,
	.swipslider-description > strong > *,
	.swipslider-description > * {
		background-color: var(--swipslider-background-color) !important;
		background-color: inherit; 
	    background: var(--swipslider-background);
	}
*/
.swipslider-description *,
.swipslider-description > div,
.swipslider-description > div > *,
.swipslider-description > p,
.swipslider-description > p > *,
.swipslider-description > span,
.swipslider-description > span > *,
.swipslider-description > strong,
.swipslider-description > strong > * {
	/*	color: #44b4f4; */
	color: #FFFFFF;
	font-weight: 700;
	/*	background-color: #f59a24;*/
}
/*
.swipslider-slide *,
.swipslider-description * {
	background-color: var(--swipslider-background-color);
	background: var(--swipslider-background);
}
*/
