{"html":"<div class=\"outer-menu\" id=\"{{uc_id}}\">\n  \n  <div class=\"ue_menu_wrapper\">\n    <div class=\"ue-input-wrapper-align\">\n    <div class=\"ue-input-wrapper\">\n    <input id=\"{{uc_id}}_input\" name=\"fullscreen_menu_input\" class=\"checkbox-toggle\" type=\"checkbox\" \/>\n   \n    \n    <div class=\"ue_hamburger\">\n      <div>\n\n          {% if type == \"custom\" %}\n              <div class=\"ue_hamburger_custom_open\">{{icon_html|raw}}<\/div>\n              <div class=\"ue_hamburger_custom_close\">{{icon_close_html|raw}}<\/div>\n          {% endif %}\t\n\n      <\/div>\n    <\/div>\n    <\/div>\n    <\/div>\n  \n    <div class=\"ue_menu\">\n\n      <div class=\"ue_inner_menu\" data-closeothers=\"{{close_others_on_open}}\" data-clickable='{{clickable_parent_items}}' data-icon-position=\"{{expand_collapse_icon_position}}\" data-icon-source=\"{{expand_collaplse_icon_source}}\" data-expand>\n\n        {% if (show_expand_collapse_icon == \"true\") %}\n        \t<div class=\"ue_inner_menu_expand_icon\" style=\"display: none\">{{expand_svg_html|raw}}<\/div>\n        \t<div class=\"ue_inner_menu_collapse_icon\" style=\"display: none\">{{collapse_svg_html|raw}}<\/div>\n        {% endif %}\t\n        \n        <div class=\"ue_inner_menu-box\">\n\n          <div>{{putElementorTemplate(template_before_templateid)}}<\/div>\n\n          {% if social_icons == \"before\" %}\n              <div class=\"ue_menu-social-icons\">\n                      {{put_items()}}\n                <\/div> \n          {% endif %}\t\n\n          <div>\n            {{menu|raw}}\n          <\/div>\n\n\n          {% if social_icons == \"after\" %}\n              <div class=\"ue_menu-social-icons\">\n                      {{put_items()}}\n                <\/div> \n          {% endif %}\t\n\n          <div>{{putElementorTemplate(template_after_templateid)}}<\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  \n  <\/div>\n<\/div>","html_item":"<a class=\"{{hover_effect}}\" href=\"{{item.link}}\" {{item.link_html_attributes|raw}}>\n\t{{item.icon_html|raw}}\n<\/a>","css":".elementor-sticky{\n\toverflow: visible !important;\n}\n\n\n{% if disable_page_scroll_when_menu_opened == \"true\" %}\n  body.menu-opened{\n  \toverflow: hidden;\n  }\t \n{% endif %}\t\n\n\n#{{uc_id}} * {\n  box-sizing: border-box;\n}\n#{{uc_id}} a,\n#{{uc_id}} a:visited,\n#{{uc_id}} a:hover,\n#{{uc_id}} a:active {\n  text-decoration: none;\n}\n\n\n#{{uc_id}} .ue-input-wrapper\n{\n  position:relative;\n  \n}\n\n#{{uc_id}} .ue-input-wrapper-align{\n  display:flex;\n}\n#{{uc_id}} .ue_hamburger *{\n  transition: all 200ms;\n}\n#{{uc_id}} .ue_hamburger_custom_open svg\n{\n  height:1em;\n  width:1em;\n}\n\n#{{uc_id}} .ue_hamburger_custom_close svg\n{\n  height:1em;\n  width:1em;\n}\n\n\n#{{uc_id}}\n{\n  position:relative;\n  z-index:99998;\n}\n\n#{{uc_id}} .checkbox-toggle {\n  position: absolute;\n  z-index: 100000000;\n  cursor: pointer;\n  width: {{hamburger_size}};\n  height: {{hamburger_size}};\n  opacity: 0;\n  top:0px;\n}\n\n#{{uc_id}} .checkbox-toggle:checked + .ue_hamburger > div:after {\n  opacity: 0;\n}\n#{{uc_id}}.menu-opened .ue_menu {\n  pointer-events: auto;\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n      visibility: visible;\n  -webkit-transition-duration: 0.75s;\n          transition-duration: 0.75s;\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu > div > div {\n  opacity: 1;\n  transition: opacity 0.4s ease 0.4s;\n}\n\n\/* start open transition animations *\/\n{% if open_transition == \"zoom_in\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: scale(0);\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  -webkit-transform: scale(1);\n          transform: scale(1);\n  -webkit-transition-duration: 0.75s;\n          transition-duration: 0.75s;\n}\n{% endif %}\t\n\n{% if open_transition == \"slide_from_left\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(-100%, 0);\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\n{% if open_transition == \"slide_from_top\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(0, -100%);\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\n{% if open_transition == \"slide_from_right\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(100%, 0);\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\n{% if open_transition == \"slide_from_bottom\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(0, 100%);\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\n{% if open_transition == \"fade_in_left\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(-100%, 0);\n opacity: 0;\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  opacity: 1;\n  transition: opacity .7s ease, transform .7s ease;\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\n{% if open_transition == \"fade_in_top\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(0, -100%);\n  opacity: 0;\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  opacity: 1;\n  transition: opacity .7s ease, transform .7s ease;\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\n{% if open_transition == \"fade_in_right\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(100%, 0);\n  opacity: 0;\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  opacity: 1;\n  transition: opacity .7s ease, transform .7s ease;\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\n{% if open_transition == \"fade_in_bottom\" %}\n#{{uc_id}} .ue_menu .ue_inner_menu {\ntransform: translate(0, 100%);\n  opacity: 0;\n}\n#{{uc_id}}.menu-opened .ue_menu > div.ue_inner_menu {\n  opacity: 1;\n  transition: opacity .7s ease, transform .7s ease;\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n{% endif %}\t\n\/* end open transition animations *\/\n\n#{{uc_id}} .ue_hamburger {\n  top: 0;\n  cursor: pointer;\n  transition: 0.4s;\n  backface-visibility: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position:absolute;\n  z-index:99999999;\n}\n\n{% if type == \"regular\" %}\n#{{uc_id}} .checkbox-toggle:checked + .ue_hamburger > div {\n          transform: rotate(135deg);\n}\n#{{uc_id}} .checkbox-toggle:checked + .ue_hamburger > div:before,\n#{{uc_id}} .checkbox-toggle:checked + .ue_hamburger > div:after {\n  top: 0;\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n}\n#{{uc_id}} .checkbox-toggle:checked:hover + .ue_hamburger > div {\n          transform: rotate(225deg);\n}\n#{{uc_id}} .ue_hamburger > div {\n  position: relative;\n  -webkit-box-flex: 0;\n          flex: none;\n  width: 100%;\n  height: 2px;\n  transition: all 0.4s ease;\n  display: flex;\n          align-items: center;\n          justify-content: center;\n  background-color:{{hamburger_icon_color}};\n}\n\n#{{uc_id}} .checkbox-toggle:checked + .ue_hamburger > div {\n          color:{{hamburger_icon_color}};\n          background-color:{{hamburger_icon_active_color}};\n}\n\n#{{uc_id}} input:hover + .ue_hamburger > div\n{\n  background-color:{{hamburger_icon_color_hover}};\n}\n\n#{{uc_id}} .ue_hamburger > div:before,\n#{{uc_id}} .ue_hamburger > div:after {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: -10px;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background: inherit;\n}\n\t\n#{{uc_id}} .ue_hamburger > div:after {\n  top: 10px;\n}\n{% endif %}\n\n\n\n#{{uc_id}} .ue_menu {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  pointer-events: none;\n  visibility: hidden;       \n  backface-visibility: hidden;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* start protection from doubled fixed section in elementor *\/\n.elementor-sticky #{{uc_id}} .ue_menu{\n  opacity: 0;\n   pointer-events: none;\n}\n.elementor-sticky--active #{{uc_id}}.menu-opened .ue_menu{\n\topacity: 1;\n   pointer-events: all;\n}\n\/* end protection from doubled fixed section in elementor *\/\n\n#{{uc_id}} .ue_menu .ue_inner_menu {\n  color: #fff;\n  transition: all 0.4s ease;\n  height: 100vh;\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n}\n#{{uc_id}} .ue_inner_menu-box{\n  {% if vertical_position == \"center\" %}\n  margin-top: auto;\n  {% endif %}\t\n  margin-bottom: auto;\n  width: 100vw;\n  flex: none;\n  backface-visibility: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n#{{uc_id}} .ue_menu > div > div > div {\n  max-width: 90vw;\n  width: 100%;\n  opacity: 0;\n  -webkit-transition: opacity 0.4s ease;\n  transition: opacity 0.4s ease;\n  overflow-y: auto;\n  flex: none;\n  display: flex;\n  align-items: center;\n}\n#{{uc_id}} ul:not(#{{uc_id}} section ul) {\n  list-style: none;\n  margin: 0;\n  display: block;\n  padding:0px;\n}\n#{{uc_id}} .ue_menu  div  div  ul li {\n  padding: 0;\n  display: block;\n}\n#{{uc_id}} .ue_menu  div  div  ul  li a {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  transition: color 0.4s ease;\n}\n\n#{{uc_id}} .ue_menu  div  div  ul  li  a:hover {\n}\n\n\n\n\n{% if underline_hover_effect == \"true\" %}\n\t\n#{{uc_id}} .ue_menu  div  div  ul  li a:hover:after {\n  width: 100%;\n}\n#{{uc_id}} .ue_menu  div  div  ul  li  a:after {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  bottom: -0.15em;\n  left: 0;\n  width: 0;\n  height: 2px;\n  transition: width 0.4s ease;\n}\n\n{% endif %}\t\n\n\n\n.ue_menu_wrapper\n{\n  position:relative;\n}\n\n\n{% if type == \"custom\" %}\n\t.ue_hamburger_custom_close\n    {\n      display:none;\n    }\n\n\t#{{uc_id}} .checkbox-toggle:checked + .ue_hamburger div.ue_hamburger_custom_close {\n          display:block;\n     }\n     \n     #{{uc_id}} .checkbox-toggle:checked + .ue_hamburger div.ue_hamburger_custom_open\n     {\n       display:none;\n     }\n\n\t #{{uc_id}} input:hover + .ue_hamburger > div\n      {\n        color:{{hamburger_icon_color_hover}};\n      }\n\n#{{uc_id}} .ue_hamburger > div {\n\n  color:{{hamburger_icon_color}};\n}\n\n{% endif %}\n\n\n#{{uc_id}} .ue_menu-social-icons a\n{\n  display:inline-block;\n  line-height:1em;\n}\n\n#{{uc_id}} .ue_menu-social-icons a svg\n{\n  height:1em;\n  width:1em;\n}\n\n#{{uc_id}} .sub-menu\n{\ntransition: 0.5s;\noverflow: hidden;\nheight: auto;\n}\n\n{% if (show_expand_collapse_icon) == \"true\" %}\n#{{uc_id}} .collapsed i::before,\n#{{uc_id}} .expanded i::before{\n    font-weight: 900;\n  \tfont-size: {{expand_collapse_icon_size}}px;\n    line-height:1em;\n  \tdisplay: inline-block;\n    vertical-align: middle;\n}\n#{{uc_id}} .uc-menu-item-pointer{\n  \tposition: absolute;\n    {% if expand_collapse_icon_position == 'start' %}\n       left: -15px; \n  \t   transform: translate(-{{expand_collapse_icon_size}}px,0);\n    {% else %}\n       right: -15px;\n  \t   transform: translate({{expand_collapse_icon_size}}px,0);\n    {% endif %}\n}\n\n#{{uc_id}} .uc-menu-item-pointer svg{\n\twidth: {{expand_collapse_icon_size}}px;\n  \theight: {{expand_collapse_icon_size}}px;\n}\n{% endif %}","js":"jQuery(document).ready(function(){\n  \t\n  \tvar objWidget = jQuery(\"#{{uc_id}}\");\n\tvar objCheckbox = objWidget.find(\".checkbox-toggle\");\n  \tvar objInputWrapper = objWidget.find(\".ue-input-wrapper-align\");\n  \n\tif (objCheckbox.is(\":checked\"))\n    objCheckbox.removeAttr(\"checked\");\n          \n    objCheckbox.prop('checked',false);\n    objWidget.removeClass(\"menu-opened\");\n\t\n\tvar objLinks = jQuery(\"#{{uc_id}} .uc-list-menu a\");\n  \tvar body = jQuery(\"body.elementor-page\");\n \n  \n  \tobjWidget.delegate(\".checkbox-toggle\", \"click\", function(){\n\n      if(objCheckbox.is(\":checked\")){\n        body.addClass(\"menu-opened\");\n        objWidget.addClass(\"menu-opened\");\n        objMenu.collapseAll();\n                \n      }else{\n      \tbody.removeClass(\"menu-opened\");\n        objWidget.removeClass(\"menu-opened\");\n      }            \n    });\n  \n  \tfunction toggleIcon(objLink){    \n      \n      var isLinkOpened = objLink.hasClass('expanded');\n      var objLinkContainer = objLink.find('.uc-menu-item-pointer');\n      \n      var objMenu = jQuery(\"#{{uc_id}}\");\n      \n      var objExpandIcon = objMenu.find(\".ue_inner_menu_expand_icon\").html();\n      var objCollapseIcon = objMenu.find(\".ue_inner_menu_collapse_icon\").html();\n  \n      if(isLinkOpened == true)\n      objLinkContainer.html(objCollapseIcon);\n      \n      if(isLinkOpened == false)\n      objLinkContainer.html(objExpandIcon);       \n              \n    }\n\t\n  \tjQuery(window).on(\"keydown\", function(e) {\n        if(e.key == \"Escape\"){\n           if (objCheckbox.is(\":checked\"))\n            objCheckbox.removeAttr(\"checked\");\n\n            objCheckbox.prop('checked',false); \n          \tobjWidget.removeClass(\"menu-opened\");\n          \n           body.removeClass(\"menu-opened\");\n        } \n\t});\n  \n  \t\/\/imitate top position of the close icon\n    {% if close_icon_position == \"top\" %}\n        var objMenu = jQuery('#{{uc_id}}');\n     \tvar objInnerMenu = objMenu.find('.ue_inner_menu');\n     \tvar objInput = objMenu.find('.checkbox-toggle');\n     \tvar objHamburger = objMenu.find('.ue_hamburger');\n     \tvar scrolledDistance;\n         \n     \tobjInnerMenu.on('scroll', function(e){\n          \n          \tscrolledDistance = objInnerMenu.scrollTop();\n          \n        \tobjInput.css({\n              'transform': 'translate(0, -' + scrolledDistance + 'px)',\n              'transition': 'unset'\n            });\n          \tobjHamburger.css({\n              'transform': 'translate(0, -' + scrolledDistance + 'px)',\n              'transition': 'unset'\n            });\n        });\n     \n     \tobjWidget.delegate(\".checkbox-toggle\", 'click', function(){\n         \n        \tobjInput.css({\n              'transform': 'translate(0, 0)',\n              'transition': ''\n            });\n          \n          \tobjHamburger.css({\n              'transform': 'translate(0, 0)',\n              'transition': ''\n            });\n        });\n        \n    {% endif %}\t\n  \n    if(typeof UCAccordionMenu == \"undefined\"){\n      \tconsole.log(\"fullscreen menu error: the fullscreen file: menu.js in ac_assets folder is missing or empty, please check\");\n\t}\n    \n    var objMenu = new UCAccordionMenu(\"{{uc_id}} .ue_inner_menu\");\n    objMenu.runMenu();\n     \n     \n     \n    objLinks.click(function(e){\n      \n\t\tvar objLink = jQuery(this);\n      \n      \ttoggleIcon(objLink);\n        \n\t\tvar url = objLink.attr(\"href\");\n\t\turl = jQuery.trim(url);\n\t\t\n\t\tif(!url)\n\t\t\treturn(true);\n      \n      \tvar objLinkParent = objLink.parent();\n      \tvar isClickable = jQuery(\"#{{uc_id}} .ue_inner_menu\").data('clickable');\n      \n      \tfunction goToItem(){\n        \t\n              if (objCheckbox.is(\":checked\"))\n              objCheckbox.removeAttr(\"checked\");\n\n              objCheckbox.prop('checked',false);\n              objWidget.removeClass(\"menu-opened\");\n            \n\n          \tbody.removeClass(\"menu-opened\");\n        }\n      \n      \tvar expandCollapsed = jQuery('.uc-menu-item-pointer');\n      \tvar target = e.target\n        \n        if(target == expandCollapsed[0]){\n          return(true);\n        }\n      \n      \tif(isClickable == false){\n          \n          if(objLinkParent.hasClass('menu-item-has-children')){\n          \treturn(true)\n          }else{\n          \tgoToItem();\n          }\n          \n        }else{\n          goToItem();\n        }\n      \n\t\treturn(true);\n\t});\n     \n    {% if (open_submenu_on_hover == 'true') %} \n    \n    \t\/\/declare var for desktop viewport controll\n    \tvar isDesktopViewport = window.matchMedia(\"(min-width: 1024px)\");\n    \t\n     \t\/\/open submenu when mouse enters\n    \tobjLinks.on(\"mouseover\", function(){\n          \n          \tif(isDesktopViewport.matches == false)\n            return(false);\n          \n          \tvar objLink = jQuery(this);\n          \tvar objLinkParent = objLink.parent();\n        \t\n          \tif(objLinkParent.hasClass(\"menu-item-has-children\") == false)\n        \treturn(false);\n          \n          \t{% if (clickable_parent_items == 'true') %}\n            \n            \tif(objLink.hasClass(\"expanded\"))\n                return(false);\n            \n             \tvar objLinkIcon = objLink.find(\".uc-menu-item-pointer\");\n\n                objLink.trigger(\"click\");\n             \n            {% else %}\n            \t\t\n            \tif(objLink.hasClass(\"expanded\"))\n                return(false);\n            \n                objLink.trigger(\"click\");\n             \n          \t{% endif %}\n        });\n        \n             \n        var objLinkParents = objLinks.parents('.menu-item-has-children');\n          \n        \/\/close submenu when mouse leave     \n        objLinkParents.on(\"mouseleave\", function(){\n          \n          \tif(isDesktopViewport.matches == false)\n            return(false);\n          \n          \tvar objLinkParent = jQuery(this);\n          \tvar objLink = objLinkParent.find('> a');\n          \t\n          \t{% if (clickable_parent_items == 'true') %}\n            \n            \tif(objLink.hasClass(\"collapsed\") == true)\n                return(false);\n            \n             \tvar objLinkIcon = objLink.find(\".uc-menu-item-pointer\");\n\n             \tsetTimeout(function(){\n                \tobjLink.trigger(\"click\");\n                }, 600);\n             \n            {% else %}\n            \t\t\n            \tif(objLink.hasClass(\"collapsed\") == true)\n                return(false);\n            \n             \tsetTimeout(function(){\n                \tobjLink.trigger(\"click\");\n                }, 600);\n          \t\t\n             \n          \t{% endif %}\n        });\n    \t\t    \n    \n  \t{% endif %}\n      \n    {% if (show_expand_collapse_icon == 'true') %}\n    \n      objLinks.each(function(){\n         objLink = jQuery(this);\n         toggleIcon(objLink);\n      }); \n     \n    {% endif %}     \n  \n});"}