{"html":"<div class=\"outer-menu\" id=\"menu\">\n  <input class=\"checkbox-toggle\" type=\"checkbox\" \/>\n  <div class=\"hamburger\">\n    <div><\/div>\n  <\/div>\n  <div class=\"menu\">\n    <div>\n      <div>\n        {{menu|raw}}\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","html_item":"","html_item2":"","css":".outer-menu * {\n  box-sizing: border-box;\n}\n.outer-menu a,\n.outer-menu a:visited,\n.outer-menu a:hover,\n.outer-menu a:active {\n  color: inherit;\n  text-decoration: none;\n}\n\n.outer-menu\n{\n  position:relative\n}\n\n.outer-menu .checkbox-toggle {\n  position: relative;\n  z-index: 100000000;\n  cursor: pointer;\n  width: 60px;\n  height: 60px;\n  opacity: 0;\n}\n.outer-menu .checkbox-toggle:checked + .hamburger > div {\n  -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n}\n.outer-menu .checkbox-toggle:checked + .hamburger > div:before,\n.outer-menu .checkbox-toggle:checked + .hamburger > div:after {\n  top: 0;\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n}\n.outer-menu .checkbox-toggle:checked + .hamburger > div:after {\n  opacity: 0;\n}\n.outer-menu .checkbox-toggle:checked ~ .menu {\n  pointer-events: auto;\n  visibility: visible;\n}\n.outer-menu .checkbox-toggle:checked ~ .menu > div {\n  -webkit-transform: scale(1);\n          transform: scale(1);\n  -webkit-transition-duration: 0.75s;\n          transition-duration: 0.75s;\n}\n.outer-menu .checkbox-toggle:checked ~ .menu > div > div {\n  opacity: 1;\n  -webkit-transition: opacity 0.4s ease 0.4s;\n  transition: opacity 0.4s ease 0.4s;\n}\n.outer-menu .checkbox-toggle:hover + .hamburger {\n  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);\n}\n.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {\n  -webkit-transform: rotate(225deg);\n          transform: rotate(225deg);\n}\n.outer-menu .hamburger {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  width: 60px;\n  height: 60px;\n  padding: 0.5em 1em;\n  background: transparent;\n  border-radius: 0 0.12em 0.12em 0;\n  cursor: pointer;\n  -webkit-transition: box-shadow 0.4s ease;\n  transition: box-shadow 0.4s ease;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n  display: -webkit-box;\n  display: flex;\n  -webkit-box-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n          justify-content: center;\n}\n.outer-menu .hamburger > div {\n  position: relative;\n  -webkit-box-flex: 0;\n          flex: none;\n  width: 100%;\n  height: 2px;\n  background: #FEFEFE;\n  -webkit-transition: all 0.4s ease;\n  transition: all 0.4s ease;\n  display: -webkit-box;\n  display: flex;\n  -webkit-box-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n          justify-content: center;\n}\n.outer-menu .hamburger > div:before,\n.outer-menu .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  -webkit-transition: all 0.4s ease;\n  transition: all 0.4s ease;\n}\n.outer-menu .hamburger > div:after {\n  top: 10px;\n}\n.outer-menu .menu {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  visibility: hidden;\n  overflow: hidden;\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n  outline: 1px solid transparent;\n  display: -webkit-box;\n  display: flex;\n  -webkit-box-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n          justify-content: center;\n}\n@media only screen and (min-width: 426px){\n.outer-menu .menu > div {\nbackground-image: url(\"\/wp-content\/uploads\/2020\/04\/3527265.png\")!important;\n    border-radius: 50%;\n    background-position: center center!important;\n    background-repeat: no-repeat;\n    background-size: contain!important;\n}\n}\n.outer-menu .menu > div {\n  width: 200vw;\n  height: 200vw;\n  color: #FEFEFE;\n  background: {{menu_background}};\n    \n  border-radius: 50%;\n  -webkit-transition: all 0.4s ease;\n  transition: all 0.4s ease;\n  -webkit-box-flex: 0;\n          flex: none;\n  -webkit-transform: scale(0);\n          transform: scale(0);\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n  overflow: hidden;\n  display: -webkit-box;\n  display: flex;\n  -webkit-box-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n          justify-content: center;\n}\n.outer-menu .menu > div > div {\n  text-align: center;\n  max-width: 90vw;\n  max-height: 100vh;\n  opacity: 0;\n  -webkit-transition: opacity 0.4s ease;\n  transition: opacity 0.4s ease;\n  overflow-y: auto;\n  -webkit-box-flex: 0;\n          flex: none;\n  display: -webkit-box;\n  display: flex;\n  -webkit-box-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n          justify-content: center;\n}\n.outer-menu .menu > div > div > ul {\n  list-style: none;\n  padding: 0 1em;\n  margin: 0;\n  display: block;\n  max-height: 100vh;\n  font-family: \"M PLUS Rounded 1c\", Sans-serif;\n}\n.outer-menu .menu > div > div > ul > li {\n  padding: 0;\n  margin: 1em;\n  font-size: 28px;\n  display: block;\n}\n.outer-menu .menu > div > div > ul > li > a {\n  position: relative;\n  display: inline;\n  cursor: pointer;\n  -webkit-transition: color 0.4s ease;\n  transition: color 0.4s ease;\n}\n.outer-menu .menu > div > div > ul > li > a:hover {\n  color: #e5e5e5;\n}\n.outer-menu .menu > div > div > ul > li > a:hover:after {\n  width: 100%;\n}\n.outer-menu .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  background: #e5e5e5;\n  -webkit-transition: width 0.4s ease;\n  transition: width 0.4s ease;\n}","css_item":"","js":""}