/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: hsl(0 0% 0% / 90%);
	padding-bottom: 35px;
	z-index: 1;
  }


.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px;
}

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white;
}


/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden;
}


/* ---- flickity-fullscreen-button ---- */  
.flickity-fullscreen-button {
	display: block;
	/*
	right: 10px;
	top: 10px;
	*/
	width: 24px;
	height: 24px;
	border-radius: 4px;
}

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px;
}

.flickity-fullscreen-button-exit { display: none; }
  
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
}

/*
——————————————————————————————————————————
CUSTOMIZATIONS
——————————————————————————————————————————
*/


.is-fullscreen														{ width: 100vw; height: 100dvh; margin: 0; padding: 0!important; z-index: 9999 !important; background-color: var(--white) !important; }
.is-fullscreen .flickity-viewport									{ width: 100%; height: 100dvh !important; }
.is-fullscreen .carousel-cell										{ width: 100% !important; height: 100dvh; margin: 0; padding: 40px 0; display: flex; align-items: center; justify-content: center; position: relative; }
.is-fullscreen .carousel-cell img									{ width: 100% !important; height: 100%!important; object-fit: contain; }

.is-fullscreen .carousel-text										{ display: none; }

.flickity-fullscreen-button	 										{ width: 32px; height: 32px; margin: 0; padding: 0; right: 10px; top: 10px; border-radius: 50%; opacity: 0.5; transition: all 0.4s ease; }
.flickity-fullscreen-button:hover 									{ opacity: 1; text-decoration: none; }

.flickity-fullscreen-button-view 									{ background: white url('icons/open-fullscreen.svg') no-repeat center center !important; background-size: 20px auto !important;  }
.flickity-fullscreen-button-exit 									{ background: white url('icons/close-fullscreen.svg') no-repeat center center !important; background-size: 20px auto !important;  }

.flickity-fullscreen-button-exit 									{ display: none; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit	{ display: flex; }
.flickity-fullscreen-button .flickity-button-icon 					{ width: 20px; height: 20px; position: relative; left: 0; top: 0; }


@media only screen and (min-width: 768px) {

.flickity-fullscreen-button	 										{ width: 40px; height: 40px; right: 15px; top: 15px; }

}

@media only screen and (min-width: 900px) {


}

@media only screen and (min-width: 1280px) {

.flickity-fullscreen-button	 										{ width: 48px; height: 48px; right: 20px; top: 20px; }
}

@media only screen and (min-width: 1600px) {


}