/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 30 2026 | 21:10:00 */
.preview-accordion-section {
	.accordion-item {
		.image-column {
			@media screen and (max-width: 991px) {
				padding: 0;
			}
			
			.preview-image {
				object-fit: cover;
				border-radius: 10px;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
				height: auto;

				@media screen and (min-width: 991px) {
					min-height: var(--closed-h, 0px);
					border-bottom-right-radius: 10px;
					border-bottom-left-radius: 10px;
				}
			}
		}
		
		.text-column {
			background-color: #fff;
			padding: 1rem;
			border-radius: 10px;
			border-start-start-radius: 0;
			border-start-end-radius: 0;
			
			@media screen and (min-width: 991px) {
				min-height: var(--closed-h, 0px);
				border-start-start-radius: 10px;
				border-start-end-radius: 10px;
			}

			.preview-excerpt, .preview-content {
				& > * {
					color: #5E5E5E;
				}

				h2 {
					font-weight: 600;
					text-transform: uppercase;
					color: #31261E;
					font-size: 1.25rem;

					em {
						font-weight: 500;
					}
					
					@media screen and (min-width: 768px) {
						font-size: 1.5rem;
					}
				}
			}

			.preview-more {
				color: #31261E;
				font-size: 1.25rem;
				font-weight: 600;
				text-transform: uppercase;
				background-color: transparent;
				border: 0;
				text-decoration: underline;
				outline: none !important;
			}
		}
		
		.preview-content-wrapper {
			height: 0;
			overflow: hidden;
			visibility: hidden;
			transition: height 0.35s ease, visibility 0s linear 0.35s;
			
			.preview-content-inner {
				display: flex;
				flex-direction: column;
				padding-top: 1px;
			}
		}
		
		.preview-gallery {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 1rem;
			
			.preview-gallery-item {
				display: block;
				cursor: zoom-in;
				
				img {
					height: 100%;
					object-fit: cover;
					border-radius: 10px;
				}
			}
		}
		
		&.is-open {
			.preview-content-wrapper {
				visibility: visible;
				transition: height 0.35s ease, visibility 0s;
			}
		}
		
		&.is-editor {
			.row {
				display: flex;
				column-gap: 1.5rem;
				
				.image-column {
					width: 40%;
					
					img {
						width: 100%;
						height: 100%;
					}
				}
				
				.text-column {
					width: 60%;
				}
			}
		}
	}
}

body.has-lightbox { overflow: hidden; }

.preview-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background-color: #000;
	overflow: hidden;

	&.is-open { display: flex; }

	.pl-slide {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 2rem;
		box-sizing: border-box;
		pointer-events: none;
	}

	.pl-figure {
		margin: 0;
		max-width: 90vw;
		max-height: 90vh;
		pointer-events: auto;
	}

	.pl-img {
		max-width: 100%;
		max-height: 80vh;
		object-fit: contain;
		border-radius: 10px;
	}

	button {
		z-index: 99999;
		cursor: pointer;
		width: 26px;
		height: 44px;
		border: none;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 0;
	}

	button svg {
		display: block;
		width: 25px;
		height: auto;
		margin: 0;
		padding: 0;
	}

	.pl-prev,
	.pl-next,
	.pl-close {
		background-color: rgba(0, 0, 0, 0.75);
		border-radius: 4px;
	}

	.pl-prev path,
	.pl-next path,
	.pl-close path {
		fill: #fff;
	}

	.pl-prev {
		position: absolute;
		top: -100%;
		left: 30px;
		width: 40px;
		height: 50px;
	}

	.pl-next {
		position: absolute;
		top: -100%;
		right: 30px;
		width: 40px;
		height: 50px;
	}

	.pl-close {
		width: 35px;
		height: 35px;
		top: 15px;
		right: 10px;
		position: absolute;
	}

	.pl-close svg {
		width: 18px;
		height: auto;
	}

	.pl-close:hover {
		opacity: 1;
	}

	.pl-slide-out-left {
		animation: plSlideOutLeft 0.3s ease;
	}

	.pl-slide-in-left {
		animation: plSlideInLeft 0.3s ease;
	}

	.pl-slide-out-right {
		animation: plSlideOutRight 0.3s ease;
	}

	.pl-slide-in-right {
		animation: plSlideInRight 0.3s ease;
	}

	.pl-zoom-in {
		animation: plZoomIn 0.5s ease;
	}

	@media screen and (min-width: 769px) {
		background-color: rgba(0, 0, 0, 0.92);

		.pl-prev,
		.pl-next,
		.pl-close {
			background-color: rgba(0, 0, 0, 0.32);
		}

		.pl-prev:hover,
		.pl-next:hover,
		.pl-close:hover {
			background-color: rgba(0, 0, 0, 0.7);
		}

		.pl-prev {
			top: 45%;
		}

		.pl-next {
			top: 45%;
		}
	}

	@media screen and (min-width: 992px) {
		.pl-close {
			opacity: 0.7;
			right: 20px;
		}
	}

	@media screen and (max-width: 768px) {
		padding: 1rem;

		.pl-slide {
			padding: 1rem;
		}

		.pl-figure { max-width: 90vw; }
	}

	@media screen and (max-height: 420px) {
		background-color: #000;
	}
}

@keyframes plSlideInLeft {
	from {
		opacity: 0;
		visibility: visible;
		transform: translate3d(-60%, 0, 0);
	}

	to {
		visibility: visible;
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes plSlideOutLeft {
	from {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(-60%, 0, 0);
		opacity: 0;
		visibility: hidden;
	}
}

@keyframes plSlideInRight {
	from {
		opacity: 0;
		visibility: visible;
		transform: translate3d(60%, 0, 0);
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes plSlideOutRight {
	from {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(60%, 0, 0);
		opacity: 0;
	}
}

@keyframes plZoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}

	to {
		opacity: 1;
	}
}