/*
Theme Name: Divi Child Rowan
Theme URL: https://www.elegantthemes.com/
Description: Customised Divi Theme
Author: Andy Sanwell
Author URL: http://thistlethoughts.uk
Template: Divi
Version: 3.26.3
Text Domain: divi-child-rowan
*/
/*
See https://www.b3multimedia.ie/create-minimalistic-divi-mobile-menu/?fbclid=IwAR1xCiZbuoMs8sLL6mUG7CJYQW2jNUmmjxQ8eEaxKhFE7vjjdlzBVeeGa9o
Disabled 17/7/19 and used Divi Toolbox for simplification AS

 #mobile_menu,  .opened #mobile_menu {
 position: fixed;
 display: flex;
 flex-direction: column;
 justify-content: center;
 min-height: 100%;
 max-height: 100%;
 z-index: 10;
 top: 0;
 border: none;
 overflow-y: auto;
 max-width: 100%;
 float: left;
 transition: all cubic-bezier(0.5, 0, 0, 1) 800ms;
 background-color: rgba(13,33,73,0.78);
 background-size: cover;
 background-repeat: no-repeat;
}
 
.opened #mobile_menu {
 transform: none;
}
.opened #mobile_menu a {
 transform: none;
 opacity: 1;
}
.opened #mobile_menu .menu-item:nth-child(1) a, .closed #mobile_menu .menu-item:nth-last-child(1) a {
 transition-delay: 100ms;
}
 
.opened #mobile_menu .menu-item:nth-child(2) a, .closed #mobile_menu .menu-item:nth-last-child(2) a {
 transition-delay: 200ms;
}
 
.opened #mobile_menu .menu-item:nth-child(3) a, .closed #mobile_menu .menu-item:nth-last-child(3) a {
 transition-delay: 300ms;
}
 
.opened #mobile_menu .menu-item:nth-child(4) a, .closed #mobile_menu .menu-item:nth-last-child(4) a {
 transition-delay: 400ms;
}
 
.opened #mobile_menu .menu-item:nth-child(5) a, .closed #mobile_menu .menu-item:nth-last-child(5) a {
 transition-delay: 500ms;
}
 
.opened #mobile_menu .menu-item:nth-child(6) a, .closed #mobile_menu .menu-item:nth-last-child(6) a {
 transition-delay: 600ms;
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
 color: #fff;
 transition: all ease-in-out 300ms;
}
.mobile_nav.closed .mobile_menu_bar:before {
 transition: all ease-in-out 300ms;
}

 
#mobile_menu a {
 transform: translatey(100%);
 opacity: 0;
 transition: all cubic-bezier(0.5, 0, 0, 1) 800ms;
}
 

 
.closed #mobile_menu {
 opacity: 0;
 pointer-events: none;
 transform: translatey(48px);
 transition-delay: 600ms;
}

*/