.page-template-gallery {

	&.lay-one {

		.site-content {

			.container {
				max-width: 100%;
				padding-left: 0;
				padding-right: 0;
			}//.container
		}//.site-content

		#primary {
			margin-top: 0;
		}//#primary
	}//.lay-one

	.site-main {
		display: flex;
		flex: 1;
		flex-wrap: wrap;

		.gallery-block {
			width: 33.33%;
			position: relative;
			overflow: hidden;

			.gallery-content-wrap {
				background: rgba(0,0,0,0.6);
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				flex: 1;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				opacity: 0;
				visibility: hidden;
				@include transform(scale(1.2));
				@include transition(all ease 0.35s);

				a {
					width: 45px;
					text-align: center;
					height: 45px;
					line-height: 45px;
					@include border-radius(100%);
					font-size: 1.5em;
					color: #fff;
					display: inline-block;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					margin: auto;

					&:hover {
						background: rgba(255,255,255,0.75);
						color: $primary_color;
					}
				}//a

				.gallery-title {
					margin: 0 0 25px 0;
					color: #fff;
					font-size: 1.5em;
					letter-spacing: 1px;
					font-weight: 600;
					display: flex;
					flex: 1;
					justify-content: flex-end;
					flex-direction: column;
				}//.gallery-title
			}//.gallery-content-wrap

			&:hover .gallery-content-wrap {
				opacity: 1;
				filter: alpha(opacity=100);
				visibility: visible;
				@include transform(scale(1));
			}
		}//.gallery-block
	}//.site-main

	&.lay-two {

		#primary {
			margin-top: 40px;
		}//#primary

		.site-main {
			margin-left: -1.5%;
			margin-right: -1.5%;

			.gallery-block {
				margin-right: 1.5%;
				margin-left: 1.5%;
				margin-top: 35px;
				width: 30.33%;
			}
		}//.site-main
	}//.lay-two

	&.lay-three {

		.site-content {

			.container {
				max-width: 100%;
				padding-left: 0;
				padding-right: 0;
			}//.container
		}//.site-content

		#primary {
			margin-top: 0;
		}//#primary

		.site-main {

			.gallery-block {
				width: 25%;
			}//.gallery-block
		}//.site-main
	}//.lay-three
}//.page-template-gallery

@media screen and (max-width: 1024px) {
	.page-template-gallery {

		&.lay-two {

			.site-main {
				
				.gallery-block {
					width: 47%;
				}
			}//.site-main
		}//.lay-two

		&.lay-three {

			.site-main {

				.gallery-block {
					width: 33.33%;
				}//.gallery-block
			}//.site-main
		}//.lay-three
	}//.page-template-gallery
}//max-width:1024

@media screen and (max-width: 800px) {
	.page-template-gallery {

		.site-main {

			.gallery-block {
				width: 50%;
			}
		}//.site-main

		&.lay-three {

			.site-main {

				.gallery-block {
					width: 50%;
				}//.gallery-block
			}//.site-main
		}//.lay-three
	}//.page-template-gallery
}//max-width: 800

@media screen and (max-width: 767px) {
	.page-template-gallery {

		&.lay-two {

			.site-main {
				margin-left: 0;
				margin-right: 0;
				flex-direction: column;
				
				.gallery-block {
					margin-right: 0;
					margin-left: 0;
					width: 100%;
				}
			}//.site-main
		}//.lay-two
		
	}//.page-template-gallery
}//max-width: 767px

@media screen and (max-width: 480px) {
	.page-template-gallery {

		.site-main {
			flex-direction: column;

			.gallery-block {
				width: 100%;
			}
		}//.site-main

		&.lay-three {

			.site-main {

				.gallery-block {
					width: 100%;
				}//.gallery-block
			}//.site-main
		}//.lay-three
	}//.page-template-gallery
}//max-width: 480px