/*************/
/* img style */
/*************/

/*DESKTOP*/
@media screen and (min-width: 601px) {
	/*galleria foto*/
	.center-cropped {
	  width: 300px;
	  height: 200px;
	  background-position: center center;
	  background-repeat: no-repeat;
	  overflow: hidden;
	  object-fit: cover;
	  border-radius: 10px;
	}
	.center-cropped img {
	  min-height: 100%;
	  min-width: 100%;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	  opacity: 0;
	  
	}
	.floating-box {
		float: left;
		width: 300px;
		height: 240px;
		/*overflow: hidden;
		height:auto;*/
		margin: 10px;
		border-radius: 10px;
		/*border: 1px solid grey;*/
	}
	.floating-box p {  /* Set the image to fill its parent and make transparent */
	  text-align: center;
	}
	
	/*foto relazione*/
	.center-cropped_2 {
	  /*width: 600px;*/
	  width: 450px;
	  height: 300px;
	  background-position: center center;
	  background-repeat: no-repeat;
	  overflow: hidden;
	  object-fit: cover;
	  border-radius: 10px;
	}
	.center-cropped_2 img{   /* Set the image to fill its parent and make transparent */
	  min-height: 100%;
	  min-width: 100%;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	
	.stile_gite {
		display: inline-block;
		padding: 25px;
		width: 350px;
		vertical-align: top;
	}
	
	.stile_gite_vr {
		display: inline-block;
		padding: 25px;
		width: 600px;
		height: 400px;
		vertical-align: top;
	}
	
	.stile_gite_tour {
		display: inline-block;
		padding: 25px;
		width: 100%;
		height: 100%;
		vertical-align: top;
	}
}

/*MOBILE*/
@media screen and (max-width: 600px) {
	/*galleria foto*/
	.center-cropped {
	  width: 200px;
	  height: 200px;
	  background-position: center center;
	  background-repeat: no-repeat;
	  overflow: hidden;
	  object-fit: cover;
	  border-radius: 10px;
	}
	.center-cropped img {  /* Set the image to fill its parent and make transparent */
	  min-height: 100%;
	  min-width: 100%;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	.floating-box {
		float: left;
		width: 202px;
		height: 242px;
		margin: 10px;
		border-radius: 10px;
		/*border: 1px solid grey;*/
	}
	.floating-box p {  /* Set the image to fill its parent and make transparent */
	  text-align: center;
	}
	
	/*foto relazione*/
	.center-cropped_2 {
	  width: 200px;
	  height: 200px;
	  background-position: center center;
	  background-repeat: no-repeat;
	  overflow: hidden;
	  object-fit: cover;
	  border-radius: 10px;
	}
	.center-cropped_2 img {  /* Set the image to fill its parent and make transparent */
	  min-height: 100%;
	  min-width: 100%;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	
	.stile_gite_vr {
		display: inline-block;
		padding: 10px;
		width: 100%;
		height: 200px;
		vertical-align: top;
	}
}


/*************/
/* nav style */
/*************/

/* body {margin:0;} */

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
	float: right;
	display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
	position: absolute;
	right: 0;
	top: 0;
  }
  .topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
  }
}
/*FLEXBOX*/
.col-text {
  /*height:20em;*/
  height: auto;
}
.grid-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  flex-direction: row; 
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-around;
}
.col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.col-left {
  -webkit-box-ordinal-group:-1;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.col-text{
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}
.Aligner-item {
  width: 90%;
  text-align: justify;
  display: inline-block;
}
.col-image {
  background-size: cover;
  background-position:center center;
}

@media (max-width: 640px) {
  .grid-flex {
	/*height: 40em;*/
	height: fit-content;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column; 
   }
  .col {
	order:vertical;
  }
  .col-left {
	-webkit-box-ordinal-group:0;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
  }
  .col-text div p {
	padding: 1em;
  }
  .Aligner-item {
	width: 90%;
  }
}

.vr{
	width:100%;
	border-radius: 10px;
	overflow: hidden;
}

/*workaround Panono*/

.watermark{
  opacity: 0;
}