/**
 * Ajustes do menu mobile (offcanvas) - layout responsivo
 * Menu em lista vertical, alinhado; remove herança do flex do desktop
 */
.offcanvas__area .tp-main-menu-mobile,
.offcanvas__area .tp-main-menu-mobile nav,
.offcanvas__area .tp-main-menu-mobile .tp-main-menu-content {
   display: block !important;
   width: 100%;
}
.offcanvas__area .tp-main-menu-mobile ul,
.offcanvas__area .tp-main-menu-mobile .tp-main-menu-content ul {
   display: block !important;
   flex-direction: column !important;
   justify-content: flex-start !important;
   align-items: stretch !important;
   width: 100%;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
}
.offcanvas__area .tp-main-menu-mobile ul li,
.offcanvas__area .tp-main-menu-mobile .tp-main-menu-content ul li {
   display: block !important;
   width: 100%;
   text-align: left;
   margin: 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.offcanvas__area .tp-main-menu-mobile ul li:last-child,
.offcanvas__area .tp-main-menu-mobile .tp-main-menu-content ul li:last-child {
   border-bottom: none;
}
.offcanvas__area .tp-main-menu-mobile ul li a,
.offcanvas__area .tp-main-menu-mobile .tp-main-menu-content ul li a {
   display: block;
   width: 100%;
   padding: 12px 0;
   text-align: left;
}
