#menuToggle{display: block;position: relative;z-index: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#menuToggle a{text-decoration: none;color: #232323;transition: color 0.3s ease;}
#menuToggle a:hover{color: rgb(49, 113, 144);}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute;top: -7px;left: -5px;cursor: pointer;opacity: 0; /* hide this */z-index: 2; /* and place it over the hamburger */-webkit-touch-callout: none;}
#menuToggle span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #000;border-radius: 3px;z-index: 1;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{opacity: 1;transform: rotate(45deg) translate(-2px, -1px);background: #232323;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px);}
#menu{position: absolute;width: 325px;margin: -200px 0 0 -50px;padding: 250px 50px 100px 50px;padding-top: 220px;background: #fff;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);max-width: 500px;min-width: 325px;height: 100vh;}
#menu li{padding: 10px 0;font-size: 22px;border-bottom:solid 1px rgba(185, 185, 185, 0.5);}
#menu ul{list-style: none;padding-left:0px;}
#menu .cm-cart-widget-small{border-bottom: solid 1px rgba(185, 185, 185, 0.5);padding: 12px 0;}
#menuToggle input:checked ~ ul{transform: none;}