/* ----------------------------------------------------------------
	Canvas: SEO
-----------------------------------------------------------------*/

/* Root Settings
-----------------------------------------------------------------*/
:root {
	--cnvs-header-boxshadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
}

#header {
	--cnvs-header-floating-top-offset: 15px;
	--cnvs-primary-menu-font-size: 15px;
}

.is-expanded-menu #header.floating-header + .include-header {
	margin-top: -161px;
}

/* Buttons
-----------------------------------------------------------------*/
.button {
	text-shadow: none;
	font-weight: 600;
}

.button:not(.w-100):hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

div.menu-link { cursor: default; }

/* Top Links
-----------------------------------------------------------------*/
.top-links-item {
	border-left: 0;
}

.top-links-item a img {
	position: relative;
	display: inline-block;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	top: -2px;
	margin-right: 8px;
	border: 1px solid var(--cnvs-contrast-0);
	background-color: var(--cnvs-contrast-700);
}

.border-bottom { border-color: var(--cnvs-contrast-100) !important;}

.heading-block > p {
	color: var(--cnvs-contrast-600);
}

.slider-title p,
.feature-box.fbox-center p {
	line-height: 1.7;
	color: var(--cnvs-contrast-600);
	letter-spacing: 0;
}

.play-icon i {
	width: 70px;
	height: 70px;
	line-height: 71px;
	font-size: 24px;
	background: linear-gradient(60deg, #fE9603, #ff8e01, #ed9931, #f37055);
	color: var(--cnvs-contrast-0);
	text-align: center;
	border-radius: 50%;
	padding-left: 4px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	transition: transform .3s ease;
	animation: animdgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

@keyframes animdgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.play-icon:hover i { transform: scale(1.1); }

#oc-clients .oc-item img { height: 32px; }


/* Responsive Device more than 1015px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 1015px) {

	#header.transparent-header.floating-header {
		margin-top: 15px;
	}

	.menu-link {
		text-transform: none;
		letter-spacing: 0;
		font-size: var(--cnvs-primary-menu-font-size);
		font-weight: 600;
	}

	.sub-menu-container .menu-item > .menu-link {
		font-size: calc( var(--cnvs-primary-menu-font-size) - 1px );
	}

	/* Topbar
	-----------------------------------------------------------------*/
	#top-bar.transparent-topbar {
		border-bottom: 0;
		z-index: 399;
		margin-top: 15px;
		background: transparent;
	}

	#top-bar.transparent-topbar #top-social li { border: 0; }
}