/* ----------------------------------------------------------------
	Canvas: Project
-----------------------------------------------------------------*/

.card,
.portfolio-image {
	--bs-card-border-width: 0;
	--bs-card-bg: var(--cnvs-dark-100);
}

.portfolio-item .portfolio-image, .portfolio-item .portfolio-image > a, .portfolio-item .portfolio-image img {
	border-radius: var(--cnvs-border-radius);
}

.portfolio .bg-overlay-content {
	text-align: center;
}

.is-expanded-menu .portfolio .bg-overlay-content::before {
	--cnvs-blur-offset: 100px;
	content: "";
	position: absolute;
	width: calc(100% - var(--cnvs-blur-offset));
	height: calc(100% - var(--cnvs-blur-offset));
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: var(--cnvs-border-radius) !important;
	transition-property: width,height;
	transition-duration: .3s;
	transition-timing-function: ease;
	transform-origin: center center;

}


.portfolio .bg-overlay:not(.no-hover-blur):hover .bg-overlay-content::before {
	--cnvs-blur-offset: 50px;
	background-color: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(0.5rem);
	-webkit-backdrop-filter: blur(0.5rem);
}

.is-expanded-menu .bg-overlay .portfolio-desc {
	max-width: 90%;
	margin: 0 auto;
}

.bg-overlay .portfolio-desc h3 {
	font-size: 1.8rem;
	margin-bottom: 0;
	transition: transform .3s ease;
}



@media only screen and (max-width: 1024px) {
	.bg-overlay .portfolio-desc h3 {
		font-size: 1.5rem!important;
	}
	
	.bg-overlay .portfolio-desc p {
		line-height: 1.5!important;
		font-size:0.95rem!important;
	}
}


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

	.bg-overlay .portfolio-desc p {
		padding-left: 30px!important;
		padding-right: 30px!important;

	}
 
}

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

	.bg-overlay .portfolio-desc p {
		padding-left: 50px!important;
		padding-right: 50px!important;

	}
 
}

.bg-overlay:hover .portfolio-desc h3 {
	transform: translateY(-100px);
}

.portfolio .bg-overlay-content p {
	transform: translateY(20px);
	opacity: 0;
	height: 0;
	margin-bottom: 0;
	transition: all .3s ease;
	font-size: 1rem;
	line-height: 1.2;
}

.portfolio .bg-overlay:hover p {
	opacity: 1;
	visibility: visible;
	transform: translateY(-90px);
}

/* .flex-prev,
.flex-next {
	--cnvs-slider-arrows-size: 40px;
	top: auto;
	bottom: 20px;
	transform: none;
	border-radius: 50%;
	--cnvs-slider-arrows-bg-hover-color: rgba(255,255,255,1);
	--cnvs-slider-arrows-bg-color: rgba(255,255,255,0.2);
	--cnvs-slider-arrow-color: #000;
	backdrop-filter: blur(.5rem);
	-webkit-backdrop-filter: blur(.5rem);
}

.flex-prev {
	left: calc(50% - 24px);
	right: auto;
}

.flex-next {
	left: calc(50% + 24px);
	right: auto;
} 


.flex-direction-nav {
	position: absolute;
	top: auto;
	bottom: 20px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
	column-gap: 10px;
	z-index: 9;
}

.flex-prev,
.flex-next {
	--cnvs-slider-arrows-size: 40px;
	position: relative;
	display: block;
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	border-radius: 50%;
	--cnvs-slider-arrows-bg-hover-color: rgba(255,255,255,1);
	--cnvs-slider-arrows-bg-color: rgba(255,255,255,0.25);
	--cnvs-slider-arrow-color: #000;
	backdrop-filter: blur(.75rem);
	-webkit-backdrop-filter: blur(.75rem);
}*/

.twitter-timeline {
	height: 100%;
}

.form-control {
	--cnvs-input-btn-input-bg : var(--cnvs-dark-100);
	--cnvs-form-control-radius : var(--cnvs-border-radius);

	--cnvs-input-btn-border-width: 0;
}


.text-fill-effect,
.gradient-text {
  text-shadow: none !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
}

.text-fill-effect {
	--cnvs-text-fill-placeholder: rgba(var(--cnvs-contrast-rgb), 0.1);
	--cnvs-text-fill-color: linear-gradient(to right, var(--cnvs-contrast-1000), var(--cnvs-contrast-1000));
	-webkit-text-fill-color: var(--cnvs-text-fill-placeholder);
	background-image: var(--cnvs-text-fill-color);
	background-size: calc(var(--cnvs-scroll-start) * 100%) 100%;
}