section.revilodesign.single.portfolio {
	padding: 0;
}
section.revilodesign.single.portfolio > div.content {
	display: block;
}
section.revilodesign.single.portfolio div.content article {
	padding: 80px 0;
}
section.revilodesign.single.portfolio div.likes {
	padding-bottom: 0;
	margin-bottom: 0;
	border: initial;
}
section.revilodesign.single.portfolio picture.logo {
	margin-bottom: 24px;
	max-width: 300px;
	max-height: 160px;
	height: initial;
	min-height: 88px;
}
/*----------*/
/* !SECTION */
/*----------*/
.portfolio-content header {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 24px;
}
.portfolio-content header p {
	padding: 0;
}
/*---------------*/
/* !TEASER IMAGE */
/*---------------*/
div.portfolio-image {
	width: 100%;
	height: auto;
	height: calc(100vh - 240px);
	max-height: 768px;
	display: flex;
	position: relative;
}
div.portfolio-image picture {
	width: 100%;
	display: flex;
}
div.portfolio-image picture img {
	width: 100%;
	height: 100%;
	display: flex;
	object-fit: cover;
}
div.portfolio-image .content {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
}
div.portfolio-image .content #breadcrumb {
	padding: 8px 16px;
	background: rgba(var(--revilodesign_white), .24 );
	border-radius: var(--revilodesign_borderRadius);
}
div.portfolio-image .content #breadcrumb a {
	color: rgba(var(--revilodesign_black), 1 );
}
@media ( max-height: 768px ) {
	div.portfolio-image {
		height: initial;
		max-height: initial;
	}
	div.portfolio-image picture img {
		height: auto;
		object-fit: initial;
	}
}
/*-------------------*/
/* !PORTFOLIO COLORS */
/*-------------------*/
section.revilodesign.single.portfolio.portfolio-colors {
	padding: 80px 0;
}
.revilodesign .portfolio-colors {
	gap: 0;
}
.revilodesign .portfolio-colors .portfolio-color {
	width: 100%;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 50vh;
}
@media ( max-width: 768px ) {
	div.portfolio-image {
		max-height: 460px;
	}
	section.revilodesign.single.portfolio div.content article {
		padding: 40px 0;
	}
	section.revilodesign.single.portfolio > div.content div.flexbox-1 > div.flex {
		gap: 00px;
	}
	section.revilodesign.single.portfolio > div.content div.flexbox-1 > div.flex ul.clean {
		flex-wrap: wrap;
		flex-direction: row;
		gap: 8px;
		justify-content: flex-start;
	}
	section.revilodesign.single.portfolio > div.content div.flexbox-1 > div.flex ul.clean li:first-of-type {
		display: block;
		min-width: 100%;
	}
	section.revilodesign.single.portfolio > div.content div.flexbox-2 {
		max-width: 100%;
	}
}
@media ( max-width: 589px ) {
	div.portfolio-image {
		max-height: 320px;
	}	
}