{"html":"<nav id=\"{{uc_id}}\" class=\"uc_navbar {{alignment}} {{direction}}\">\n\t<ul class=\"uc_nav-menu\">\n\t\t{{put_items()}}\n\t<\/ul>\n<\/nav>","html_item":"<li>\n\t<a data-scroll=\"{{item.section_id|raw}}\" href=\"#{{item.section_id|raw}}\" class=\"uc_dot\">\n\t\t<span class=\"uc_title\">{{item.title|raw}}<\/span>\n\t<\/a>\n<\/li>","css":"#{{uc_id}}.uc_navbar .uc_nav-menu li .uc_dot span.uc_title{\n \tcolor: {{color}};\n  \tbackground-color: {{background}};\n  \tfont-size: {{font_size}}px;\n}\n\n#{{uc_id}}.uc_navbar .uc_nav-menu li .uc_dot::after{\n \tborder-color: {{active_bullet_color}};\n}\n#{{uc_id}}.uc_navbar .uc_nav-menu li .uc_dot.uc_active::before,\n#{{uc_id}}.uc_navbar .uc_nav-menu li:hover .uc_dot::before,\n#{{uc_id}}.uc_navbar .uc_nav-menu li .uc_dot:hover::before{\n  \tbackground: {{active_bullet_color}};\n  \tborder-color: {{active_bullet_color}};\n}\n\n#{{uc_id}}.uc_navbar .uc_nav-menu li .uc_dot span::before{\n  \tborder-left-color: {{background}};\n}\n#{{uc_id}}.uc_navbar .uc_nav-menu li .uc_dot::before{\n \t border-color: {{default_bullet_color}};\n}\n\n{% if (alignment == \"left\") %}\n\/*Align Left*\/\n#{{uc_id}}.uc_navbar.left .uc_nav-menu{\n\talign-items: start;\n}\n\n#{{uc_id}}.uc_navbar.left .uc_nav-menu li .uc_dot::before{\n\tleft: 0; \n  \tright: inherit;\n}\n#{{uc_id}}.uc_navbar.left .uc_nav-menu li .uc_dot::after{\n\tleft: -5px; right: inherit;\n}\n#{{uc_id}}.uc_navbar.left .uc_nav-menu li .uc_dot span::before{\n\tleft: -14px; \n  \tright: inherit;\n\tborder-right: 7px solid {{background}};\n\tborder-left: 0px;\n}\n#{{uc_id}}.uc_navbar.left .uc_nav-menu li .uc_dot span,\n#{{uc_id}}.uc_navbar.left .uc_nav-menu li .uc_dot.uc_active span, \n#{{uc_id}}.uc_navbar.left .uc_nav-menuli:hover .uc_dot span{\n\tmargin: 0 0 0 30px;\n}\n#{{uc_id}}.uc_navbar.row .uc_nav-menu li{ padding-right: 0;}\n{% endif %}\n\n#{{uc_id}}.uc_navbar .uc_nav-menu{\n  \tflex-flow: {{direction}};\n}\n\n\n{% if (direction == \"row\") %}\n\/*Position*\/\n#{{uc_id}}.uc_navbar.row .uc_nav-menu li{ padding-right: 0;}\n#{{uc_id}}.uc_navbar.row .uc_nav-menu li .uc_dot span, \n#{{uc_id}}.uc_navbar.row .uc_nav-menu li .uc_dot.uc_active span, \n#{{uc_id}}.uc_navbar.row .uc_nav-menuli:hover .uc_dot span{\n\tmargin: 30px 0 0;\n}\n#{{uc_id}}.uc_navbar.row .uc_nav-menu li .uc_dot span::before{\n\tleft: 50%;\n\tright: inherit;\n\ttop: -10px;\n\ttransform: translateX(-50%) rotate(90deg);\n\t-webkit-transform: translateX(-50%) rotate(90deg);\n}\n#{{uc_id}}.uc_navbar.row .uc_nav-menu li .uc_dot::after {\n    left: calc(50% - 9px);\n    right: inherit;\n\ttop: 0;\n}\n#{{uc_id}}.uc_navbar.row .uc_nav-menu li .uc_dot::before {\n    left: calc(50% - 4px);\n    right: inherit;\n\ttop: 0;\n}\n\n\n{% endif %}","js":"jQuery(document).ready(function() {\n\n  var link = jQuery('#{{uc_id}} .uc_nav-menu li a.uc_dot');\n\n  \/\/ Move to specific section when click on menu link\n  link.on('click', function(e) {\n    \n    var target = jQuery(jQuery(this).attr('href'));\n    jQuery('html, body').animate({\n      scrollTop: target.offset().top\n    }, 600);\n    jQuery(this).addClass('uc_active');\n    e.preventDefault();\n});\n  \n  \n\/\/ scrNav function \n  \/\/ Change active dot according to the active section in the window\nfunction scrNav() {\n    jQuery(\".elementor-section\").each(function() {\n\t\tvar e = jQuery(this);\n\t\te.offset().top - jQuery(window).height() \/ 2 < jQuery(window).scrollTop() && (e.offset().top >= jQuery(window).scrollTop() || e.offset().top + e.height() - jQuery(window).height() \/ 2 > jQuery(window).scrollTop()) ? jQuery('#{{uc_id}} ul li > a[data-scroll=\"' + e.attr(\"id\") + '\"]').addClass(\"uc_active\") : jQuery('#{{uc_id}} ul li > a[data-scroll=\"' + e.attr(\"id\") + '\"]').removeClass(\"uc_active\")\n\t});\n  }\n\t\n\t\/\/ Run the scrNav when scroll\n  jQuery(window).on('scroll', function(){\n    scrNav();\n  });\n\t\n  scrNav();\n  \n\n});"}