/* Grid style. */
.dipl_portfolio_grid_inner{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

/* Grid item. */
.dipl_portfolio_grid_item{
	position: relative;
	width: calc( 50% - 15px );
}
.dipl_portfolio_grid_item_wrapper{
	position: relative;
	overflow: hidden;
}
.dipl_portfolio_grid_image_wrapper{
	position: relative;
	overflow: hidden;
}
.dipl_portfolio_grid_image{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.dipl_portfolio_grid_content_wrapper{
	padding: 20px;
}
.dipl_portfolio_grid_cat_wrapper{
	margin-bottom: 10px;
}
.dipl_portfolio_grid_title{
	padding: 0;
	margin-bottom: 10px;
}
.dipl_portfolio_grid_cat:not( :last-child ) {
	margin-right: 5px;
}
.dipl_portfolio_grid_cat_wrapper a{
	display: inline-block;
}

/* Filterable items. */
.dipl-portfolio-filterable-categories{
	margin-bottom: 30px;
}
.dipl-portfolio-filterable-categories .dipl-portfolio-items-categories {
	list-style: none;
	padding: 0;
	text-align: center;
}
.dipl-portfolio-items-categories li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
	line-height: normal;
	color: #ffffff;
	background-color: #000000;
	transition: 0.3s;
	cursor: pointer;
}
.dipl-portfolio-items-categories .dipl-portfolio-active-category {
	color: #000000;
	background-color: transparent;
	cursor: default;
}

/* Layout 1. */
.dipl_portfolio_grid_wrapper.layout1 .dipl_portfolio_grid_item_wrapper{
	height: 100%;
}

/* Layout 2. */
.dipl_portfolio_grid_wrapper.layout2 .dipl_portfolio_grid_content_wrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 7;
}

/* Pagination. */
.dipl_portfolio_pagination_wrapper{
	position: relative;
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.dipl_portfolio_pagination_wrapper .dipl_portfolio_pagination{
	list-style: none;
	padding: 0;
	line-height: normal;
}
.dipl_portfolio_pagination li{
	display: inline-block;
	margin-right: 10px;
}
.dipl_portfolio_pagination li a {
	display: block;
	padding: 4px 10px;
	font-size: 16px;
	line-height: 1.5;
}

/* Button. */
.dipl_portfolio_grid_content_wrapper .et_pb_button_wrapper{
	margin-top: 15px;
}
.dipl_portfolio_grid_content_wrapper .et_pb_button{
	display: inline-block;
}
.dipl_pg_read_more_btn + .dipl_pg_live_link_btn{
	margin-left: 10px;
}

/* Links. */
.dipl_portfolio_grid_links_wrapper{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
}
.dipl_portfolio_grid_links_wrapper a{
	display: inline-block;
	line-height: 1;
	border-style: solid;
	vertical-align: middle;
}
.dipl_portfolio_grid_links_wrapper .et-pb-icon{
	line-height: 1.1;
	font-size: inherit;
	color: inherit;
	vertical-align: middle;
}
.dipl_portfolio_grid_img_readmore + .dipl_portfolio_grid_img_livelink{
	margin-left: 5px;
}

@media screen and ( max-width: 767px ) {
	.dipl_portfolio_grid_title,
	.dipl_portfolio_grid_excerpt{ word-wrap: break-word; }
	.dipl_portfolio_grid_cat_wrapper .dipl_portfolio_grid_cat{
		display: block;
		margin-bottom: 10px;
		white-space: nowrap;
	}
}