/* ==================================================
   CYTRON 0.16.3
   OPTION 3 BRAND REFINEMENT
   ================================================== */


/* SIDEBAR BRAND */

.cy-brand-mark{
	width:43px!important;
	height:43px!important;

	flex:
		0 0 43px!important;

	object-fit:contain;
}

.cy-brand-name{
	font-size:17px!important;

	font-weight:850!important;

	letter-spacing:.09em!important;
}

.cy-brand-product{
	color:#64d9cb!important;

	letter-spacing:.18em!important;
}


/* LOGIN */

.cy-login-brand-panel{
	padding-left:
		clamp(
			42px,
			6vw,
			88px
		)!important;

	padding-right:
		clamp(
			42px,
			6vw,
			88px
		)!important;
}

.cy-login-brand-logo{
	width:min(
		560px,
		100%
	)!important;

	height:auto!important;

	max-height:none!important;

	margin:
		0
		0
		40px
		0!important;

	display:block;
}

.cy-login-brand-panel > h1,
.cy-login-brand-panel > h2{
	display:none!important;
}

.cy-login-brand-panel p{
	max-width:580px!important;

	margin:
		0
		0
		24px!important;

	color:#d7e6e8!important;

	font-size:
		clamp(
			15px,
			1.35vw,
			18px
		)!important;

	line-height:1.65!important;
}

.cy-login-brand-footer{
	color:#78a2a8!important;
}


/* make login composition less empty */

@media(min-width:851px){

	.cy-login-brand-panel{
		justify-content:center!important;
	}

}


/* MOBILE LOGIN */

@media(max-width:850px){

	.cy-login-brand-logo{
		width:min(
			420px,
			100%
		)!important;

		margin-bottom:
			22px!important;
	}

	.cy-login-brand-panel p{
		font-size:13px!important;
	}
}


/* NAV COMPACT LOGO */

@media(max-width:1179px){

	.cy-brand-mark{
		width:34px!important;
		height:34px!important;

		flex-basis:34px!important;
	}

}