/* MENUS NAVIGATION EFFECTS */



header.fx-1 ul.menu > li > a:after { content:''; display:block; bottom:10px; height:1px; position: absolute; left:50%; right:50%; opacity:0; transition: all 0.3s ease 0s; background-color:currentColor; }
header.fx-1 #header-top ul.menu > li > a:after { background-color:var(--dyn-header_top_linkcolor); }
header.fx-1 #header-main ul.menu > li > a:after { background-color:var(--header-hovercolor); }
header.fx-1 ul.menu > li > a:hover:after, header.fx-1 ul.menu > li.current-menu-ancestor > a:after { right:calc(var(--menu-main-link-padding) - 6px); left:calc(var(--menu-main-link-padding) - 6px); opacity: 1; }


header.fx-2 ul.menu > li > a:after { content:''; display:block; bottom:8px; height:2px; position: absolute; left:var(--menu-main-link-padding); width:0; opacity:1; transition: all 0.3s ease 0s; background-color:currentColor; }
header.fx-2 #header-top ul.menu > li > a:after { background-color:var(--dyn-header_top_linkcolor); }
header.fx-2 #header-main ul.menu > li > a:after { background-color:var(--header-hovercolor); }
header.fx-2 ul.menu > li > a:hover:after, header.fx-2 ul.menu > li.current-menu-ancestor > a:after { width:calc(100% - 2 * var(--menu-main-link-padding)); }

header.fx-3 ul.menu > li > a:after { content:''; display:block; bottom:10px; height:1px; position: absolute; left:var(--menu-main-link-padding); right:var(--menu-main-link-padding); opacity:0; transition: all 0.3s ease 0s; background-color:currentColor; }
header.fx-3 #header-top ul.menu > li > a:after { background-color:var(--dyn-header_top_linkcolor); }
header.fx-3 #header-main ul.menu > li > a:after { background-color:var(--header-hovercolor); }
header.fx-3 ul.menu > li > a:hover:after, header.fx-3 ul.menu > li.current-menu-ancestor > a:after { opacity: 1; }

header.fx-4 ul.menu > li > a:after { content:''; display:block; bottom:7px; height:2px; position: absolute; left:calc(var(--menu-main-link-padding) - 4px); right:var(--menu-main-link-padding); opacity:0; transition: all 0.3s ease 0s; background-color:currentColor; }
header.fx-4 #header-top ul.menu > li > a:after { background-color:var(--dyn-header_top_linkcolor); }
header.fx-4 #header-main ul.menu > li > a:after { background-color:var(--header-hovercolor); }
header.fx-4 ul.menu > li > a:hover:after, header.fx-4 ul.menu > li.current-menu-ancestor > a:after { bottom:calc(100% - 7px); opacity: 1; }

header.fx-5 ul.menu > li > a:after { content:''; display:block; bottom:0; top:-2px; position: absolute; left:0; right:0; opacity:0; z-index:-1; transition: all 0.3s ease 0s; background-color:currentColor; }
header.fx-5 #header-top ul.menu > li > a:after { background-color:var(--dyn-header_top_linkcolor); }
header.fx-5 #header-main ul.menu > li > a:after { background-color:var(--header-hovercolor); }
header.fx-5 ul.menu > li > a:hover:after, header.fx-5 ul.menu > li.current-menu-ancestor > a:after { opacity: .3; }