.cbp-spmenu {
background: #666;
position: absolute;
}
.cbp-spmenu h3 {
color: #fff;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #666;
}
.cbp-spmenu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
}
.cbp-spmenu a:hover {
background: #666;
}
.cbp-spmenu a:active {
background: #666;
color: #fff;
} .cbp-spmenu-vertical {
width: 240px;
height: 100%;
top: 0;
z-index: 1000;
}
.cbp-spmenu-vertical a {
border-bottom: 1px solid #666;
padding: 1em;
}
.cbp-spmenu-horizontal {
width: 100%; height: inherit;
left: 0;
z-index: 1000;
overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #fff;
} .cbp-spmenu-top {
top: -350px;
}
.cbp-spmenu-top.cbp-spmenu-open {
top: 0px;
} .cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
} @media screen and (max-width: 55.1875em){
.cbp-spmenu-horizontal {
font-size: 75%; }
.cbp-spmenu-top { }
.cbp-spmenu-bottom { }
}