/* General setup */


body.slide-menu-open {


    overflow: hidden;


}


#generate-slideout-menu .inside-navigation{


	height:100%;


}





.slideout-overlay {


    position: fixed;


    top: 0;


    left: 0;


    right: 0;


    bottom: 0;


    background: rgba(0, 0, 0, 0.7);


    z-index: 9998;


    display: none;


}





body.slide-menu-open .slideout-overlay {


    display: block;


}





/* Off-canvas menu container */


#generate-slideout-menu {


    position: fixed;


    top: 0;


    left: 0;


    height: 100vh;


    width: 100vw; /* Full width */


    background-color: #fff;


    z-index: 99999;


    transform: translateX(-100%);


    transition: transform 0.3s ease;


    overflow-y: auto;


}





body.slide-menu-open #generate-slideout-menu {


    transform: translateX(0);


}





.slideout-navigation .inside-navigation {


    padding: 1rem;


}





.slideout-exit {


    background: none;


    border: none;


    font-size: 1.5rem;


    float: right;


	color:#262626;


	padding: 0;


}





.slideout-exit:hover,.slideout-exit:active,.slideout-exit:focus{


	color:#262626;


	background: none;


}





/* Panel layout */


.offcanvas-menu-panels {


    position: relative;


	height: 100%;


}





.offcanvas-main-panel,


.offcanvas-sub-panel {


    width: 100%;


    transition: opacity 0.3s ease;


	height: calc(100% - 36px - 52px);


/*     padding-top: calc(36px + env(safe-area-inset-top, 0px)); */


    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));


    box-sizing: border-box;


    overflow-y: auto;


}





.offcanvas-sub-panel {


    display: none;


    flex-direction: column;


    justify-content: space-between;


}





.offcanvas-submenu-content ul.sub-menu{


	display:block !important;


}





/* Menu structure */


.slideout-menu {


    list-style: none;


    padding: 0;


    margin: 0;


}





.slideout-menu li {


	width:100%;


}





.slideout-menu li a {


    text-decoration: none;


    color: #333;


    display: flex;


    justify-content: space-between;


    align-items: center;


}





.submenu-arrow {


    font-size: 1rem;


}





.offcanvas-sub-panel .offcanvas-submenu-content .wdm-custom-submenu-content{


	margin-bottom:24px;


}





.offcanvas-sub-panel .offcanvas-submenu-content .wdm-custom-submenu-content .browse-designs-card .browse-designs-arrow{


	margin-left:0px !important;


}





.wdm_gp_mobile_nav_menu .wdm-off-canvas-search-form{


	width:100%;


	margin-bottom:32px;


}





.off-canvas-menu-close{


	display:flex;


	align-items:center;


	justify-content:space-between;


	width:100%;


	margin-bottom: 32px;


}





.off-canvas-menu-close p{


	font-size: 20px;


    line-height: 28px;


    font-weight: 600;


}





.wdm_gp_mobile_nav_menu .wdm-off-canvas-search-form .aws-container .aws-show-clear .aws-search-field{


	border:none;


}





.wdm_gp_mobile_nav_menu .wdm-off-canvas-search-form .aws-search-btn.aws-form-btn{


	background: #fafafa;


    border: none;


	border-bottom-left-radius: 28px !important;


    border-top-left-radius: 28px !important;


}





.wdm_gp_mobile_nav_menu .wdm-off-canvas-search-form .aws-container{


	background: #FAFAFA;


    border: 1px solid #E1E4EA;


	border-radius: 28px;


}





.wdm_gp_mobile_nav_menu .wdm-off-canvas-search-form .aws-search-form  .aws-wrapper{


	border-bottom-right-radius: 28px !important;


    border-top-right-radius: 28px !important;


}





.offcanvas-main-panel .main-nav>ul{


	gap:12px;


}





.offcanvas-main-panel .main-nav{


	padding-top:24px;


	border-top:1px solid #E1E4EA;


	height: calc(100% - 78px - 85px);
    overflow: scroll;


}