/*PROJECT COLS*/
/*projects*/

body.single-project .banner .project-credits-content{font-size:.85em;}

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;
}

@media screen and (min-width: 600px) {

	/* Default 3 */
	body.single-project .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) img,
	body.single-project .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) img { border-left-width: 0; }

	body.single-project .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-child(3n+1) img,
	body.single-project .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-child(3n+1) img { border-left-width: 1px; }

	body.single-project .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-child(n+4) img,
	body.single-project .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-child(n+4) img { border-top: none; }

	/* Default 4 */
	body.single-project .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) img { border-left-width: 0; }

	body.single-project .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-child(4n+1) img { border-left-width: 1px; }

	body.single-project .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-child(n+5) img { border-top: none; }

	/* Default 5 */
	body.single-project .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) img { border-left-width: 0; }

	body.single-project .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-child(5n+1) img { border-left-width: 1px; }

	body.single-project .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-child(n+6) img { border-top: none; }
}

@media screen and (max-width: 599px) {
		body.single-project .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img { border-left-width: 0; }

		body.single-project .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-child(odd) img { border-left-width: 1px; }

		body.single-project .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-child(n+3) img { border-top: none; }
}

body.single-project .wp-block-gallery .wp-block-image img

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

/* 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 300ms 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;}

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


/********/
.project-cols .project {
  position: relative;
  overflow: hidden;
}

.project-cols .entry-link{border: 1px solid var(--wp--custom--light--1);}

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

.project-cols .project-text-wrap {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: var(--wp--custom--light--1);
  transition: bottom 0.3s ease-in-out;
  padding: 1em;
	box-sizing: border-box;
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
	.project-cols .project-text-wrap { font-size: 0.9em; }
}

.project-cols .project-text-wrap::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 44%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--wp--custom--light--1);
}

@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 {
	margin-left:0;
}

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

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

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