.footer {
padding: 30px;
}
.offcanvas-header {
--bs-offcanvas-padding-y: 8px;
}
.offcanvas .navbar-nav .nav-link.active,.offcanvas .navbar-nav .nav-link.show {
--bs-navbar-active-color:#333;
}
.offcanvas-body {
background: #ffffff;
padding: 0px;
padding-bottom: 120px;
}
.offcanvas-body .profil-image{
background: rgb(30,140,237);
background: linear-gradient(0deg, rgba(30,140,237,1) 0%, rgba(30,140,237,1) 11%, rgba(12,59,173,1) 100%);
padding: 70px 0px;
}
.offcanvas-body .profil-image .name {
padding: 5px 0px;
color: #fff;
text-shadow: 1px 1px 1px #333;
}
#menu-user-menu {
padding: 0px 30px;
}
#menu-user-menu .menu-item {
border-bottom: 1px #e3eafa solid;
padding: 5px 0px;
}
#menu-user-menu .menu-item a {
padding-left: 5px;
}
#menu-user-menu .menu-item a:before {
content: ' ';
background-size: contain;
background-repeat: no-repeat;
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-list.png);
width: 25px;
height: 25px;
display: inline-block;
position: relative;
top: 5px;
margin-right: 12px;
}
#menu-user-menu .menu-item:last-child {
border-bottom: 0px;
}
#menu-user-menu .menu-item a {
}
#menu-user-menu .menu_accounts a:before {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-accounts.png);
}
#menu-user-menu .menu_accounts a { }
#menu-user-menu .menu_settings a:before {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-settings.png);
}
#menu-user-menu .menu_settings a { }
#menu-user-menu .menu_logout a:before {
background-image:url(//demarefamilyhotel.com/wp-content/themes/sweetotel/asset/img/menu-logout.png);
}
#menu-user-menu .menu_logout a { }
#menu-main-menu {
margin: 30px 0px;
}
#menu-main-menu li a {
margin: 6px 20px;
display: block;
border-bottom: 1px #cccccc94 solid;
color: #333;
}
#menu-main-menu li:last-child a {
border-bottom: 0px;
}
header.header .login-btn {
margin: 0px 20px;
display: block;
border-radius: 5px;
}
.user-back-menu {
position: fixed;
z-index: 99;
width: 100%;
flex-direction: initial;
bottom: -1px;
box-shadow: 0px 0px 9px #33333354;
border-top: 1px #a9c3e9 solid;
border-radius: 0px;
text-align: center;
background: #fff;
height: 66px;
}
.user-back-menu li {
border: 0px;
flex: auto;
}
.user-back-menu li.list-group-item a {
cursor: pointer;
text-decoration: none;
color: var(--bs-list-group-color);
}
.user-back-menu a img {
width: 25px;
}
.user-back-menu a span {
font-size: 13px;
display: block;
}