#main-menu-block{position: absolute;left: 0;transition: none;display:none;background:url(//www.johncumming.org.uk/wp-content/themes/john-cumming/images/menu-bg.jpg) no-repeat center center;background-size:cover;padding-top:69px;top: 0;width: 100%;min-height: 100vh;z-index:9;}
#main-menu-block .container{}
#main-menu-block p.bottom{color: #f4492e;font-size: 10px;margin-top: 0;}
.active_mobmenu{transition:none;}
#mobmenu,.active_mobmenu{top:82px;position:fixed;left:0;z-index: 99;}
.hamburger-spring{display:block;width:62px;height:103px;position:relative;background-color: #6e6b64;}
#mobmenu .hamburger-box{margin: 0 auto;}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
width: 25px;
left: 0;
right: 0;
margin: 0 auto;
height: 2px;
background-color: #ffffff;
border-radius: 0;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::after,
.hamburger-inner::before{content:"";}
.hamburger-inner{top:42px;}
.hamburger-inner:before{top:8px;}
.hamburger-inner:after{top:16px;}
.hamburger-spring.is-active .hamburger-inner {
-webkit-transition-delay: .22s;
transition-delay: .22s;
background-color: transparent;
}
.hamburger-spring.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
transition: top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
-webkit-transform: translate3d(0,10px,0) rotate(45deg);
transform: translate3d(0,10px,0) rotate(45deg);
}
.hamburger-spring.is-active .hamburger-inner::after {
top: 0;
-webkit-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
-webkit-transform: translate3d(0,10px,0) rotate(-45deg);
transform: translate3d(0,10px,0) rotate(-45deg);
}
.active_mobmenu span.mobmenu_icon{display:block;width:62px;height:103px;background:url(//www.johncumming.org.uk/wp-content/themes/john-cumming/images/menu-close.png) no-repeat center center #6e6b64;}
.main-menu{position:relative;padding-top: 148px;}
ul.menu,ul.menu li,ul.accordion,ul.accordion li,ul.flyout,ul.flyout li{margin:0;padding:0;}
ul.menu li.hide{display:none !important;}
ul.menu li a,ul.accordion li a,ul.flyout li a{display:block;}
ul.menu li:before,ul.accordion li:before,ul.flyout li:before{display:none;}
ul.menu,ul.menu li,ul.menu ul.sub-menu,ul.menu ul.sub-menu li{margin:0;padding:0;}
.main-menu ul.menu li{position:relative;margin:0 auto 10px;}
ul.menu li.false > a{cursor:text;}
.main-menu ul.menu li a{font-size: 30px;color: #ffffff;text-transform:lowercase;display: inline-block;}
.main-menu ul.menu li.current-menu-item a,
.main-menu ul.menu li>a:hover{color:#d1cabd;}
.main-menu ul.menu > li > a{}
.main-menu ul.menu li span{transition:none;}
.main-menu ul.menu li a:before{}
.main-menu ul.menu li a:hover:before,
.main-menu ul.menu li a:focus:before,
.main-menu ul.menu li a:active:before{}
#main-menu-block .bottom_info{margin-top:80px;}
#main-menu-block .bottom_link{margin-bottom:0;}
#main-menu-block .bottom_link {font-size: 30px;}
#main-menu-block .bottomtext{font-weight: 300;font-size: 18px;color: #ffffff;}
#main-menu-block .bottomtext a{color:#ffffff;}
#main-menu-block .copyright{position:absolute;bottom:160px;font-size: 14px;color: #d1cabd;}
body.show_menu{height:100vh !important;overflow:hidden;}