.gallery{
	padding: 0;
	margin: 0;
	display: grid;
	list-style: none;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-content: center;
	&.gallery-columns-2{
		grid-template-columns: 1fr 1fr;
	}
	&.gallery-columns-3{
		grid-template-columns: ~"repeat(3,1fr)";
	}
	&.gallery-columns-4{
		grid-template-columns: ~"repeat(4,1fr)";
	}
	&.gallery-columns-5{
		grid-template-columns: ~"repeat(5,1fr)";
	}
	&.gallery-columns-6{
		grid-template-columns: ~"repeat(6,1fr)";
	}
	&.gallery-columns-7{
		grid-template-columns: ~"repeat(7,1fr)";
	}
	&.gallery-columns-8{
		grid-template-columns: ~"repeat(8,1fr)";
	}
	&.gallery-columns-9{
		grid-template-columns: ~"repeat(9,1fr)";
	}
	&.gallery-columns-10{
		grid-template-columns: ~"repeat(10,1fr)";
	}
	li{
		text-align: center;		
		overflow: hidden;
	}
	.thumbnail{
		display: block;
		.border-radius(0);
		background: #FFF;
		border: none;
		position: relative;
		transition: all 0.3s ease;
		overflow: hidden;
		padding: 0;
		border-radius: 20px;
	}
	.caption {
		overflow: hidden;
	    padding-top: 12px;
		font-size:14px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		h4{
		   font-size:14px;
		}
	}
}
.photobox-gallery > li{
	position: relative;	
}
.photobox-gallery > li > a.icon-hover{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50px, -50%);
	opacity: 0;
	background: #fff;
	border-radius: 50%;
	z-index: 1;
	transition: transform 0.3s;
}
.photobox-gallery > li > a.icon-hover svg{
	width: 18px;
}
.photobox-gallery > li > a:not(.icon-hover):before{
	content: '';
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s;
}
.photobox-gallery > li:hover > a.icon-hover{
	transform: translate(-50%, -50%);
	opacity: 1;
}
.photobox-gallery > li > a.icon-hover:hover{
	background: #000;
}
.photobox-gallery > li > a.icon-hover:hover svg{
	fill: #fff;
}
.photobox-gallery > li:hover > a:not(.icon-hover):before{
	opacity: 1;
}
.entry-summary {
	table {
		margin-bottom: 30px;

		th,
		td {
			border : 1px solid @border-color;
			padding: 10px;
		}
	}

	dl dd {
		margin-bottom: 20px;
	}

	form {

		input[type="text"],
		input[type="password"],
		input[type="date"] {
			border-radius: 0;
			padding      : 5px 10px;
		}

		input[type="submit"],
		button[type="submit"] {
			background    : #333 none repeat scroll 0 0;
			border        : 1px solid darken(@border-color, 60%);
			border-radius : 0;
			color         : #fff;
			padding       : 5px 15px;
			vertical-align: top;

			&:hover {
				background: #000;
			}
		}
	}
}