@charset "utf-8";
/* CSS Document */

 /* ------------------------------------------   DRAGS  ------------------------------------------------------------------------------ */

.draggable img {
  pointer-events: none;
  height: 100%;
  object-fit: cover; /* Or 'contain' based on your preference */
}

.draggable div {
  /*pointer-events: none;*/
}

.dimmed {
    opacity: 0;
    transition: opacity .25s;
}

.no-select {
    user-select: none;
}


 /* ------------------------------------------   TOGGLE MENU (NOT FOR MOBILE)  ------------------------------------------------------------------------------ */


.active_menu {visibility:visible; opacity: 1; height:600px; z-index: 100;}


 /* ------------------------------------------  IMAGE SLIDE SHOWS  ------------------------------------------------------------------------------ */

.image_container {
/**/position: absolute;
/**/height: 100%;
/**/transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
/**/opacity: 0;
/**/visibility: hidden;
/**/display:flex; 
/**/justify-content:center; 
/**/align-items:center; 
}

.image_container.visible {
    /**/opacity: 1;
	/**/transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
    /**/visibility: visible;
}