/* ----------------------------------------------------------------
	Vivanta CSS

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

:root {
	--cnvs-themecolor: #b34632;
	--cnvs-themecolor-rgb: 179, 70, 50;

	--cnvs-color-vivanta-blue: #24125e; 
	--cnvs-color-vivanta-blue-rgb:36, 18, 94;

	--cnvs-color-vivanta-red: #d42e12;
	--cnvs-color-vivanta-red-rgb: 212, 46, 18;

	--cnvs-body-font: 'Poppins', sans-serif;
	--cnvs-primary-font: 'Poppins', sans-serif;
	--cnvs-secondary-font: 'Poppins', serif;

	--cnvs-section-features-bg: 	url('images/bg-3.svg');
	--cnvs-gradient-color: linear-gradient(to right, #f6955c, #f23457);

	--cnvs-header-height: 70px;
}

/* #header {
	--cnvs-primary-menu-font-size: 13px;
	--cnvs-primary-menu-tt: uppercase;
	--cnvs-primary-menu-ls: 1px;
	--cnvs-primary-menu-font-weight: 700;
} */

.vivanta-blue {
	/* background-color: var(--cnvs-color-vivanta-blue) !important; */
	color: var(--cnvs-color-vivanta-blue) !important;
}

.vivanta-red {
	/* background-color: var(--cnvs-color-vivanta-blue) !important; */
	color: var(--cnvs-color-vivanta-red) !important;
}

.vivanta-blue-bg {
	background-color: var(--cnvs-color-vivanta-blue) !important;
}

.vivanta-red-bg {
	background-color: var(--cnvs-color-vivanta-blue) !important; 
}

/* Custom Header Size
-----------------------------------------------------------------*/
.header-size-custom #logo img {
	height: var(--cnvs-header-height) !important;
}

/* pre-loader spinner */
#css3-spinner-svg-pulse-wrapper {
	position: absolute;
	overflow: hidden;
	width: 260px;
	height: 210px;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -130px;
	background-color: transparent;
	animation: none;
	-webkit-animation: none;
}

#css3-spinner-svg-pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -275px;
}

#css3-spinner-pulse {
	stroke-dasharray: 281;
	-webkit-animation: dash 5s infinite linear forwards;
}

/*pre-loader spinner Animation*/
@-webkit-keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}

@keyframes dash {
	from {
		stroke-dashoffset:814;
	}

	to {
		stroke-dashoffset:-814;
	}
}