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

/* Bootstrap gutter additions */
@media (min-width: 992px) {
    .gx-lg-6 {
        --bs-gutter-x: 4rem;
    }
    .gx-lg-7 {
        --bs-gutter-x: 5rem;
    }
    .gx-lg-8 {
        --bs-gutter-x: 6rem;
    }
}


/* Navigation */
html:has(.active-nav) {
    @media (max-width: 991.98px) {
        overflow: hidden;
    }

    body {
        @media (max-width: 991.98px) {
            overflow: hidden;
        }
    }
}

@media (max-width: 991.98px) {
    .primary-nav > li:has([aria-expanded="true"]) {
        background-color: #0B9AAB;
        color: #fff;
    }
}

/* Animated badges */
.scroll-circle-text {
    transform: rotate(calc(var(--scroll) * 360deg));
}

/* Hero gradient for contrast */
.hero-slide:has(.vid-controls) {
	&::after {
		content: '';
		pointer-events: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%; 
        height: 60%;
		background: linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);   
	}
}

/* Gallery */
body:has(#gallery-modal.show) {
    .modal-backdrop {
        background-color: #fff;
        opacity: .9;
    }
}

/* Alt row image gradients if has caption */
.ars-img:has(.ars-img-caption) {
    &::after {      
        background: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,0) 100%);
        bottom: 0;
        content: '';
        height: 25%;
        left: 0;
        position: absolute;
        width: 100%;    
        pointer-events: none;       
    }
}