/*PROJECT COLS*/
/*projects*/
body.single-project .wp-block-gallery{gap: 0;}

body.single-project .wp-block-gallery .wp-block-image img{
	transition: all 300ms ease-in-out;
    aspect-ratio: 4 / 3;
	border: 1px solid #7373739e;
    padding: 8px;
}

body.single-project .wp-block-gallery .wp-block-image:hover img{
	opacity: .8;
	border-color: black;
}

body.single-project .more-cols { margin-top: 2em; }

/* project pagination*/
body.single-project .project-pagination a{
	padding: 10px;
    background-color: #6967674d;
	position: fixed;
	top:calc(50% - 60px);
	left:0;
	width: 15px;
    height: 100px;
    display: flex;
    align-items: center;
	transition: all 300ms ease-in-out;
}

body.single-project .project-pagination  .next-project{justify-content: flex-end;}

body.single-project .project-pagination a:hover{
	width: 250px;
	background-color: black;
}

body.single-project .project-pagination .next-project{
	left:unset;
	right: 0;
}

body.single-project .project-pagination .project-title{
	display: inline-block;
	opacity:0;
	color: white;
	font-size: .85em;
	padding: 0 20px;
	text-transform: uppercase;
	transition: all 0ms ease-in-out;
	flex:1;
}

body.single-project .project-pagination .prev-project .project-title{
	text-align: right;
}

body.single-project .project-pagination i{
	font-style: initial!important;
	color: white;
	position: absolute;
    left: 10px;
}

body.single-project .project-pagination .next-project i{
	left: unset;
    right: 10px;
}

body.single-project .project-pagination img{
	height: 80px;
	max-width: 80px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--wp--custom--radius--full);
	opacity:0;
}

body.single-project .project-pagination .prev-project img{margin-left:auto;}
body.single-project .project-pagination .next-project img{margin-right:auto;}

body.single-project .project-pagination a:hover .project-title{
	opacity:1;
	transition: 1s ease-in-out;
}

body.single-project .project-pagination a:hover img{
	opacity:1;
	transition: all 500ms ease-in-out;
}


/********/
.project-cols .project {
  position: relative;
  overflow: hidden;
	margin-bottom: 15px;
}

@media screen and (max-width:900px) {
	.project-cols .project { margin-bottom: 0; }
}


.project-cols .entry-link:hover {
	transform: unset!important;
}

.project-cols .project-text-wrap {
  background: white;
}



.entry-cols .entry-text-wrap.project-text-wrap {
    padding: 15px 0 15px 0;
}


@media screen and (max-width:900px) {
	.project-cols .project-text-wrap {
  		position: initial;
	}
}

.project-cols .entry-link:hover .project-text-wrap {
  bottom: 0;
}

.project-cols .entry-title{
	color: var(--wp--custom--dark--1);
	font-size: 1.2em;
	text-transform: uppercase;
}


/*CATEGORY FILTER*/
.project-cat-filter {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  
}

.project-cat-filter li {
  cursor: pointer;
  padding: 0.5em 1em;
  background: var(--wp--custom--light--1);
  border-radius: 3px;
  margin-left:0;
  transition: all 300ms ease-in-out;
	  font-size: .85em;
}

.project-cat-filter li:hover{
	 background: var(--wp--custom--primary--light);
		color:white;
}

.project-cat-filter li.active {
  background: var(--wp--custom--primary--main);
  color: white;
}