/* 
.luxbar-default{
width:100%;
position:relative;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}
.luxbar-static{
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
width:100%;
position:absolute;
top:0;
left:0
}
.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu{
position:absolute
}
*/
.luxbar-fixed{
width:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}
/*
.luxbar-fixed-bottom{
width:100%;
position:fixed;
bottom:0;
left:0;
z-index:1000;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}
*/
.luxbar-hamburger span,.luxbar-hamburger span::before,.luxbar-hamburger span::after{
display:block;
height:2px;
width:26px;
transition:0.6s ease
}
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span{
background-color:transparent
}
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before,.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after{
margin-top:0
}
.luxbar-header{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
/* height:58px*/
height:38px
}
.luxbar-menu-left .luxbar-navigation,.luxbar-menu-left .luxbar-header{
justify-content:flex-start
}
.luxbar-menu-right .luxbar-hamburger{
margin-left:auto
}
/*
.luxbar-brand{
font-size:1.6em;
padding:18px 24px 18px 24px
}
*/
.luxbar-menu{
/* min-height:58px; */
min-height:38px;
transition:0.6s ease;
width:100%
}
.luxbar-navigation{
display:flex;
flex-direction:column;
list-style:none;
padding-left:0;
margin:0
}
.luxbar-menu a,.luxbar-item a{
text-decoration:none;
color:inherit;
cursor:pointer
}
.luxbar-item{
/* height:58px */
height:38px
}
.luxbar-item a{
/* padding:18px 24px 18px 24px;*/
/* padding:12px 16px 12px 16px; */
padding:8px 10px 8px 8px;
display:block
}
.luxbar-hamburger{
/* padding:18px 24px 18px 24px;*/
/* padding:12px 16px 12px 16px; */
padding:8px 8px 6px 8px;
position:relative;
cursor:pointer
}
.luxbar-hamburger span::before,.luxbar-hamburger span::after{
content:'';
position:absolute
}
.luxbar-hamburger span::before{
margin-top:-8px
}
.luxbar-hamburger span::after{
margin-top:8px
}
.luxbar-checkbox{
display:none
}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{
overflow:hidden;
/* height:58px */
height:38px
}
.luxbar-checkbox:checked ~ .luxbar-menu{
transition:height 0.6s ease;
height:100vh;
overflow:auto
}
.dropdown{
position:relative;
height:auto;
/* min-height:58px */
min-height:38px
}
.dropdown:hover>ul{
position:relative;
display:block;
min-width:100%
}
.dropdown>a::after{
position:absolute;
content:'';
right:10px;
top:25px;
border-width:5px 5px 0;
border-color:transparent;
border-style:solid
}
.dropdown>ul{
display:block;
overflow-x:hidden;
list-style:none;
padding:0
}
.dropdown>ul .luxbar-item{
min-width:100%;
height:29px;
padding:5px 10px 5px 40px
}
.dropdown>ul .luxbar-item a{
min-height:29px;
line-height:29px;
padding:0
}
@media screen and (min-width: 768px){
.luxbar-navigation{
flex-flow:row;
justify-content:flex-end
}
.luxbar-hamburger{
display:none
}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{
overflow:visible
}
.luxbar-checkbox:checked ~ .luxbar-menu{
/* height:58px */
height:38px
}
.luxbar-menu .luxbar-item{
border-top:0
}
.luxbar-menu-right .luxbar-header{
margin-right:auto
}
.dropdown{
/* height:58px */
height:38px
}
.dropdown:hover>ul{
position:absolute;
left:0;
/* top:58px; */
top:38px;
padding:0
}
.dropdown>ul{
display:none
}
.dropdown>ul .luxbar-item{
padding:5px 10px
}
.dropdown>ul .luxbar-item a{
white-space:nowrap
}
}

.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span::before{
transform:rotate(225deg)
}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span::after{
transform:rotate(-225deg)
}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span::before{
transform:rotate(45deg)
}
.luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span::after{
transform:rotate(-45deg)
}
.luxbar-menu-dark,.luxbar-menu-dark .dropdown ul{
opacity: 0.8;
background-color:#212121;
color:#fff
}
.luxbar-menu-dark .active,.luxbar-menu-dark .luxbar-item:hover{
background-color:#424242
}
.luxbar-menu-dark .luxbar-hamburger span,.luxbar-menu-dark .luxbar-hamburger span::before,.luxbar-menu-dark .luxbar-hamburger span::after{
background-color:#fff
}
.luxbar-menu-light,.luxbar-menu-light .dropdown ul{
background-color:#e0e0e0;
color:#212121
}
.luxbar-menu-light .active,.luxbar-menu-light .luxbar-item:hover{
background-color:#bdbdbd
}
.luxbar-menu-light .luxbar-hamburger span,.luxbar-menu-light .luxbar-hamburger span::before,.luxbar-menu-light .luxbar-hamburger span::after{
background-color:#212121
}
.luxbar-menu-material-red,.luxbar-menu-material-red .dropdown ul{
background-color:#b71c1c;
color:#fff
}
.luxbar-menu-material-red .active,.luxbar-menu-material-red .luxbar-item:hover{
background-color:#c62828
}
.luxbar-menu-material-red .luxbar-hamburger span,.luxbar-menu-material-red .luxbar-hamburger span::before,.luxbar-menu-material-red .luxbar-hamburger span::after{
background-color:#fff
}
.luxbar-menu-material-indigo,.luxbar-menu-material-indigo .dropdown ul{
background-color:#1a237e;
color:#fff
}
.luxbar-menu-material-indigo .active,.luxbar-menu-material-indigo .luxbar-item:hover{
background-color:#283593
}
.luxbar-menu-material-indigo .luxbar-hamburger span,.luxbar-menu-material-indigo .luxbar-hamburger span::before,.luxbar-menu-material-indigo .luxbar-hamburger span::after{
background-color:#fff
}
.luxbar-menu-material-green,.luxbar-menu-material-green .dropdown ul{
background-color:#1b5e20;
color:#fff
}
.luxbar-menu-material-green .active,.luxbar-menu-material-green .luxbar-item:hover{
background-color:#2e7d32
}
.luxbar-menu-material-green .luxbar-hamburger span,.luxbar-menu-material-green .luxbar-hamburger span::before,.luxbar-menu-material-green .luxbar-hamburger span::after{
background-color:#fff
}
.luxbar-menu-material-amber,.luxbar-menu-material-amber .dropdown ul{
background-color:#ff6f00;
color:#fff
}
.luxbar-menu-material-amber .active,.luxbar-menu-material-amber .luxbar-item:hover{
background-color:#ff8f00
}
.luxbar-menu-material-amber .luxbar-hamburger span,.luxbar-menu-material-amber .luxbar-hamburger span::before,.luxbar-menu-material-amber .luxbar-hamburger span::after{
background-color:#fff
}
.luxbar-menu-material-brown,.luxbar-menu-material-brown .dropdown ul{
background-color:#3e2723;
color:#fff
}
.luxbar-menu-material-brown .active,.luxbar-menu-material-brown .luxbar-item:hover{
background-color:#4e342e
}
.luxbar-menu-material-brown .luxbar-hamburger span,.luxbar-menu-material-brown .luxbar-hamburger span::before,.luxbar-menu-material-brown .luxbar-hamburger span::after{
background-color:#fff
}
.luxbar-menu-material-bluegrey,.luxbar-menu-material-bluegrey .dropdown ul{
background-color:#263238;
color:#fff
}
.luxbar-menu-material-bluegrey .active,.luxbar-menu-material-bluegrey .luxbar-item:hover{
background-color:#37474f
}
.luxbar-menu-material-bluegrey .luxbar-hamburger span,.luxbar-menu-material-bluegrey .luxbar-hamburger span::before,.luxbar-menu-material-bluegrey .luxbar-hamburger span::after{
background-color:#fff
}
.luxbar-menu-material-cyan,.luxbar-menu-material-cyan .dropdown ul{
background-color:#006064;
color:#fff
}
.luxbar-menu-material-cyan .active,.luxbar-menu-material-cyan .luxbar-item:hover{
background-color:#00838f
}
.luxbar-menu-material-cyan .luxbar-hamburger span,.luxbar-menu-material-cyan .luxbar-hamburger span::before,.luxbar-menu-material-cyan .luxbar-hamburger span::after{
background-color:#fff
}

/*# sourceMappingURL=luxbar.min.css.map */