/*-------------------------------------------------------------------------*/
/* Copyright (c) DELTA X MULTIMEDIA                                        */
/* Tutti i diritti sono riservati - All rights reserved                    */
/* https://www.deltaxmultimedia.it - info@deltaxmultimeida.it              */
/* CSS Document                                                            */
/*-------------------------------------------------------------------------*/
/* Gallery  - v.3.01 March 2021                                            */
/*-------------------------------------------------------------------------*/
/* Used for multimedia objects: images, videos, documents, audio           */
/*-------------------------------------------------------------------------*/


#media-gallery
{
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	width: auto;
}

.media-item {
	float:left;
	width:23.5%;
	margin-right:2%;
	/*margin-bottom: -4px;*/
}

.media-item:nth-child(4n) {
	margin-right:0px;
}

.media-item .crop:nth-last-child(-n + 3):nth-child(3n + 2),
.media-item .crop:nth-last-child(-n + 3):nth-child(3n + 2) ~ .media-item .crop
{
	margin-bottom: 0px;
}

/*img:hover {
	opacity: .8;
	-webkit-transition: opacity 0.8s;
	-moz-transition:    opacity 0.8s;
	-o-transition:      opacity 0.8s;
}*/


.photo
{
	border:1px solid #666;
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/* risolve il problema del bug del risize usanndo flexbox in chrome */
	
	margin:0 auto;
	/*margin-bottom:20px;*/
}

.media-zoom {
	display: inline-block;
	position:relative;
	width: 100%;
	height: 100%;
	
}

.media-zoom span {
	
	position: absolute;

	top:48%;
	left:49%;

	transform: translate(-48%, -49%);

	opacity: 0;
	
	font-size:60px;

	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
	
}

.media-zoom:hover span
{
	opacity: 1;
}


.crop
{

	/*border: 1px solid #000;*/
	box-sizing:border-box;
	float: left;
	height: 200px;  /*180   important to crop vertical (portrait) images */ 
	width: 100%;
	/*background:#000;*/
	margin-bottom:20px;

}

.crop img
{
	object-fit: cover;
	height: 100%;
	width: 100%;
	box-sizing:border-box;
	
	
}

.fill {
	object-fit: fill;
}

.contain {
	object-fit: contain;
}

.cover {
	object-fit: cover;
}

.none {
	object-fit: none;
}

.scale-down {
	object-fit: scale-down;
}




@media screen and (max-width: 1024px)
{
	.media-item {
		width: 32%;
	}
	
	.media-item:nth-child(4n) {
		margin-right:2%;
	}
	
	.media-item:nth-child(3n) {
		margin-right:0px;
	}
	
	.crop
	{
		
		height: 180px;
		margin-bottom:14px;
	}	

}

@media screen and (max-width: 768px) {
	.img-gallery {
		width: 48%;
		margin: 1%;
	}
}


@media screen and (max-width: 740px)
{
	#media-gallery
	{
		display:none;
	}
/*	.media-item {
		width: 49%;
	}

	.media-item:nth-child(4n) {
		margin-right:2%;
	}
	
	.media-item:nth-child(3n) {
		margin-right:2%;
	}

	.media-item:nth-child(2n) {
		margin-right:0px;
		
	}	
	
	.crop
	{
		
		margin-bottom:12px;
	}	
	
	
	 passa alla visualizzazione in modalità slideshow*/
	
}



/*
@media screen and (max-width: 480px) {
	.media-item {
		width: 98%;
		margin-right:1%
	}
	
	.crop
	{
		height:auto;
		margin-bottom:20px;
	}
}*/