/*-----Gallery-----*/

.demo-gallery {
	> ul {
	  margin-block-end: 0;
  
	  > li {
		float: $float-left;
		margin-block-end: 15px;
		width: 200px;
		border: 0;
  
		a {
		  border: 3px solid $white;
		  border-radius: 3px;
		  display: block;
		  overflow: hidden;
		  position: relative;
		  float: $float-left;
  
		  > img {
			-webkit-transition: -webkit-transform 0.15s ease 0s;
			-moz-transition: -moz-transform 0.15s ease 0s;
			-o-transition: -o-transform 0.15s ease 0s;
			transition: transform 0.15s ease 0s;
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
			height: 100%;
			width: 100%;
		  }
  
		  &:hover {
			> img {
			  -webkit-transform: scale3d(1.1, 1.1, 1.1);
			  transform: scale3d(1.1, 1.1, 1.1);
			}
  
			.demo-gallery-poster > img {
			  opacity: 1;
			}
		  }
  
		  .demo-gallery-poster {
			background-color: $black-1;
			inset-block-end: 0;
			inset-inline-start: 0;
			position: absolute;
			inset-inline-end: 0;
			inset-block-start: 0;
			-webkit-transition: background-color 0.15s ease 0s;
			-o-transition: background-color 0.15s ease 0s;
			transition: background-color 0.15s ease 0s;
  
			> img {
			  inset-inline-start: 50%;
			  margin-inline-start: -10px;
			  margin-block-start: -10px;
			  opacity: 0;
			  position: absolute;
			  inset-block-start: 50%;
			  -webkit-transition: opacity 0.3s ease 0s;
			  -o-transition: opacity 0.3s ease 0s;
			  transition: opacity 0.3s ease 0s;
			}
		  }
  
		  &:hover .demo-gallery-poster {
			background-color: rgba(0, 0, 0, 0.5);
		  }
		}
	  }
	}
  
	.justified-gallery > a {
	  > img {
		-webkit-transition: -webkit-transform 0.15s ease 0s;
		-moz-transition: -moz-transform 0.15s ease 0s;
		-o-transition: -o-transform 0.15s ease 0s;
		transition: transform 0.15s ease 0s;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		height: 100%;
		width: 100%;
	  }
  
	  &:hover {
		> img {
		  -webkit-transform: scale3d(1.1, 1.1, 1.1);
		  transform: scale3d(1.1, 1.1, 1.1);
		}
  
		.demo-gallery-poster > img {
		  opacity: 1;
		}
	  }
  
	  .demo-gallery-poster {
		background-color: $black-1;
		inset-block-end: 0;
		inset-inline-start: 0;
		position: absolute;
		inset-inline-end: 0;
		inset-block-start: 0;
		-webkit-transition: background-color 0.15s ease 0s;
		-o-transition: background-color 0.15s ease 0s;
		transition: background-color 0.15s ease 0s;
  
		> img {
		  inset-inline-start: 50%;
		  margin-inline-start: -10px;
		  margin-block-start: -10px;
		  opacity: 0;
		  position: absolute;
		  inset-block-start: 50%;
		  -webkit-transition: opacity 0.3s ease 0s;
		  -o-transition: opacity 0.3s ease 0s;
		  transition: opacity 0.3s ease 0s;
		}
	  }
  
	  &:hover .demo-gallery-poster {
		background-color: rgba(0, 0, 0, 0.5);
	  }
	}
  
	.video .demo-gallery-poster img {
	  height: 48px;
	  margin-inline-start: -24px;
	  margin-block-start: -24px;
	  opacity: 0.8;
	  width: 48px;
	}
  
	&.dark > ul > li a {
	  border: 3px solid #04070a;
	}
  }
  
  .home .demo-gallery {
	padding-block-end: 80px;
  }
  
  .carousel-inner > .item > {
	img, a > img {
	  width: 100%;
	}
  }
  
  .demo-gallery a {
	border: 1px solid transparent;
  
	&:hover {
	  border: 1px solid transparent;
	  background: transparent;
	}
  }
/*-----Gallery End-----*/
