/* ----------------------------------------------------------------

	Canvas: Integro

-----------------------------------------------------------------*/





:root, .not-dark  {
	--cnvs-themecolor: #116FAC;
	--cnvs-themecolor-rgb: 230, 156, 72;
	--cnvs-dark-color: #000;

	--cnvs-body-font: "area-normal", sans-serif;
	--cnvs-primary-font: 'arsenica-variable', sans-serif;
	--cnvs-secondary-font: "afronaut", sans-serif;

	--cnvs-slider-arrows-bg-color: transparent;
	--cnvs-slider-arrows-bg-hover-color: transparent;

	--cnvs-frame-offset: 20px;
	--cnvs-frame-bg: var(--cnvs-contrast-200);
	--cnvs-slider-gradient-bg: var(--cnvs-contrast-rgb);
	font-variation-settings: "opsz" 100, "wght" 400;

	--cnvs-header-bg: transparent;
}



body.dark,
.dark {
	--cnvs-body-bg: var(--cnvs-dark-color);
	/* --cnvs-header-bg: var(--cnvs-body-bg); */
	--cnvs-frame-bg: var(--cnvs-contrast-200);
	--cnvs-header-sticky-bg: transparent;

}



* {

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

}

#header {
	--cnvs-primary-menu-font-size: 1.25rem;
	--cnvs-primary-menu-font: var(--cnvs-primary-font);
	--cnvs-primary-menu-font-weight: 400;
	--cnvs-primary-menu-ls: 0px;
	--cnvs-primary-menu-tt: none;
}

body,

#wrapper,

#content,

.page-transition-wrap {

	background-color: #ece3da;

}





body.dark,

.dark #wrapper,

.dark #content,

.dark .page-transition-wrap {

	background-color: #000;

}

.is-expanded-menu.side-header .menu-item:not(:first-child) {

	margin-top: 1rem;

}



.is-expanded-menu .menu-item .menu-link {

	font-weight: normal;

	font-size: 1.125rem;

}



.grid-filter li:nth-child(1).activeFilter {

	display: none;

	visibility: hidden;

}



.canvas-cursor {

	pointer-events: none;

	position: fixed;

	top: 0;

	left: 0;

	transform: translate3d(0, 0, 0);

	z-index: 999999;

	transition: transform .05s ease;

}



.canvas-cursor-follower,

.canvas-cursor-dot {

	width: 1.25rem;

	height: 1.25rem;

	background: rgba(var(--cnvs-themecolor-rgb), 0.2);

	border-radius: 50%;

	transition: 0.25s ease;

	transition-property: width, height, border, background;

	position: fixed;

	top: 0;

	left: 0;

	transform: translate(-50%, -50%);

}



.canvas-cursor-dot {

	width: 0.25rem;

	height: 0.25rem;

	background-color: rgba(var(--cnvs-themecolor-rgb), 0.2);

	border: 0;

}



.canvas-cursor-action .canvas-cursor-follower {

	width: 3rem;

	height: 3rem;

	border-color: transparent;

	background: rgba(var(--cnvs-themecolor-rgb), 0.3);

}



#demo-portfolio-filter a {

	display: block;

	position: relative;

	overflow: hidden;

}



#demo-portfolio-filter a img {

	transition: transform .5s ease-out;

	will-change: transform;

	transform-origin: center center;

}



#demo-portfolio-filter a:hover img {

	transform: scale(1.1);

}



.text-stretch {

	position: relative;

	width: calc(100% + 360px);

	z-index: 1;

}



#theme-scheme-btn {

	top: auto;

	left: auto;

	bottom: 30px;

	right: 80px;

	position: fixed;

	width: 40px;

	height: 40px;

	font-size: .875rem;

	line-height: 36px;

	text-align: center;

	color: #FFF;

	cursor: pointer;

	z-index: 9;

	transition: background-color .2s linear;

}