/* Component selector: [data-lk-component="section"] */

[data-lk-component="section"] {
  display: block;
  position: relative;
}

[data-lk-section-padding="none"] {
  padding: 0px;
}

[data-lk-section-padding="xs"] {
  padding: var(--lk-size-lg);
}

[data-lk-section-padding="sm"] {
  padding: var(--lk-size-xl);
}

[data-lk-section-padding="md"] {
  padding: var(--lk-size-2xl);
}

[data-lk-section-padding="lg"] {
  padding: var(--lk-size-3xl);
}

[data-lk-section-padding="xl"] {
  padding: var(--lk-size-4xl);
}

/* Padding X */

[data-lk-section-px="none"] {
  padding-left: 0px;
  padding-right: 0px;
}

[data-lk-section-px="xs"] {
  padding-left: var(--lk-size-lg);
  padding-right: var(--lk-size-lg);
}

[data-lk-section-px="sm"] {
  padding-left: var(--lk-size-xl);
  padding-right: var(--lk-size-xl);
}

[data-lk-section-px="md"] {
  padding-left: var(--lk-size-2xl);
  padding-right: var(--lk-size-2xl);
}

[data-lk-section-px="lg"] {
  padding-left: var(--lk-size-3xl);
  padding-right: var(--lk-size-3xl);
}

[data-lk-section-px="xl"] {
  padding-left: var(--lk-size-4xl);
  padding-right: var(--lk-size-4xl);
}

/* Padding Y */

[data-lk-section-py="none"] {
  padding-top: 0px;
  padding-bottom: 0px;
}

[data-lk-section-py="xs"] {
  padding-top: var(--lk-size-lg);
  padding-bottom: var(--lk-size-lg);
}

[data-lk-section-py="sm"] {
  padding-top: var(--lk-size-xl);
  padding-bottom: var(--lk-size-xl);
}

[data-lk-section-py="md"] {
  padding-top: var(--lk-size-2xl);
  padding-bottom: var(--lk-size-2xl);
}

[data-lk-section-py="lg"] {
  padding-top: var(--lk-size-3xl);
  padding-bottom: var(--lk-size-3xl);
}

[data-lk-section-py="xl"] {
  padding-top: var(--lk-size-4xl);
  padding-bottom: var(--lk-size-4xl);
}

/* Padding Top */

[data-lk-section-pt="none"] {
  padding-top: 0px;
}

[data-lk-section-pt="xs"] {
  padding-top: var(--lk-size-lg);
}

[data-lk-section-pt="sm"] {
  padding-top: var(--lk-size-xl);
}

[data-lk-section-pt="md"] {
  padding-top: var(--lk-size-2xl);
}

[data-lk-section-pt="lg"] {
  padding-top: var(--lk-size-3xl);
}

[data-lk-section-pt="xl"] {
  padding-top: var(--lk-size-4xl);
}

/* Padding Right */

[data-lk-section-pr="none"] {
  padding-right: 0px;
}

[data-lk-section-pr="xs"] {
  padding-right: var(--lk-size-lg);
}

[data-lk-section-pr="sm"] {
  padding-right: var(--lk-size-xl);
}

[data-lk-section-pr="md"] {
  padding-right: var(--lk-size-2xl);
}

[data-lk-section-pr="lg"] {
  padding-right: var(--lk-size-3xl);
}

[data-lk-section-pr="xl"] {
  padding-right: var(--lk-size-4xl);
}

/* Padding Bottom */

[data-lk-section-pb="none"] {
  padding-bottom: 0px;
}

[data-lk-section-pb="xs"] {
  padding-bottom: var(--lk-size-lg);
}

[data-lk-section-pb="sm"] {
  padding-bottom: var(--lk-size-xl);
}

[data-lk-section-pb="md"] {
  padding-bottom: var(--lk-size-2xl);
}

[data-lk-section-pb="lg"] {
  padding-bottom: var(--lk-size-3xl);
}

[data-lk-section-pb="xl"] {
  padding-bottom: var(--lk-size-4xl);
}

/* Padding Left */

[data-lk-section-pl="none"] {
  padding-left: 0px;
}

[data-lk-section-pl="xs"] {
  padding-left: var(--lk-size-lg);
}

[data-lk-section-pl="sm"] {
  padding-left: var(--lk-size-xl);
}

[data-lk-section-pl="md"] {
  padding-left: var(--lk-size-2xl);
}

[data-lk-section-pl="lg"] {
  padding-left: var(--lk-size-3xl);
}

[data-lk-section-pl="xl"] {
  padding-left: var(--lk-size-4xl);
}

@media screen and (max-width: 767px) {
  [data-lk-component="section"] {
    padding-left: var(--lk-size-md);
    padding-right: var(--lk-size-md);
  }
}
