/* :root {
  --litepicker-button-prev-month-color: #333;
  --litepicker-button-next-month-color: #333;
  --litepicker-highlighted-day-color: #fff;
  --litepicker-highlighted-day-color-bg: #802755;
} */

/* Gutters */
.g-8 {
	--bs-gutter-x: 5rem;
	--bs-gutter-y: 5rem;
}
.gx-8 {
	--bs-gutter-x: 5rem;
}
.gy-8 {
	--bs-gutter-y: 5rem;
}
.g-10 {
	--bs-gutter-x: 7.75rem;
	--bs-gutter-y: 7.75rem;
}
.gx-10 {
	--bs-gutter-x: 7.75rem;
}
.gy-10 {
	--bs-gutter-y: 7.75rem;
}

@media screen and (min-width: 992px) {
	.g-lg-8 {
		--bs-gutter-x: 5rem;
		--bs-gutter-y: 5rem;
	}
	.gx-lg-8 {
		--bs-gutter-x: 5rem;
	}
	.gy-lg-8 {
		--bs-gutter-y: 5rem;
	}

	.g-lg-10 {
		--bs-gutter-x: 7.75rem;
		--bs-gutter-y: 7.75rem;
	}
	.gx-lg-10 {
		--bs-gutter-x: 7.75rem;
	}
	.gy-lg-10 {
		--bs-gutter-y: 7.75rem;
	}
}

@media screen and (min-width: 1200px) {
	.g-xl-8 {
		--bs-gutter-x: 5rem;
		--bs-gutter-y: 5rem;
	}
	.gx-xl-8 {
		--bs-gutter-x: 5rem;
	}
	.gy-xl-8 {
		--bs-gutter-y: 5rem;
	}

	.g-xl-10 {
		--bs-gutter-x: 7.75rem;
		--bs-gutter-y: 7.75rem;
	}
	.gx-xl-10 {
		--bs-gutter-x: 7.75rem;
	}
	.gy-xl-10 {
		--bs-gutter-y: 7.75rem;
	}
}

/* Hero */
#hero:has(.hero-controls)::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;

	transition: opacity 0.35s;
	z-index: 1;
	pointer-events: none;
	width: 100%;

	/* On comp */
	height: 10vh;
	background-image: linear-gradient(to top,rgba(0, 0, 0, 0.6) 21.1%,rgba(0, 0, 0, 0) 100%);
}

@media screen and (max-width: 991.98px) {
	#hero:has(.hero-controls)::after {
		height: 115px;
	}
}

/* Magazine */
.magazine-alt-grid-wrap .img-wrap:has(.caption)::after {
	content: '';
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25%;
	background: linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
}

@media screen and (min-width: 992px) {
	.magazine-alt-grid-wrap .gx-lg-6 {
        --bs-gutter-x: 5rem;
	}   
}