#custom_categories_menu_wrapper{
right: 0;
top: 0;
width: 125px;
height: 100vh;
min-height: 600px;
background-color: #3b3b3b;
position: fixed;
z-index: 99999;
display:flex;
justify-content: center;
align-items: center;
}
#custom_categories_menu{
height: 90%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
#custom_categories_menu > div{
display:flex;
flex-direction: column;
align-items: center;
color:white;
font-size: 15px;
}
.cc_sidebar_img{
width:60px;
height: 60px;
object-fit: contain;
}
.cc_subcategory_list{
flex-direction: column;
gap: 5px;
display:flex;
margin-top:10px;
align-items: center;
}
.cc_subcategory_list a{
color:white;
}
.cc_subcategory_list .fa.fa-arrow-right{
text-align: right;
}
.cc_subcategory_list a:hover{
color:var(--e-global-color-primary);
}
.cc_subcategory_menu{
display: none;
flex-direction: column;
justify-content: center;
}
.cc_subcategory_list hr{
margin: 0 0 10px 0!important;
color: var(--e-global-color-secondary);
}
.cc_subcategory_menu.sliding_in, .cc_subcategory_menu.sliding_out, .cc_subcategory_menu.showing{
display: flex;
}
#cc_close_slider{
color:white;
cursor:pointer;
font-size: 30px;
margin-right: 15px;
margin-top: 15px;
}
#cc_close_slider:hover{
color:var(--e-global-color-primary);
}
.cc_parent_category_link{
margin-bottom: 50px;
width: 90%;
text-align: left;
align-self: center;
}
.cc_parent_category_link:hover, .cc_extra_link:hover{
color: var(--theme-color-text_hover)!important;
}
.cc_parent_category_link, .cc_extra_link{
text-decoration: underline;
color:var(--e-global-color-primary)!important;
}
.cc_extra_link{
display: flex;
width: 90%;
align-self: center;
}
.extra_links_wrapper{
position: absolute;
width: 100%;
bottom: 15px;
display: flex;
flex-direction: column;
}
#custom_categories_slider{
height: 100%;
overflow: hidden;
position: absolute;
left:120px;
width: 0px;
background-color: #3b3b3b;
white-space: nowrap;
text-align: right;
}
.cc_menu_link{
border-bottom:2px solid;
border-color:var(--e-global-color-secondary);
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom:5px;
width: 90%;
}
.cc_menu_link:hover{
border-color:var(--e-global-color-primary);
}
.cc_menu_link > div{
margin-bottom: 7px;
}
.cc_menu_item.link{
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.cc_menu_item:hover, .cc_menu_item.active{
cursor:pointer;
color:var(--e-global-color-primary)!important;
}
.cc_menu_item .cc_sidebar_img.active{
display: none;
}
.cc_menu_item:hover .cc_sidebar_img, .cc_menu_item.active .cc_sidebar_img{
display: none;
}
.cc_menu_item:hover .cc_sidebar_img.active, .cc_menu_item.active .cc_sidebar_img.active{
display: block;
}
.unselectable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}