.wp-block-kadence-portfoliogrid * {
	box-sizing: border-box;
}

.kb-blocks-portfolio-grid-item {
	background: #aaa;
	overflow: hidden;
}

.kadence-portfolio-image-inner-intrisic {
	bottom: 0;
	display: flex;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.kadence-portfolio-image-inner-intrisic img {
	flex: 1;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .35s ease-in-out;
	width: auto;
}

.kb-blocks-portfolio-grid-item .portfolio-hover-item-link {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.kadence-portfolio-image-intrisic, .kb-blocks-portfolio-grid-item-inner-wrap {
	position: relative;
}

.kb-portfolio-grid-item-inner {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.kb-portfolio-overlay-color {
	background: rgba(23, 104, 234, 0);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .35s ease-in-out;
}

.wp-block-kadence-portfoliogrid .kb-blocks-portfolio-grid-item:hover .kb-portfolio-overlay-color, .wp-block-kadence-portfoliogrid .portfolio-hover-item-link:focus~.kb-portfolio-overlay-color {
	background: rgba(23, 104, 234, .5);
}

.kb-portfolio-overlay-border {
	border: 1px solid hsla(0, 0%, 100%, 0);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .35s ease-in-out;
}

.wp-block-kadence-portfoliogrid .kb-blocks-portfolio-grid-item:hover .kb-portfolio-overlay-border, .wp-block-kadence-portfoliogrid .portfolio-hover-item-link:focus~.kb-portfolio-overlay-border {
	border-color: hsla(0, 0%, 100%, .8);
	bottom: 15px;
	left: 15px;
	right: 15px;
	top: 15px;
}

.kb-portfolio-content-item-inner {
	max-width: 90%;
	opacity: 0;
	position: relative;
	text-align: center;
	transition: all .35s ease-in-out;
	z-index: 2;
}

.kb-blocks-portfolio-img-hover-zoomout .kadence-portfolio-image img {
	transform: scale(1.05);
}

.kb-blocks-portfolio-img-hover-zoomin .kadence-portfolio-image img, .kb-blocks-portfolio-img-hover-zoomout .kb-blocks-portfolio-grid-item:hover .kadence-portfolio-image img {
	transform: scale(1);
}

.kb-blocks-portfolio-content-hover-zoomin .kb-portfolio-content-item-inner {
	transform: scale(.85);
}

.kb-blocks-portfolio-content-hover-zoomin .kb-blocks-portfolio-grid-item:hover .kb-portfolio-content-item-inner, .kb-blocks-portfolio-content-hover-zoomin .portfolio-hover-item-link:focus~.kb-portfolio-content-item-inner {
	transform: scale(1);
}

.kb-blocks-portfolio-grid-item:hover .kb-portfolio-content-item-inner, .portfolio-hover-item-link:focus~.kb-portfolio-content-item-inner {
	opacity: 1;
}

.kb-blocks-portfolio-grid-item .kb-portfolio-content-item-inner .kb-portfolio-loop-title {
	color: #fff;
	font-size: 1.3em;
	line-height: 1;
}

.kb-portfolio-grid-wrap {
	grid-gap: 30px 30px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="1"] {
	grid-template-columns: minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="1"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-ss="1"]>.kb-portfolio-masonry-item {
	width: 100%;
}

.kb-portfolio-grid-wrap[data-columns-ss="2"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-ss="2"]>.kb-portfolio-masonry-item {
	width: 50%;
	width: calc(50% - .1px);
}

.kb-portfolio-grid-wrap[data-columns-ss="3"] {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="3"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-ss="3"]>.kb-portfolio-masonry-item {
	width: 33.33%;
	width: calc(33.33% - .1px);
}

.kb-portfolio-grid-wrap[data-columns-ss="4"] {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="4"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-ss="4"]>.kb-portfolio-masonry-item {
	width: 25%;
	width: calc(25% - .1px);
}

.kb-portfolio-grid-wrap[data-columns-ss="5"] {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.kb-portfolio-grid-wrap[data-columns-ss="5"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-ss="5"]>.kb-portfolio-masonry-item {
	width: 20%;
	width: calc(20% - .1px);
}

@media (min-width:544px) {
	.kb-portfolio-grid-wrap[data-columns-xs="1"] {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="1"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xs="1"]>.kb-portfolio-masonry-item {
		width: 100%;
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="2"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xs="2"]>.kb-portfolio-masonry-item {
		width: 50%;
		width: calc(50% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="3"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xs="3"]>.kb-portfolio-masonry-item {
		width: 33.33%;
		width: calc(33.33% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="4"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xs="4"]>.kb-portfolio-masonry-item {
		width: 25%;
		width: calc(25% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="5"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xs="5"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xs="5"]>.kb-portfolio-masonry-item {
		width: 20%;
		width: calc(20% - .1px);
	}
}

@media (min-width:768px) {
	.kb-portfolio-grid-wrap[data-columns-sm="1"] {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="1"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-sm="1"]>.kb-portfolio-masonry-item {
		width: 100%;
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="2"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-sm="2"]>.kb-portfolio-masonry-item {
		width: 50%;
		width: calc(50% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="3"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-sm="3"]>.kb-portfolio-masonry-item {
		width: 33.33%;
		width: calc(33.33% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="4"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-sm="4"]>.kb-portfolio-masonry-item {
		width: 25%;
		width: calc(25% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="5"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-sm="5"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-sm="5"]>.kb-portfolio-masonry-item {
		width: 20%;
		width: calc(20% - .1px);
	}
}

@media (min-width:992px) {
	.kb-portfolio-grid-wrap[data-columns-md="1"] {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="1"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-md="1"]>.kb-portfolio-masonry-item {
		width: 100%;
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="2"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-md="2"]>.kb-portfolio-masonry-item {
		width: 50%;
		width: calc(50% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="3"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-md="3"]>.kb-portfolio-masonry-item {
		width: 33.33%;
		width: calc(33.33% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="4"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-md="4"]>.kb-portfolio-masonry-item {
		width: 25%;
		width: calc(25% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="5"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-md="5"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-md="5"]>.kb-portfolio-masonry-item {
		width: 20%;
		width: calc(20% - .1px);
	}
}

@media (min-width:1200px) {
	.kb-portfolio-grid-wrap[data-columns-xl="1"] {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="1"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="1"]>.kb-portfolio-masonry-item {
		width: 100%;
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="2"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="2"]>.kb-portfolio-masonry-item {
		width: 50%;
		width: calc(50% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="3"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="3"]>.kb-portfolio-masonry-item {
		width: 33.33%;
		width: calc(33.33% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="4"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="4"]>.kb-portfolio-masonry-item {
		width: 25%;
		width: calc(25% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="5"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="5"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="5"]>.kb-portfolio-masonry-item {
		width: 20%;
		width: calc(20% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="6"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="6"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="6"]>.kb-portfolio-masonry-item {
		width: 16.66%;
		width: calc(16.66% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="7"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="7"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="7"]>.kb-portfolio-masonry-item {
		width: 14.28%;
		width: calc(14.28% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="8"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xl="8"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xl="8"]>.kb-portfolio-masonry-item {
		width: 12.5%;
		width: calc(12.5% - .1px);
	}
}

@media (min-width:1500px) {
	.kb-portfolio-grid-wrap[data-columns-xxl="1"] {
		grid-template-columns: minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="1"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="1"]>.kb-portfolio-masonry-item {
		width: 100%;
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="2"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="2"]>.kb-portfolio-masonry-item {
		width: 50%;
		width: calc(50% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="3"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="3"]>.kb-portfolio-masonry-item {
		width: 33.33%;
		width: calc(33.33% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="4"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="4"]>.kb-portfolio-masonry-item {
		width: 25%;
		width: calc(25% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="5"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="5"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="5"]>.kb-portfolio-masonry-item {
		width: 20%;
		width: calc(20% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="6"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="6"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="6"]>.kb-portfolio-masonry-item {
		width: 16.66%;
		width: calc(16.66% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="7"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="7"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="7"]>.kb-portfolio-masonry-item {
		width: 14.28%;
		width: calc(14.28% - .1px);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="8"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	
	.kb-portfolio-grid-wrap[data-columns-xxl="8"]>.kb-blocks-portfolio-grid-item, .kb-portfolio-grid-wrap[data-columns-xxl="8"]>.kb-portfolio-masonry-item {
		width: 12.5%;
		width: calc(12.5% - .1px);
	}
}

@supports (display:grid) {
	.kb-portfolio-grid-layout-grid:not(.kb-filter-enabled) .kb-portfolio-grid-wrap>.kb-blocks-portfolio-grid-item {
		width: auto;
	}
}