body:not(.component-preview).post-type-archive-ll_component,
body:not(.component-preview).single-ll_component {
  padding-top: 0;
}

body:not(.component-preview).post-type-archive-ll_component.logged-in.admin-bar,
body:not(.component-preview).single-ll_component.logged-in.admin-bar {
  padding-top: 46px;
}

@media screen and (min-width: 783px ) {
  body:not(.component-preview).post-type-archive-ll_component.logged-in.admin-bar,
  body:not(.component-preview).single-ll_component.logged-in.admin-bar {
    padding-top: 32px;
  }
}

body:not(.component-preview).post-type-archive-ll_component .navbar,
body:not(.component-preview).single-ll_component .navbar,
body:not(.component-preview).post-type-archive-ll_component .footer,
body:not(.component-preview).single-ll_component .footer {
  display: none;
}

.llcl-components .llcl-sidebar ul a.is-active {
  color: #63B3ED;
  font-weight: 700;
}

.llcl-components .llcl-sidebar {
  flex: 0 0 auto;
  overflow: auto;
  height: 100vh;
  flex: 0 0 auto;
  width: 100%;
  z-index: 1000;
}

.llcl-sidebar .llcl-sidebar__inner {
  position: relative;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: auto;
  padding: 64px 25px 4rem;
  background-color: #EBF8FF;
  border-right: 1px solid #63B3ED;
}

@media screen and (min-width: 1024px) {
  .llcl-components .llcl-sidebar {
    width: 20%;
  }

  .llcl-sidebar .llcl-sidebar__inner {
    position: fixed;
    width: 20%;
  }
}

.llcl-flex {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

@media screen and ( min-width: 1024px ) {
  .llcl-flex {
    flex-wrap: nowrap;
  }
}

.llcl-mb-1 {
  margin-bottom: 4px;
}

.llcl-mb-3 {
  margin-bottom: 12px;
}

.llcl-components .logo-wrapper {
  display: inline-block;
}

.llcl-components .llcl-sidebar ul a.is-active {
  color: #63B3ED;
  font-weight: 700;
}

.llcl-components .llcl-sidebar li {
  padding: 12px 0;
  border-bottom: 1px solid #CBCBCB;
}

.llcl-components .llcl-component-col {
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  padding: 0;
}

@media screen and ( min-width: 1024px ) {
  .llcl-components .llcl-component-col {
    width: 80%;
  }
}

.llcl-component-area-archive {
  margin: 64px 48px;
}

.llcl-components .llcl-component-col .llcl-options {
  position: fixed;
  top: 2rem;
  right: 1rem;
  background-color: #f7fafc;
  border: 1px solid #cbd5e0;
  z-index: 1000;
}

.llcl-components .llcl-component-col .llcl-options button {
  border-right: 1px solid #cbd5e0;
  padding: 4px 12px;
  font-size: 0.75rem;
}

.llcl-components .llcl-component-col .llcl-options button.is-sidebar-toggled,
.llcl-components .llcl-component-col .llcl-options button.is-variations-toggled {
  background-color: #2d3748;
  color: white;
}

.llcl-components .llcl-sidebar.is-sidebar-toggled,
.llcl-components .llcl-variations-area.is-variations-toggled {
  display: none;
}

.llcl-components .llcl-component-area {
  padding-bottom: 225px;
}

.llcl-components .llcl-component-area.is-toggled {
  overflow: unset;
}

.llcl-components .llcl-variation {
  display: none;
}

.llcl-components .llcl-variation.is-variation-active {
  display: block;
}

.llcl-components .llcl-variations-area {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  flex: 0 1 auto;
  overflow: auto;
  border-top: 1px solid #cbd5e0;
  background-color: #f7fafc;
  height: 225px;
  z-index: 999;
}

@media screen and (min-width: 1024px) {
  .llcl-components .llcl-variations-area {
    left: 20%;
    width: 80%;
  }
}

.llcl-components .llcl-variations-area.is-sidebar-toggled {
  left: 0;
  width: 100%;
}

.llcl-components .llcl-variations-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.llcl-components .llcl-variations-list .variation-item {
  margin-right: 40px;
}

.llcl-components .llcl-variations-list button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid #cbd5e0;
  background-color: white;
  border-radius: 2px;
}

.llcl-components .llcl-variations-list button.is-variation-active {
  background-color: #3182ce;
  color: white;
  font-weight: bold;
}

.llcl-components .llcl-info-tabs {
  border-bottom: 1px solid #cbd5e0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.llcl-components .llcl-info-tabs .llcl-info-tab {
  border-right: 1px solid #cbd5e0;
  padding: 8px 20px;
}

.llcl-components .llcl-info-tabs .llcl-info-tab.is-active {
  background-color: #3182ce;
  color: white;
}

.llcl-components .llcl-info-panel {
  display: none;
  padding: 48px 32px;
}

.llcl-components .llcl-info-panel.is-active {
  display: block;
}

.llcl-small-hdg {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
}