/* Carousels */

.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  transition: opacity ease-in-out 1s;
  width: 100%;
  z-index: 0;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1;
}

.carousel-indicators {
  margin-bottom: 2rem;
  margin-left: 2rem;
  margin-right: 2rem;
}

.carousel-indicators [data-bs-target] {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin-right: 7.5px;
	margin-left: 7.5px;
	background-color: #000;
	border-top: none;
	border-bottom: none;
	opacity: 1;
	transition: none;	
}

.carousel-indicators.text-white [data-bs-target] {
	background-color: #fff;
}

.carousel-indicators .active {
	background-color: transparent;
	border: 1px solid #000;
	height: 8px;
	width: 8px;
}

.carousel-indicators.text-white .active {
	background-color: transparent;
	border-color: #fff;
}

.carousel-prev, .carousel-next {
	cursor: pointer;
	height: 48px;
	width: 48px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.carousel-prev {
	left: 1.5rem;
}

.carousel-next {
	right: 1.5rem;
	transform: translateY(-50%) rotate(180deg);
}


/* Sliders */

.slider-overflow .flickity-viewport {
	overflow: visible;
}

.flickity-button, .flickity-page-dots {
	display: none;
}

.slider-prev, .slider-next {
	cursor: pointer;
	filter: drop-shadow(0 0 0.5rem rgba(255,255,255,0.35));
	height: 48px;
	width: 48px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.slider-prev {
	left: var(--column-spacing);
}

.slider-next {
	right: var(--column-spacing); 
	transform: translateY(-50%) rotate(180deg);
}

.slider-images .carousel-cell {
	margin: 0 calc(var(--column-spacing) / 2);
	height: 512px;
	width: auto;
}

.slider-content .carousel-cell {
	min-height: 100%;
}

.slider-content {
	margin-left: calc((var(--column-spacing) / 2) * -1);
	margin-right: calc((var(--column-spacing) / 2) * -1);
}

.slider-content .carousel-cell > div {
	padding-left:  calc(var(--column-spacing) / 2);
	padding-right: calc(var(--column-spacing) / 2);
}

.carousel-cell.slide-width-25 {
	width: 25%;
}

.carousel-cell.slide-width-33 {
	width: 33.33333%;
}

.carousel-cell.slide-width-50 {
	width: 50%;
}

.carousel-cell.slide-width-75 {
	width: 75%;
}

.carousel-cell.slide-width-100 {
	width: 100%;
}

@media (min-width: 576px) { 
	.carousel-cell.slide-width-sm-25 {width: 25%;}
	.carousel-cell.slide-width-sm-33 {width: 33.33333%;}
	.carousel-cell.slide-width-sm-50 {width: 50%;}
	.carousel-cell.slide-width-sm-75 {width: 75%;}
	.carousel-cell.slide-width-sm-100 {width: 100%;}
}

@media (min-width: 992px) { 
	.carousel-cell.slide-width-lg-25 {width: 25%;}
	.carousel-cell.slide-width-lg-33 {width: 33.33333%;}
	.carousel-cell.slide-width-lg-50 {width: 50%;}
	.carousel-cell.slide-width-lg-75 {width: 75%;}
	.carousel-cell.slide-width-lg-100 {width: 100%;}
}

.carousel-cell .img-fluid,
.slider-content.showcase .carousel-cell .column-content,
.slider-content.showcase .carousel-cell .column-btn {
	transition: 0.2s ease-out;
}

.slider-content.showcase .carousel-cell:not(.is-selected) .img-fluid {
	transform: scale(0.9);
}

.slider-content.showcase .carousel-cell .column-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 75%;
}

.slider-content.showcase .carousel-cell:not(.is-selected) .column-content,
.slider-content.showcase .carousel-cell:not(.is-selected) .column-btn {
	opacity: 0;
	pointer-events: none;
}


/* Instagram Feed */

.instagram-handle {
	font-size: var(--instagram-feed-font-size);
	font-weight: var(--instagram-feed-font-weight);
	letter-spacing: var(--instagram-feed-letter-spacing);
	text-transform: var(--instagram-feed-text-transform);
}

.instagram-handle svg path {
	fill: var(--color-body);
}

.text-white .instagram-handle svg {
	transform: translateY(-1px);
}

.text-white .instagram-handle svg path {
	fill: #fff;
}



/* Media Queries */

/* 1440px */
@media (max-width: 1439px) { 
	.slider-images .carousel-cell {height: 416px;}
	.showcase .carousel-cell .column-content {max-width: 100%;}
}

/* 768px */
@media (max-width: 767px) { 
	.carousel-indicators {margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem;}
	.carousel-prev, .carousel-next, .slider-prev, .slider-next {height: 36px; width: 36px;}
	.carousel-prev {left: 1rem;}
	.carousel-next {right: 1rem;}
	.slider-prev {left: calc(var(--column-spacing) / 2);}
	.slider-next {right: calc(var(--column-spacing) / 2);}
	.slider-images .carousel-cell {margin: 0 calc(var(--column-spacing) / 4); height: 256px;}
	.slider-content {margin-left: calc((var(--column-spacing) / 4) * -1); margin-right: calc((var(--column-spacing) / 4) * -1);}
	.slider-content .carousel-cell > div {padding-left:  calc(var(--column-spacing) / 4); padding-right: calc(var(--column-spacing) / 4);}
	.slider-content.showcase .carousel-cell .column-content {max-width: 100%;}
}