/*--------------------------------------------------------------------------*\
    Position
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        Position type
\*--------------------------------------------------------------------------*/

.p-rel {position: relative;}
.p-abs {position: absolute;}
.p-sti {position: -webkit-sticky;position:sticky;z-index: 2;}
.p-fix {position: fixed;z-index: 2;}

/*--------------------------------------------------------------------------*\
        Top position
\*--------------------------------------------------------------------------*/

.p-top-0{top:0px;}
.p-top-5{top:5px;}
.p-top-10{top:10px;}
.p-top-15{top:15px;}
.p-top-20{top:20px;}
.p-top-25{top:25px;}
.p-top-30{top:30px;}
.p-top-35{top:35px;}
.p-top-40{top:40px;}
.p-top-45{top:45px;}
.p-top-50{top:50px;}
.p-top-55{top:55px;}
.p-top-60{top:60px;}
.p-top-65{top:65px;}
.p-top-70{top:70px;}
.p-top-75{top:75px;}
.p-top-80{top:80px;}
.p-top-85{top:85px;}
.p-top-90{top:90px;}
.p-top-95{top:95px;}
.p-top-100{top:100px;}
.p-top-105{top:105px;}
.p-top-110{top:110px;}
.p-top-115{top:115px;}
.p-top-120{top:120px;}

/*--------------------------------------------------------------------------*\
        Position top auto (depending header and topbar
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
                Top = 0 (including header and topbar)
\*--------------------------------------------------------------------------*/

.p-sti-top{position: -webkit-sticky;position:sticky;top:0;z-index: 2;}
.burger-input--menu-top-position-header~.sidebar-main-wrapper .p-sti-top{top:var(--header-height) !important;}
.burger-input--menu-top-position-topbar~.sidebar-main-wrapper .p-sti-top{top:var(--topbar-height) !important;}
.burger-input--menu-top-position-header-topbar~.sidebar-main-wrapper .p-sti-top{top:calc(var(--header-height) + var(--topbar-height)) !important;}

/*--------------------------------------------------------------------------*\
                Top = 0 (including header and topbar)
                (if sticky position is after another html sticky item of height = 45 px)
\*--------------------------------------------------------------------------*/

.h-45.p-sti-top ~ .p-sti-top:not(.h-45.p-sti-top),
.h-45.p-sti-top ~ * .p-sti-top:not(.h-45.p-sti-top)
{
        /*box*/
        position: -webkit-sticky;
        position:sticky;top:45px;
        z-index: 2;
}

.burger-input--menu-top-position-header~.sidebar-main-wrapper .h-45.p-sti-top ~ .p-sti-top:not(.h-45.p-sti-top),
.burger-input--menu-top-position-header~.sidebar-main-wrapper .h-45.p-sti-top ~ * .p-sti-top:not(.h-45.p-sti-top)
{
        /*box*/
        top:calc(var(--header-height) + 45px) !important;
}

.burger-input--menu-top-position-topbar~.sidebar-main-wrapper .h-45.p-sti-top ~ .p-sti-top:not(.h-45.p-sti-top),
.burger-input--menu-top-position-topbar~.sidebar-main-wrapper .h-45.p-sti-top ~ * .p-sti-top:not(.h-45.p-sti-top)
{
        /*box*/
        top:calc(var(--topbar-height) + 45px) !important;
}

.burger-input--menu-top-position-header-topbar~.sidebar-main-wrapper .h-45.p-sti-top ~ .p-sti-top:not(.h-45.p-sti-top),
.burger-input--menu-top-position-header-topbar~.sidebar-main-wrapper .h-45.p-sti-top ~ * .p-sti-top:not(.h-45.p-sti-top)
{
        /*box*/
        top:calc(var(--header-height) + var(--topbar-height) + 45px) !important;
}

/*--------------------------------------------------------------------------*\
        Bottom position
\*--------------------------------------------------------------------------*/

.p-bottom-0{bottom:0px;}
.p-bottom-5{bottom:5px;}
.p-bottom-10{bottom:10px;}
.p-bottom-15{bottom:15px;}
.p-bottom-20{bottom:20px;}
.p-bottom-25{bottom:25px;}
.p-bottom-30{bottom:30px;}
.p-bottom-35{bottom:35px;}
.p-bottom-40{bottom:40px;}
.p-bottom-45{bottom:45px;}
.p-bottom-50{bottom:50px;}
.p-bottom-55{bottom:55px;}
.p-bottom-60{bottom:60px;}
.p-bottom-65{bottom:65px;}
.p-bottom-70{bottom:70px;}
.p-bottom-75{bottom:75px;}
.p-bottom-80{bottom:80px;}
.p-bottom-85{bottom:85px;}
.p-bottom-90{bottom:90px;}
.p-bottom-95{bottom:95px;}
.p-bottom-100{bottom:100px;}
.p-bottom-105{bottom:105px;}
.p-bottom-110{bottom:110px;}
.p-bottom-115{bottom:115px;}
.p-bottom-120{bottom:120px;}