Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory :  /home/claqxcrl/claquemagazineawards.com/wp-content/themes/exs/assets/css/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

#nav_top.top-nav{
	color: #fff;
	width: 100%;
	right: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0;
	transition: all .2s ease;
	background: rgba(0, 0, 0, .05);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	display: flex;
}

#nav_top.top-nav.active{
	background: rgba(0, 0, 0, .5);
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#nav_top.top-nav .top-menu{
	display: block;
	max-width: var(--mobileNavWidth);
	margin: auto;
}

#nav_top.top-nav .top-menu > li{
	position: relative;
	opacity: 0;
	left: -30px;
}

#nav_top.top-nav .top-menu > li > a{
	font-size: 2em;
}

#nav_top.top-nav .top-menu a{
	display: none;
	color: #fff;
}

#nav_top.top-nav .top-menu a:hover{
	color: var(--colorMain);
}

#nav_top.top-nav .top-menu form{
	display: none;
}

#nav_top.top-nav .social-links svg{
	fill: #fff;
}

#nav_top.top-nav.active .top-menu a{
	display: inline-block;
}

#nav_top.top-nav.active .top-menu a.logo{
	display: flex;
}

#nav_top.top-nav.active .top-menu form{
	display: block;
}

#nav_top.top-nav.active .top-menu > li{
	opacity: 1;
	left: 0;
	transition: .5s all ease;
	transition-delay: .2s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(2){
	transition-delay: .3s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(3){
	transition-delay: .4s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(4){
	transition-delay: .5s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(5){
	transition-delay: .6s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(6){
	transition-delay: .7s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(7){
	transition-delay: .8s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(8){
	transition-delay: .9s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(9){
	transition-delay: 1s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(10){
	transition-delay: 1.1s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(11){
	transition-delay: 1.2s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(12){
	transition-delay: 1.3s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(13){
	transition-delay: 1.4s;
}

#nav_top.top-nav.active .top-menu > li:nth-child(14){
	transition-delay: 1.5s;
}