/*
  Header CSS
*/

.et-menu a:hover {
	opacity: 1 !important;
}


#top-navigation {
	position: absolute;
	width: 100%;
	transition: all 0.2s ease-in-out;
}

#top-navigation.et_pb_sticky {
	padding-top: 10px !important;
	padding-bottom: 10px !important;

	box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);

}

#menu-primary>li:not(:first-child) {
	margin-left: 5px;
}

#menu-primary>li>a {
	transition: all 0.2s ease !important;
}

#menu-primary>li>a:before {
	background: none repeat scroll 0 0 transparent;
	bottom: -8px;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	background: var( --pink );
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}

#menu-primary>li>a:hover:before {
	width: 92%;
}



.et-menu .menu-item-has-children>a:first-child {
	padding-right: 0px !important;
}

.et-menu .menu-item-has-children>a:first-child:after {
	content: '' !important;
}




/* Dropdown menu */
#menu-primary .sub-menu {
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-top: none !important;
	border-radius: var( --btn-radius );
	box-shadow: 1px 6px 12px 4px rgb(7 7 7) !important;
	background-color: var( --gray-dark ) !important;
}

/* -- Primary menu submenu */
#menu-primary .sub-menu {
	width: 340px;
	top: 40px;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

#menu-primary.et_pb_sticky .sub-menu {
	background-color: white !important;
}

/* Line to still show on hover */
#menu-primary .sub-menu:before {
	content: "";
	height: 20px;
	width: 100%;
	position: absolute;
	top: -20px;
}

#menu-primary li ul.sub-menu li{
	margin: 0 !important;
	padding: 0 !important;
}

#menu-primary li ul.sub-menu li a{
	width: 200px;
}

#menu-primary li ul.sub-menu li a:hover {
	color: var( --pink ) !important;
}

#menu-primary li ul.sub-menu li a:hover svg {
	stroke: var( --pink ) !important;
}

#menu-primary .sub-menu svg {
	position: relative;
	width: 19px;
	height: 19px;
	top: 4px;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
}

#menu-primary .sub-menu i.fa-laptop-code {
	left: -3px;
}

/* -- Top Menu Submenu anchor */
#menu-primary .sub-menu li > a{
	padding: 14px 25px !important;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}


/* Arrow for dropdown */
#menu-primary .sub-menu li:first-of-type::after,
#menu-primary .sub-menu li:first-of-type::before{
	transition: all .25s ease-in-out;
	content: "";
	pointer-events: none;
	display: block;
	position: absolute;
	right: 47%;
	margin-left: -10px;
	border-radius: 4px;
	z-index: -1;
}

/* -- Primary Menu Arrow */
#menu-primary .sub-menu li:first-of-type::after,
#menu-primary .sub-menu li:first-of-type::before {
	top: -13px;
	width: 1.65rem;
	height: 1.65rem;
}

#menu-primary .sub-menu li:first-of-type::before {
	position: absolute;
	transform: rotate(45deg);
	box-shadow: 0 4px 12px 0 rgba(38,39,39,0.08);
	background: var( --gray-dark );
}

#menu-primary .sub-menu li:first-of-type::after {
	top: 0;
	right: 44%;
	left: auto;
	margin-left: -15px;
	width: 3rem;
	height: 1.8rem;
	background: var( --gray-dark );
}
/* end of arrow */

.sub-menu li a{
	transition: all 0.2s ease !important;
}

.sub-menu li a:hover{
	opacity: 1;
}
/* --- */


/*</editor-fold>*/




/*#global-header .header-canvas .menu li a {*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/

/*#global-header .header-canvas .menu li a svg {*/
/*	width: 19px;*/
/*	margin-right: 12px;*/
/*}*/

/*#global-header #search-icon svg {*/
/*	fill: none;*/
/*	height: 25px;*/
/*	top: 4px;*/
/*	right: -3px;*/
/*}*/



/* --------- DESKTOP --------- */
@media only screen and (min-width: 981px){
	#menu-primary {
		display: flex !important;
		align-items: center !important;
	}
}