/** sidebar layouts**/



#sidebar_first aside {
    position: fixed;
    width: 240px;
}

#sidebar_second aside {
position: fixed;
max-width: 350px;
margin: auto !important;
width: 240px;

}

.path-frontpage #sidebar_second aside {
    position: fixed;
    max-width: 350px;
    margin: auto !important;
    width: 250px;
    height: 95vh;
    overflow-y: auto;
/*    scrollbar-width: none;*/
    overflow-x: hidden;
overscroll-behavior: contain;
}

.path-frontpage #sidebar_second aside::-webkit-scrollbar {
    width: 0; /* Hidden by default */
    background: transparent; /* Track is transparent */
    transition: width 0.3s ease-in-out;
}

.path-frontpage #sidebar_second aside::-webkit-scrollbar-thumb {
    background-color: transparent; /* Thumb is transparent by default */
    border-radius: 6px;
    transition: background-color 0.3s ease-in-out;
}

/* On hover, make the scrollbar track wider and the thumb visible */
.path-frontpage #sidebar_second aside:hover::-webkit-scrollbar {
    width: 8px; /* Show the scrollbar width on hover */
}

.path-frontpage #sidebar_second aside {
    -ms-overflow-style: none; /* For IE/Edge */
}

/* -- end -- */

#sidebar_second, #sidebar_first {
padding-top: 0px !important;
width: 240px;
margin-left: 1em;
}

#sidebar_second {margin-left: 1em;}
#sidebar_first {margin-right: 1em;}

.path-private-messages #sidebar_first aside	{position: absolute!important;width: 240px;}



.path-group #sidebar_second aside {
        margin: auto !important;
        position: sticky !important;
        top: 80px;
}


#block-leftmenufront, #views-leftmenu {	position: sticky;top:13vh;margin-bottom: -20000vh;}

/*min width 1200*/
@media (min-width: 1200px){
#sidebar_second {width: 330px;margin-left: 0em;}
.path-group #sidebar_second aside {width: 300px;}
}

@media (max-width: 1199px){
#sidebar_second {width: 240px;}
.path-group #sidebar_second aside { width:240px;}
}


@media only screen
and (max-width: 1024px) {
#sidebar_first, #sidebar_second {padding-top:0px!important; margin-right: 1em;}
#sidebar_second {margin-left:0em; display:none!important;}
#sidebar_first, #sidebar_second, #sidebar_first aside, #sidebar_second aside {width: 140px;}
}

/*max height 512*/
@media only screen
and (max-height : 514px) {
#block-leftmenufront, #views-leftmenu { position:unset!important; top:0vh;margin-bottom:2em;}
}
/*UNSET max height 795 min width 1025*/
@media only screen 
and (max-height : 867px) 
and (min-width :1025px) {
#sidebar_first aside, #sidebar_second aside {    position:absolute;}
}

/*fix max height 795 max width 1024*/
@media only screen 
and (max-height: 867px) 
and (min-height: 704px)
and (max-width:1024px) {
#sidebar_first aside, #sidebar_second aside {position:fixed;}
}

/*release max height 795 max width 1024*/
@media only screen 
and (max-height : 703px) 
and (max-width : 1024px) {
#sidebar_first aside, #sidebar_second aside {position:unset!important;}
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1180px)
and (orientation : landscape) {
#sidebar_second aside {    position: unset;  width: 240px;}

}
