//  ==========
//  = Gallery for the Carpress HTML template =
//  ==========

.gallery {
  margin-left: -4%;
  .gallery-item {
  	float: left;
  	margin-left: 4%;
  	margin-bottom: 2%;
  }
  .gallery-icon img {
  	width: 100%;
  }
  .gallery-icon > a {
  	display: block;
  	position: relative;
  	border-radius: 3px;
  	overflow: hidden;

  	&:before {
  		display: block;
  		content: "";
  		background: rgba(0,0,0,0.6) image-url('icons/zoom.png') center center no-repeat;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			opacity: 0;
			transition: opacity ease 0.33s;
  	}
  	&:hover:before {
  		opacity: 1;
  	}
  }

  &.gallery-columns-1 {
	  .gallery-item {
	    width: 96%;
	  }
  }
  &.gallery-columns-2 {
	  .gallery-item {
	    width: 46%;
	  }
  }
  &.gallery-columns-3 {
	  .gallery-item {
	    width: 29.33%;
	  }
  }
  &.gallery-columns-4 {
	  .gallery-item {
	    width: 21%;
	  }
  }
  &.gallery-columns-5 {
	  .gallery-item {
	    width: 16%;
	  }
  }
  &.gallery-columns-6 {
	  .gallery-item {
	    width: 12.66%;
	  }
  }
  &.gallery-columns-7 {
	  .gallery-item {
	    width: 10.285%;
	  }
  }
  &.gallery-columns-8 {
	  .gallery-item {
	    width: 8.5%;
	  }
  }
  &.gallery-columns-9 {
	  .gallery-item {
	    width: 7.11%;
	  }
  }
  &.gallery-columns-10 {
	  .gallery-item {
	    width: 6%;
	  }
  }
}

