/*========================================
Mobile Bottom Navigation
========================================*/

.ce-mobile-nav{

position:fixed;

left:0;

bottom:0;

width:100%;

height:72px;

background:#ffffff;

box-shadow:0 -5px 20px rgba(0,0,0,.08);

display:none;

justify-content:space-around;

align-items:center;

z-index:99999;

border-top:1px solid #e5e7eb;

}

.ce-nav-item{

flex:1;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

text-decoration:none;

color:#666;

font-size:12px;

font-weight:600;

transition:.25s;

}

.ce-nav-item svg{

width:24px;

height:24px;

margin-bottom:5px;

fill:currentColor;

}

.ce-nav-item:hover{

color:#0d6efd;

}

.ce-nav-item.active{

color:#0d6efd;

}

/*========================================
Center Button
========================================*/

.ce-nav-post{

position:relative;

top:-18px;

}

.ce-nav-post svg{

width:28px;

height:28px;

background:#ff7a00;

color:#fff;

padding:12px;

border-radius:50%;

box-shadow:0 8px 20px rgba(255,122,0,.35);

}

.ce-nav-post span{

margin-top:8px;

}

/*========================================
Mobile Only
========================================*/

@media(max-width:768px){

.ce-mobile-nav{

display:flex;

}

body{

padding-bottom:80px;

}

}