/*
    - Name: "vlsuite.scss"
    - Description: "Add custom styles to vlsuite in Layout builder"
*/
/* Media query breakpoints */
.vlsuite-layout-bg-wrapper.bg-gray-default,
.vlsuite-layout__region.bg-gray-default,
.vlsuite-block.bg-gray-default {
  background-color: var(--background-default);
}

@media (min-width: 768px) {
  .py-spacing-2xs {
    padding: var(--spacing-2xs) 0;
  }
}

@media (min-width: 768px) {
  .mt-spacing-2xs {
    margin-top: var(--spacing-2xs) !important;
  }
}

@media (min-width: 768px) {
  .my-spacing-2xs {
    margin: var(--spacing-2xs) 0;
  }
}

.py-spacing-xs {
  padding: var(--spacing-2xs) 0;
}
@media (min-width: 768px) {
  .py-spacing-xs {
    padding: var(--spacing-xs) 0;
  }
}

.mt-spacing-xs {
  margin-top: var(--spacing-2xs) !important;
}
@media (min-width: 768px) {
  .mt-spacing-xs {
    margin-top: var(--spacing-xs) !important;
  }
}

.my-spacing-xs {
  margin: var(--spacing-2xs) 0;
}
@media (min-width: 768px) {
  .my-spacing-xs {
    margin: var(--spacing-xs) 0;
  }
}

.py-spacing-sm {
  padding: var(--spacing-xs) 0;
}
@media (min-width: 768px) {
  .py-spacing-sm {
    padding: var(--spacing-sm) 0;
  }
}

.mt-spacing-sm {
  margin-top: var(--spacing-xs) !important;
}
@media (min-width: 768px) {
  .mt-spacing-sm {
    margin-top: var(--spacing-sm) !important;
  }
}

.my-spacing-sm {
  margin: var(--spacing-xs) 0;
}
@media (min-width: 768px) {
  .my-spacing-sm {
    margin: var(--spacing-sm) 0;
  }
}

.py-spacing-md {
  padding: var(--spacing-sm) 0;
}
@media (min-width: 768px) {
  .py-spacing-md {
    padding: var(--spacing-md) 0;
  }
}

.mt-spacing-md {
  margin-top: var(--spacing-sm) !important;
}
@media (min-width: 768px) {
  .mt-spacing-md {
    margin-top: var(--spacing-md) !important;
  }
}

.my-spacing-md {
  margin: var(--spacing-sm) 0;
}
@media (min-width: 768px) {
  .my-spacing-md {
    margin: var(--spacing-md) 0;
  }
}

.py-spacing-lg {
  padding: var(--spacing-md) 0;
}
@media (min-width: 768px) {
  .py-spacing-lg {
    padding: var(--spacing-lg) 0;
  }
}

.mt-spacing-lg {
  margin-top: var(--spacing-md) !important;
}
@media (min-width: 768px) {
  .mt-spacing-lg {
    margin-top: var(--spacing-lg) !important;
  }
}

.my-spacing-lg {
  margin: var(--spacing-md) 0;
}
@media (min-width: 768px) {
  .my-spacing-lg {
    margin: var(--spacing-lg) 0;
  }
}

.py-spacing-xl {
  padding: var(--spacing-lg) 0;
}
@media (min-width: 768px) {
  .py-spacing-xl {
    padding: var(--spacing-xl) 0;
  }
}

.mt-spacing-xl {
  margin-top: var(--spacing-lg) !important;
}
@media (min-width: 768px) {
  .mt-spacing-xl {
    margin-top: var(--spacing-xl) !important;
  }
}

.my-spacing-xl {
  margin: var(--spacing-lg) 0;
}
@media (min-width: 768px) {
  .my-spacing-xl {
    margin: var(--spacing-xl) 0;
  }
}

.py-spacing-2xl {
  padding: var(--spacing-xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-2xl {
    padding: var(--spacing-2xl) 0;
  }
}

.mt-spacing-2xl {
  margin-top: var(--spacing-xl) !important;
}
@media (min-width: 768px) {
  .mt-spacing-2xl {
    margin-top: var(--spacing-2xl) !important;
  }
}

.my-spacing-2xl {
  margin: var(--spacing-xl) 0;
}
@media (min-width: 768px) {
  .my-spacing-2xl {
    margin: var(--spacing-2xl) 0;
  }
}

.py-spacing-3xl {
  padding: var(--spacing-2xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-3xl {
    padding: var(--spacing-3xl) 0;
  }
}

.mt-spacing-3xl {
  margin-top: var(--spacing-2xl) !important;
}
@media (min-width: 768px) {
  .mt-spacing-3xl {
    margin-top: var(--spacing-3xl) !important;
  }
}

.my-spacing-3xl {
  margin: var(--spacing-2xl) 0;
}
@media (min-width: 768px) {
  .my-spacing-3xl {
    margin: var(--spacing-3xl) 0;
  }
}

.py-spacing-4xl {
  padding: var(--spacing-3xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-4xl {
    padding: var(--spacing-4xl) 0;
  }
}

.mt-spacing-4xl {
  margin-top: var(--spacing-3xl) !important;
}
@media (min-width: 768px) {
  .mt-spacing-4xl {
    margin-top: var(--spacing-4xl) !important;
  }
}

.my-spacing-4xl {
  margin: var(--spacing-3xl) 0;
}
@media (min-width: 768px) {
  .my-spacing-4xl {
    margin: var(--spacing-4xl) 0;
  }
}

.py-spacing-5xl {
  padding: var(--spacing-4xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-5xl {
    padding: var(--spacing-5xl) 0;
  }
}

.mt-spacing-5xl {
  margin-top: var(--spacing-4xl) !important;
}
@media (min-width: 768px) {
  .mt-spacing-5xl {
    margin-top: var(--spacing-5xl) !important;
  }
}

.my-spacing-5xl {
  margin: var(--spacing-4xl) 0;
}
@media (min-width: 768px) {
  .my-spacing-5xl {
    margin: var(--spacing-5xl) 0;
  }
}

.py-spacing-6xl {
  padding: var(--spacing-5xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-6xl {
    padding: var(--spacing-6xl) 0;
  }
}

.mt-spacing-6xl {
  margin-top: var(--spacing-5xl) !important;
}
@media (min-width: 768px) {
  .mt-spacing-6xl {
    margin-top: var(--spacing-6xl) !important;
  }
}

.my-spacing-6xl {
  margin: var(--spacing-5xl) 0;
}
@media (min-width: 768px) {
  .my-spacing-6xl {
    margin: var(--spacing-6xl) 0;
  }
}

.py-spacing-7xl {
  padding: var(--spacing-6xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-7xl {
    padding: var(--spacing-7xl) 0;
  }
}

.mt-spacing-7xl {
  margin-top: var(--spacing-6xl) !important;
}
@media (min-width: 768px) {
  .mt-spacing-7xl {
    margin-top: var(--spacing-7xl) !important;
  }
}

.my-spacing-7xl {
  margin: var(--spacing-6xl) 0;
}
@media (min-width: 768px) {
  .my-spacing-7xl {
    margin: var(--spacing-7xl) 0;
  }
}

.py-spacing-8xl {
  padding: var(--spacing-7xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-8xl {
    padding: var(--spacing-8xl) 0;
  }
}

.mt-spacing-8xl {
  margin-top: var(--spacing-7xl) !important;
}
@media (min-width: 768px) {
  .mt-spacing-8xl {
    margin-top: var(--spacing-8xl) !important;
  }
}

.my-spacing-8xl {
  margin: var(--spacing-7xl) 0;
}
@media (min-width: 768px) {
  .my-spacing-8xl {
    margin: var(--spacing-8xl) 0;
  }
}

.py-spacing-3xl {
  padding: var(--spacing-lg) 0;
}
@media (min-width: 576px) {
  .py-spacing-3xl {
    padding: var(--spacing-3xl) 0;
  }
}

.py-spacing-7xl {
  padding: var(--spacing-3xl) 0;
}
@media (min-width: 768px) {
  .py-spacing-7xl {
    padding: var(--spacing-4xl) 0;
  }
}
@media (min-width: 1200px) {
  .py-spacing-7xl {
    padding: var(--spacing-7xl) 0;
  }
}

.bg-opacity-80::after {
  opacity: 0.8;
}

.bg-opacity-75::after {
  opacity: 0.75;
}

.bg-opacity-50::after {
  opacity: 0.5;
}

.bg-opacity-25::after {
  opacity: 0.25;
}

.bg-opacity-0::after {
  opacity: 0;
}

@media (max-width: 575px) {
  .responsive-tabs {
    overflow-x: auto;
  }
}
/*# sourceMappingURL=vlsuite.css.map */