/* ==========================================================================
 * StartLike Theme - Layout: Sidebar
 * ========================================================================== */

.l-sidebar {
  width: 100%;
}

@media (min-width: 1024px) {
  .l-sidebar {
    width: var(--sl-sidebar-width);
    flex: 0 0 var(--sl-sidebar-width);
  }
}

/* ----------------------------------------------------------------
 * Sidebar Inner
 * ---------------------------------------------------------------- */
.l-sidebar__inner {
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .l-sidebar__inner {
    padding-top: 0;
  }
}

/* ----------------------------------------------------------------
 * Sticky Sidebar
 * ---------------------------------------------------------------- */
@media (min-width: 1024px) {
  .l-sidebar--sticky .l-sidebar__inner {
    position: sticky;
    top: calc(var(--sl-header-height) + 1.5rem);
  }
}