/* add custom styles including using tailwind @apply */

/* run `yarn run custom-css` to generate css/styles.css */

.with-transparent-bg {
  background: url(/img/layouts/bg.jpg);
  background-size: cover;
}

.ladder-underline {
  border-bottom-width: 1px;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.ladder-underline:after {
  content: "";
  border-bottom-width: 8px;
  margin-right: 50%;
  display: block;
  padding-bottom: 16px;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.underlined_header {
  --tw-border-opacity: 0.5;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom-width: 1px;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}

.underlined_header:after {
  content: "";
  border-bottom-width: 8px;
  margin-right: 50%;
  display: block;
  padding-bottom: 16px;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}