/* Le-Biko — Side menu (drawer). */

/* ==========================================================================
   Drawer
   ========================================================================== */
.lb-drawer { position: fixed; inset: 0; z-index: 60; }
.lb-drawer__backdrop { position: absolute; inset: 0; background: rgba(20, 18, 16, .35); opacity: 0; transition: opacity .25s; }
.lb-drawer__panel {
	position: absolute; top: 0; bottom: 0; left: 0;
	width: min(340px, 86vw);
	background: #fff;
	padding: 16px 24px 32px;
	overflow-y: auto;
	transform: translateX(-100%);
	transition: transform .3s var(--lb-ease);
}
.lb-drawer.is-open .lb-drawer__backdrop { opacity: 1; }
.lb-drawer.is-open .lb-drawer__panel { transform: none; }
.lb-drawer__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid var(--lb-line); }
.lb-drawer__title { font-family: var(--lb-font-display); font-size: 19px; font-weight: 400; }
.lb-drawer__list { list-style: none; margin: 0; padding: 8px 0; }
.lb-drawer__list a { display: block; padding: 11px 0; text-decoration: none; font-size: 15px; font-weight: 300; border-bottom: 1px solid #f0eeea; }
.lb-drawer__list a:hover { color: var(--lb-muted); }
body.lb-no-scroll { overflow: hidden; }

/* Secondary links (About / FAQ / Contact) under the categories */
.lb-drawer__list--secondary { border-top: 1px solid var(--lb-line); margin-top: 4px; }
.lb-drawer__list--secondary a { font-weight: 400; }