body:not(.with-topbar) .topbar{display:none;}
.topbar{position:relative;height:40px;z-index:1002;}
.topbar:after{display:table;content:"";clear:both;}
.topbar, .topbar *{transition:all .2s;}
.topbar-items{height:40px;overflow:hidden;}

.topbar-item{margin:5px;height:30px;line-height:30px;min-width:30px;font-size:20px;text-align:center;display:block;float:left;}
.topbar-item.right{float:right;}

.topbar > .container{padding:0;}

.topbar:after{clear:both;content:"";display:block;}
.topbar-container:after{clear:both;content:"";display:block;}


.top-bar-item:hover{background:rgba(0,0,0,.14);-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}

body.with-header-image.header-nav-transparent.scrollbar-on-top .topbar:hover{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
body.with-header-image.header-nav-transparent.scrollbar-on-top .topbar:not(:hover):not(.hover){background:transparent;-webkit-box-shadow:none;box-shadow:none;}




body.with-header-image.header-nav-transparent.header-nav-transparent-color-primary.scrollbar-on-top .topbar:not(:hover):not(.hover) .topbar-item,
body.with-header-image.header-nav-transparent.header-nav-transparent-color-primary.scrollbar-on-top .topbar:not(:hover):not(.hover) .top-bar-item{
    color: var(--amoksys-color-primary)
}


body.with-topbar .header-image{min-height:calc(100vh - 64px - 40px);}
body.admin-bar.with-topbar  .header-image{min-height:calc(100vh - 64px - 32px - 40px);}
@media screen and (max-width:782px){
    body.admin-bar .header-image{min-height:calc(100vh - 64px - 46px);}    
}


body.with-header-image.header-nav-transparent.with-topbar .header-image{margin-top:-104px;padding:64px 0;}


@media screen and (max-width:600px){
    .header-image{min-height:calc(100vh - 56px);}
    body.with-topbar .header-image{min-height:calc(100vh - 56px - 40px);}
    body.admin-bar .header-image{min-height:calc(100vh - 56px - 46px);}
    body.admin-bar.with-topbar  .header-image{min-height:calc(100vh - 56px - 46px - 40px);}
}


body.with-header-image.header-nav-transparent.with-topbar .header-image{margin-top:-104px;padding:104px 0;}
body.with-header-image.header-nav-transparent.with-topbar.header-nav-big .header-image{padding-top:140px;}

@media screen and (max-width:600px){
    body.with-header-image.header-nav-transparent.with-topbar .header-image{margin-top:-96px;padding:96px 0;}
    body.with-header-image.header-nav-transparent.with-topbar.header-nav-big .header-image{padding-top:140px;}
}