/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.bg-primary{
	color: #a5b7e5 !important;
}

.bg-light{
	color: #OF6EFE !important;
}
.bg-secondary{
	color: #c17c1d;
}

#header {
	--cnvs-primary-menu-font: var(--cnvs-body-font);
	--cnvs-primary-menu-font-size: 1rem;
	--cnvs-primary-menu-ls:	0;
	--cnvs-header-floating-top-offset: 0;
}

a.menu-link {
	padding-right:0 ;
	padding-left: 1;
}

* {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.section {
	margin: 0;
}

.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(248, 248, 250, 0.1);
	backdrop-filter: blur(1.5rem);
	-webkit-backdrop-filter: blur(1.5rem);
} */

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

#imgtitle {
	font-family: abril-display, serif !important;
	font-weight: var(--cnvs-headings-font-weight) !important;
	font-size: 1rem !important;
}

.bg-overlay .portfolio-desc h3 {
	font-size: 1.5rem;
	margin-bottom: 0;
	transition: transform .3s ease;
	font-weight: 600 !important;
}

.bg-overlay:hover .portfolio-desc h3 {
	transform: translateY(-7px);
	font-weight: 100 !important;
	font-weight: 500 !important;

}

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

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

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


.portfolio-meta li span{
	width: 110px !important;
}