/* Background */

.bg-transparent {
  background-color: transparent;
}

/* Border Radius */

.rounded-3xl {
  border-radius: 1.5rem;
}

/* Font */

.font-light {
  font-weight: 300;
}

.leading-loose {
  line-height: 2;
}

/* Font color */

.text-gray {
  color: var(--color-gray);
}
.hover\:text-lochmara:hover {
  color: var(--color-lochmara);
}

/* Font size */

.text-lg {
  font-size: 1.125rem;
}
.text-xl {
  font-size: 1.25rem;
}
.text-2xl {
  font-size: 1.5rem;
}
.text-3xl {
  font-size: 1.875rem !important;
}
.text-4xl {
  font-size: 2.25rem;
}

/* Margin & Padding */

.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}
.pl-10 {
  padding-left: 2.5rem;
}

@media screen and (min-width: 992px) {
  .lg\:pl-6 {
    padding-left: 1.5rem;
  }
}

/* Width & Height */

.max-w-1\/4 {
  max-width: 25%;
}

.w-8 {
  width: 2rem;
}
.w-64 {
  width: 16rem;
}
.w-72 {
  width: 18rem;
}
.w-96 {
  width: 24rem;
}
.w-120 {
  width: 30rem;
}

@media screen and (max-width: 767px) {
  .sm\:w-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-96 {
    width: 24rem;
  }
}

/* Layout */

.gap-1 {
  gap: 0.25rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-7 {
  column-gap: 1.75rem;
}
.gap-x-18 {
  column-gap: 4.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-12 {
  row-gap: 3rem;
}

.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}

@media screen and (min-width: 992px) {
  .lg\:inline-grid {
    display: inline-grid;
  }
}

/* Layout - Grid */

.grid-cols-auto-auto {
  grid-template-columns: auto auto;
}
.col-start-2 {
  grid-column-start: 2;
}
.place-content-end {
  place-content: end;
}

@media screen and (min-width: 992px) {
  .lg\:grid-cols-auto-auto {
    grid-template-columns: auto auto;
  }
  .lg\:col-start-2 {
    grid-column-start: 2;
  }
}

/* Layout - Placement */

.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.left-0 {
  left: 0;
}

/* Layout - Spaces */

.justify-evenly {
  justify-content: space-evenly;
}
.\!justify-evenly {
  justify-content: space-evenly !important;
}

/* Layout - Flex Layout */

.basis-auto {
  flex-basis: auto;
}
.basis-full {
  flex-basis: 100%;
}

@media screen and (min-width: 992px) {
  .lg\:basis-auto {
    flex-basis: auto;
  }
}

/* List */

.list-circle {
  list-style-type: circle;
}
.list-disc {
	list-style-type: disc;
}
.list-upper-alpha {
  list-style-type: upper-alpha;
}

/* Cursor */

.pointer-events-none {
  pointer-events: none;
}

/* Aspect Ratio & Object Fit */

.aspect-video {
  aspect-ratio: 16 / 9;
}

.object-cover {
  object-fit: cover;
}

/* Overflow */

.overflow-hidden {
  overflow: hidden;
}

/* Visibility */

.invisible {
  visibility: hidden;
}