/*
 *
 *    [Table of contents]
 *
 *    [&. Content / #key]
 *    [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 *    Summary: Widgets
 *
 *		1. General
 *		2. SC Isotope style 01
 *		3. SC Isotope style 02
 *		4. SC Isotope style 03
 *		Responsive
 */


/*----------  1. General  ----------*/

	.slz-isotope-grid-2 .grid-item > div .block-image .dh-overlay {
		pointer-events: none;
	}
	.slz-isotope-grid-2 .grid-item > div .block-image .dh-overlay:before {
		content: "\f00e";
		font: normal normal normal 20px/1 FontAwesome;
		color: #ffffff;
		position: absolute;
		width: 50px;
		height: 50px;
		line-height: 50px;
		background-color: #74419b;
		border-radius: 100%;
		text-align: center;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
	}
	.slz-isotope-grid-2 .grid-item > div .block-image .dh-overlay:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #74419b;
		opacity: 0.3;
		top: 0;
		left: 0;
	}

/*----------  2. SC Isotope style 01  ----------*/
	.slz-block-gallery-01 .block-image:after {
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
		background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
	}
	
	.slz-block-gallery-01 .block-content {
		min-height: 80px;
		background-color: #74419b;
		top: initial;
		display: table;
		width: 100%;
	    -webkit-transition: all 0.35s;
	    transition: all 0.35s;
	    -webkit-transform: translate3d(0,calc(100% + 50px),0);
	    transform: translate3d(0,calc(100% + 50px),0);
	}
	.slz-block-gallery-01:hover .block-content {
		-webkit-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0);
	}
	.slz-block-gallery-01 .block-content .block-content-wrapper {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		padding: 0;
		top: initial;
		transform: none;
	}
	.slz-block-gallery-01 .block-content .block-title {
		font-size: 18px;
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
		color: #ffffff;
		margin-top: 0;
	}
	.slz-block-gallery-01 .block-content .block-zoom-img {
		position: absolute;
		font-size: 0;
		margin-top: 0;
		width: 50px;
		height: 50px;
		top: 0px;
		background-color: #74419b;
		border-radius: 100%;
		left: 50%;
		-webkit-transform: translate3d(-50%,calc(200% + 50px),0);
	    transform: translate3d(-50%,calc(200% + 50px),0);
		-webkit-transition-delay: 0.1s;
    	transition-delay: 0.1s;
    	-webkit-transition: all 0.35s;
    	transition: all 0.35s;
	}
	.slz-block-gallery-01:hover .block-content .block-zoom-img {
		-webkit-transform: translate3d(-50%,-50%,0);
	    transform: translate3d(-50%,-50%,0);
	}
	.slz-block-gallery-01 .block-content .slz-icon {
		margin-left: 0;
	}
	.slz-block-gallery-01 .block-content .slz-icon:before {
		font-size: 20px;
	    line-height: 50px;
	    color: #ffffff;
	}
/*----------  Responsive  ----------*/
	