@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

.temp_guidance_sentence {
  @apply text-center text-secondary font-bold;
}

body {
  @apply font-sans;
}

.wp-block {
  @apply max-w-screen-xl;
}

.wp-block[data-align='wide'] {
  @apply max-w-screen-xl;
}

.wp-block[data-align='full'] {
  @apply max-w-full;
}
.wp-block.alignfull {
  @apply max-w-full;
}

.acf-block-component {
  /* @apply bg-red-500; */
}
.acf-block-fields {
  @apply max-w-screen-md mx-auto;
}

.block-editor-default-block-appender .block-editor-inserter {
  button {
    @apply !bg-secondary;
  }
}

.homegrade-content-blocks-grey-box {
  /* max-width: 100% !important; */
}

.components-dropdown .components-toolbar__control {
  background-color: #e04d42;
  color: white;
}

ul,
ol {
  @apply mt-4 mb-8;
}
ol {
  @apply list-decimal list-inside;
}
ul li {
  padding: 0.15rem 0;
  @apply relative pl-5;
}
ul li:before {
  @apply absolute left-0;
  content: '';
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-right: 14px;
  margin-top: 9px;
  @apply bg-secondary;
}